ワードプレスの人気テーマ、賢威のヘッダー部分のカスタムをまとめました!

 

ディフォルトだと味気ない無いですが・・・

01

 

この記事だけで賢威のヘッダーのカスタムが一通りできますよん♪

02

 

スポンサーリンク

タイトルを文字から画像への差し替え

header01

【ダッシュボード】⇒【外観】⇒【テーマの編集】で編集画面を開きます。

その中から、【design.css】をクリックし

表示されるcssデータの中から、以下の文字列を探してください。

<!–▼ヘッダー–><div id="header"><div id="header-in"><div id="header-title"><p class="header-logo"><a href="<?php bloginfo('url'); ?>"><?php bloginfo('name'); ?></a></p><h1><?php h1_keni(); ?></h1></div><div id="header-text"><p><?php echo the_excerpt_keni(); ?></p></div></div></div><!–▲ヘッダー–>

これを以下のようにします。

<!–▼ヘッダー–><div id="header"><div id="header-in"><div id="header-title"><h1><a href="<?php bloginfo('url'); ?>"><img src="ここにヘッダー画像URLを入れる" alt="<?php bloginfo('name'); ?>"></a></h1></div></div></div><!–▲ヘッダー–>

 

ヘッダーの上下幅を変更する

【ダッシュボード】⇒【外観】⇒【テーマの編集】で編集画面を開きます。

その中から、【design.css】をクリックし
表示されるcssデータの中から、以下の文字列を探してください。

 

上幅

header02

#header-in{ padding: 0.3em 0; }

padding: 0.3emの数字を変更すれば上の幅を変えられます。

 

下幅

header03

#header h1{margin-bottom: 0.1em;font-size: 1.167em;}

margin-bottom: 0.1emの数字を変更すれば上の幅を変えられます。

 

背景色を変える

【ダッシュボード】⇒【外観】⇒【テーマの編集】で編集画面を開きます。

その中から、【design.css】をクリックし
表示されるcssデータの中から、以下の文字列を探してください。

#header{background-color: #fff;font-size: 1.2em;}

background-color: #fff;の黄色くハイライトした箇所に
変更したい色のコードを入力してください。

 

サイトマップとかあるところ(最上部にあるけど、フッターの一部)の背景色を変える

header04

【ダッシュボード】⇒【外観】⇒【テーマの編集】で編集画面を開きます。

その中から、【design.css】をクリックし
表示されるcssデータの中から、以下の文字列を探してください。

#top{position: absolute;top: 0;background-color: #a9a9a9;font-size: 1.2em;}

background-color: #a9a9a9;の黄色くハイライトした箇所に
変更したい色のコードを入力してください。

 

サイトマップとかあるところ(最上部にあるけど、フッターの一部)に項目を増やす

header04

【ダッシュボード】⇒【外観】⇒【テーマの編集】で編集画面を開きます。

その中から、【フッター (footer.php)】をクリックし
表示されるcssデータの中から、以下の文字列を探してください。

<!--▼トップメニュー--><div id="top"><div id="top-in"><ul id="top-menu"><li><a href="<?php bloginfo('url'); ?>/sitemaps/" title="サイトマップ">サイトマップ</a></li></ul></div></div><!--▲トップメニュー-->

ここでいう6~8行目に以下の文字列を追加すればOKです。

<li><a href="リンクさせたいURL" title="リンク名称">リンク名</a></li>

上から順に、左からの並びになります。

 

賢威はSEOに強いだけではなく、このようにさまざまなカスタムに対応していますので

オウンドメディア構築はもってこいのテーマです。

SEOに強いテーマ・柔軟なカスタムに対応できるテーマに興味のある方は、お勧めしますよ!


【賢威】

鉄板テーマです。
カスタム性・SEO対策抜群でダントツで人気のテーマです!
初心者でも導入しやすく、テンプレートも豊富なのでこれ一つで長く使うことが出来ます!

 

manual