お品書き
書き直し中…
とりあえず、中へどうぞ
↓↓↓
スポンサーリンク

ヘッダ下にウィジェット追加

2018.02.10
WEBデザイン
WordPressSimplicity
「Simplicity2」というテーマを使用させて頂いております。

とても素晴らしいテーマです、本文やサイドバーに配置できる広告ウィジェットなども最初から用意されております。

ただ、ヘッダ部に配置できるウィジェットは用意されておりません。

サポート掲示板で訊ねてみたところ、ヘッダ部ウィジェットを導入する予定は今のところないので、テーマのカスタマイズで対応してほしいとの事でした。

というわけで、検索してみたら以下の記事を発見

「Simplicity2」でヘッダ部にウイジェットを追加する方法
http://rawegg.sakuraweb.com/css3/
WordPress　CSS　ヘッダー領域にウィジェットを5分でカスタマイズ設置！
WordPress CSSで、ヘッダー領域にウィジェットを設置出来ない、テーマにウィジェットエリアを、５分で簡単設置出来るようにするカスタマイズをご紹介します。…
rawegg.sakuraweb.com
 
（※残念ですが、この方は適応障害を患ってしまって、記事を全て消してしまわれたようです・・・）

書かれている通りにやってみたら、簡単にできました。
やり方は上記記事を参照して頂けばと思いますが、メモ代わりにここにも書いておきます。

(1)「functions.php」に以下のコードを追記
//ヘッダーへウィジェットエリア追加 register_sidebar(array( 'name' => 'ヘッダーウィジェット' , 'id' => 'header-right' , 'before_widget' => '<div class="ad-header-widget">', 'after_widget' => '</div>', 'before_title' => '<h3 class="header-widget_title">', 'after_title' => '</h3>', )); 
(2)「header.php」に以下のコードを追記
<!-- ヘッダーへウィジェット追加 --> <?php dynamic_sidebar('header-right'); ?> 
※追記する場所は下記
<?php endif; ?> </div> <!-- ヘッダーへウィジェット追加 --> <?php dynamic_sidebar('header-right'); ?> </div><!-- /#h-top --> </div><!-- /#header-in --> </div><!-- /#header --> 
※「header.php」は子テーマには用意されておりません。親テーマを編集するのは避けた方が良いということなので、親テーマ内にある「header.php」をダウンロード、子テーマ内にFTPでアップロードします。
すると子テーマの編集画面から「header.php」を編集できるようになります。
やってみたら、簡単でした＼(^o^)／

無事、ヘッダ下にウィジェットが配置されました。
・・・が、私のデザインだと、合わない・・・(^ー^;)

Simplicityの場合は「BeforMain.php」というヘッダと本文の間の領域用の編集ファイルが用意されています。ここに記入したものは、ヘッダと本文の間に表示されます。

そこをカスタマイズしてヘッダと一体のデザインにしてしまったのですが、上記のやり方だとヘッダ部ウィジェットはヘッダ領域と「BeforMain.php」の領域に間に挿入されてしまうのです。。。(>_<;

(※「BeforMain.php」のカスタマイズを「header.php」に移植すればよいのでしょうが、それも大変なので)

そこで・・・

(2)で「header.php」に挿入する事になっているコードを、「BeforMain.php」のカスタマイズの後に挿入・・・

やってみたらバッチリ、無事、本文とヘッダ+「BeforMain.php」の下にウィジェットが挿入されました。
ここに、横長の広告ウィジェットを挿入（デザイン的に、どうしてもここに横長バナーを入れたかったのです。別になしにしてもいいんじゃないかと思ったのですが、やってみたら、なんかデザイン的に寂しい・・・(笑)

直接「BeforMain.php」に広告を挿入してもよいのですが、ウィジェット化する事のメリットは、記事によって「広告の非表示」の設定に連動させて消してしまうことができる点ですね。

「BeforMain.php」や「header.php」をカスタマイズして広告等を組み込んでしまうと、広告を消すことができなくなってしまいますから。

というわけで、なんかGoogleからアダルト認定されてしまった記事があったので、広告非表示に。。。

アダルトじゃないと思うんだけどなぁ・・・

でもまぁ、◯っぱいってたくさん書いてあるから、アウトと言われても仕方ないか・・・？(^_^;)

コメント