【賢威カスタム】ヘッダーのカスタマイズまとめ 鉄板カスタム5選

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

 

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

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対策抜群でダントツで人気のテーマです!
初心者でも導入しやすく、テンプレートも豊富なのでこれ一つで長く使うことが出来ます!

ずーっと集客に困らない『集客・来客型ブログ』の作り方、知りたくありませんか?

ブログで集客を仕組み化し、ずーっと集客に困らない資産型ブログを作りたい方の為、
3年以上自動で集客し続けるブログの秘密をまとめたE-bookを始めとした4つの特典をメルマガ登録者限定にプレゼントしています!

E-bookでは、
・売り込みなし
・営業活動なし
・過剰な演出をしたSNS投稿なし
・高額広告運用なし

でも

・ブログにアクセスを集める方法
・自動的に見込み客を集め続ける方法
・ブログで継続して収益をあげる方法

また

・読まれる記事にするコツ
・集客型ブログの作り方

等について、2冊、総200ページ以上に渡り解説しています。

この他、7日間メルマガ講座や成功者が続出しているオンラインスクールの限定案内などをお送りします。

今すぐ詳細ページをご確認ください。