賢威6.1でヘッダー部分をすっきり、目立たなくさせる方法

賢威6.1を使っていて、ヘッダーの部分をどうするかって考えますよね。

私は、こちらのブログなどでは、しっかり目立つヘッダーにしています。

 

しかし、アフィリエイトの中でも、グーグルアドセンス用で使っている
ブログの場合は、
ヘッダーの部分は、出来るだけ簡素化した方が良い
と言われています。

なぜかというと、

「ヘッダーの部分が目立ち過ぎると、グーグルの広告をクリックして
もらいにくくなるから」

です。

 

ちなみに、賢威6.1の場合だと、
結構、ヘッダーの部分の字が大きくなったりするので、
これも、小さくした方がいいですね。

そこで、賢威6.1で、
ヘッダー部分をすっきりさせ、目立たなくする方法
についてまとめました。

 

ヘッダーを簡素化する方法

賢威のヘッダーを構成しているところは、
テーマの編集から入って、header.phpというファイルの中にあります。

 

 

その中の、<?php bloginfo(‘name’); ?>という部分が、
タイトル部分になります。

もし、ここを格好いいヘッダー画像に変えたい場合は、
ここの部分に、ヘッダー画像のリンクを貼ります。

 

しかし、今回は、ヘッダーを簡素化するので、
逆に、ここにテキストを書きます。

ちなみに、<?php bloginfo(‘name’); ?>のままにしておくと、
ブログのタイトルがそのまま表示されますが、
ブログのタイトルは、32文字までキーワードをしっかり詰め込んだ方が
SEO対策上良いので、長くなっている場合が多いです。

だから、この部分は、テキストで簡潔に書いた方が
より目立たないということになります。

 

次に、まず、右下の説明文を左上に持ってきます。
これは、h1タグというSEO上、非常に重要な部分なので、
消さないで、移動だけさせます。

方法は簡単です。

ここにあるh1タグの部分を

<p class=”header-log”>のソースの上に持って行くだけです。

 

 

あと、ヘッダーの右側には、サイトの説明文が表示されますが、

ここの部分も削除してしまって大丈夫です。

 

ヘッダーの文字の大きさを変えるには？

では、ヘッダーの文字の大きさを変えるにはどうしたら良いのでしょうか。

これは、テーマ編集の中にある、design.cssという
ファイルを編集します。

そのファイルを開くと、

 

ヘッダーロゴ(メインタイトル)という部分があります。

まず、文字の大きさを変えましょう。

font-size: 3em; となっていますが、ここを2em;に変えます。

あと、width:59.5%となっていますが、
ここの値が、小さいと、タイトルが途中で改行されてしまうので、
横に伸ばしたい場合は、80%とか少し大きくしておきましょう。

 

少し分かりづらかったかもしれませんが、
これは、あくまでも私の我流なので、参考程度にして下さい^^;

 

やっぱり賢威は、いろいろと自由にカスタマイズできるところが
魅力です。

アフィリエイト初心者の方には、少し分かりづらいところも
あるかもしれませんが、そんな時は、気軽に質問して下さいね。
SEOに強い戦略的テンプレート「賢威6.1」。レスポンシブWebデザインにも対応！パンダアップデート・ペンギンアップデートで悩むサイトオーナー様必見のSEOマニュアルが付属！