
ワードプレスの人気テーマ、賢威のヘッダー部分のカスタムをまとめました!
ディフォルトだと味気ない無いですが・・・
この記事だけで賢威のヘッダーのカスタムが一通りできますよん♪
目次
タイトルを文字から画像への差し替え
【ダッシュボード】⇒【外観】⇒【テーマの編集】で編集画面を開きます。
その中から、【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データの中から、以下の文字列を探してください。
上幅
#header-in{ padding: 0.3em 0; }
padding: 0.3emの数字を変更すれば上の幅を変えられます。
下幅
#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;の黄色くハイライトした箇所に
変更したい色のコードを入力してください。
サイトマップとかあるところ(最上部にあるけど、フッターの一部)の背景色を変える
【ダッシュボード】⇒【外観】⇒【テーマの編集】で編集画面を開きます。
その中から、【design.css】をクリックし
表示されるcssデータの中から、以下の文字列を探してください。
#top{ position: absolute; top: 0; background-color: #a9a9a9; font-size: 1.2em; }
background-color: #a9a9a9;の黄色くハイライトした箇所に
変更したい色のコードを入力してください。
サイトマップとかあるところ(最上部にあるけど、フッターの一部)に項目を増やす
【ダッシュボード】⇒【外観】⇒【テーマの編集】で編集画面を開きます。
その中から、【フッター (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対策抜群でダントツで人気のテーマです!
初心者でも導入しやすく、テンプレートも豊富なのでこれ一つで長く使うことが出来ます!