Just another WordPress site

カスタマイズのヒントはデモサイトに【第6次ブログ改造計画】

Google Adsense

f:id:Macky1991:20190808104755p:plain

 

どうもこんばんわ。

 

アドセンスの反映が待ち遠しくて

寝る前も興奮でなかなか寝つけられませんでしたが

おそらく本日中にはこのブログに広告が表示されるでしょう。

 

カスタマイズがより簡単にわかる方法

 

www.macky1991.jp

 

せっかくアドセンスに合格したので

ブログをさらにカッコよくオリジナリティを出するために

昨日に引き続きブログのカスタマイズをしていきます。

デザインテーマをもといCSSを中心にカスタマイズをしてきましたが

調べていくうちに より簡単にカスタマイズする方法がわかるサイトを見つけました。

 

ヒントはデモサイトに

 

zeno-teal.hatenablog.com

 

私の場合「ZENO-TEAL」というデザインテーマを使用してますが

これまでのカスタマイズのほとんどは製作者以外の方の記事を参考に行ってきました。

しかし、最近になって「ZENO-TEAL」のデモサイト

カスタマイズに関する方法がより分かりやすく

カスタマイズに必要なコードまで記載されてます。

 

より簡単なデザインテーマの色の変更方法

 

www.macky1991.jp

 

前回デザインテーマ の色を変更するために

サイトのコードを表示してコピーして編集したコードを

ブログに適用するという方法でデザインテーマの色を変えてきましたが

変えたい箇所を一つ一つ洗濯して色を変えるというとても手間のかかる方法でした。

 

zeno-teal.hatenablog.com

 

しかし、デモサイトにあるこの記事では

記載されているコードを一部書き換えてブログに適用するだけで

簡単にデザインテーマの色が変更できる方法が紹介されています。

私の作業がいかに回り道であるかを思い知らされます。

昨日私のブログの色に関わるCSSをすべて削除して

この方法で再度デザインテーマの色を変更しましたが

ほんの5分もかけずに色を変えることができました。

 

グロバールナビゲーションバーを追加する

 

zeno-teal.hatenablog.com

 

せっかくなのでこの記事を参考に私のブログにも

グローバルナビゲーションを加えてみたいと思います。 

 

f:id:Macky1991:20190808115348p:plain

 

コードをコピペしただけの簡単カスタマイズです。

「SAMPLE」のところは後ほどカテゴリーに書き換えていきます。

同じく今までの記事にもすべてカテゴリを割り振って

グローバルナビゲーションの機能を活かしてあげたいと思います。 

 

効率化を求められるこの世の中で

無駄に時間を浪費して手間のかかる手段を続けるのは

スマートでもなければカッコよくもありません。

 

ここまでお読みいただきありがとうございます。

次回の記事の更新をお楽しみに。

 

Google Adsense

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です