今回は固定ページと個別ページで違うサイドバーを使う方法を紹介します。例えばこのブログのようにTwentyTwelveのテーマを使っている場合にはWordPressの「外観」⇒「ウィジェット」と進むとサイドバーが３つ程設定できるようになっていますよね。
普通はこの「メインサイドバー」を利用してサイドバーを表示しますが、固定ページと個別ページではサイドバーの内容を変えたいという場合、例えばアドセンス広告の貼り付けを固定ページと個別ページで分けたいという場合とかね。
まあ、色々使える場面があるかも知れませんので解説していきます。
まずは2つ目のサイドバーを使えるようにしておきましょう。ロリポップの場合で説明するとロリポップFTPで「wp-content」⇒「themes」⇒「child（私の場合の子テーマ）」と進み、この中にファイルを作成します。
ファイルを作成したら「sidebar-2.php」という名前だけ付けて「保存」しておきます。内容は後で記述します。
名前を付けて「保存」できたらロリポップでの作業は終了です。
新しいサイドバーを使えるようにする
それではWordPressに戻って、WordPressの管理画面から「外観」⇒「テーマの編集」をクリック。すると画面右に先ほど作成した「sidebar-2.php」というファイルが表示されている事を確認して下さい。
これは開かずにおいておき、まずは普通の「サイドバー (sidebar.php)」を開きます。子テーマに「サイドバー (sidebar.php)」がない場合は子テーマに追加するか親テーマ「（私の場合は）TwentyTwelve」を選択して「サイドバー (sidebar.php)」を探します。
親テーマの「サイドバー (sidebar.php)」を見つけたら内容を全部コピーして再び子テーマに戻ります。
それではコピーした「サイドバー (sidebar.php)」の記述を先ほど作成した「sidebar-2.php」に貼り付けします。この中にはこのような記述があると思います
1 2 3 4 5 | <?php if ( is_active_sidebar( 'sidebar-1' ) ) : ?> <div id="secondary" class="widget-area" role="complementary"> <?php dynamic_sidebar( 'sidebar-1' ); ?> </div><!-- #secondary --> <?php endif; ?> |
「sidebar-2.php」ではここの「’sidebar-1′ 」という記述を「’sidebar-2′ 」と書き換えて下さい（2箇所）。これで準備は完了です。「sidebar-2.php」はこんな感じになっていますね。
固定ページにはサイドバー２を使ってみる
では実際に固定ページでは新しく作成したサイドバー２を利用してみましょう。まずはウェイジェットを追加しておきましょう。今度は「メインサイドバー」ではなくて「フロントページウェイジェットエリア（TwentyTwelveの場合）」というのを開いて使いたいウィジェットを追加。
ウィジェットを追加したら「外観」⇒「テーマの編集」をクリックして「固定ページテンプレート (page.php)」を開きます。子テーマに固定ページテンプレートが無いという場合は子テーマに追加しておきましょう。
固定ページテンプレートの一番最後の部分にこのような記述があります。
1 2 | <?php get_sidebar(); ?> <?php get_footer(); ?> |
ここの「sidebar()」という部分の()の中に「”2″」を入れます。半角です。
1 2 | <?php get_sidebar("2"); ?> <?php get_footer(); ?> |
つまりこれで固定ページでは「サイドバー２」を呼び出してねって事になります。後は保存をして終了です。
上手くできない場合は数字が全角になっていないか確認してみて下さいね。
返信ありがとうございます！
指摘いただいた通りに編集したところ、無事直りました！！
本当にありがとうございます！助かりました。
はなこ様
返信ありがとうございます。やはり個別ページと固定ページで表示が変わるのがおかしいですね。CSSに原因がればどのページも同じ表示になるはずです。という訳でこれは固定ページのファイルに原因があるかなと思います。多分個別ページのcontent.phpではなくて、固定ページcontent-page.phpじゃないかと思います。
はなこ様のcontent-page.phpは若干カスタマイズしてあると思います（記事タイトルと画像の位置を変えてる？）。その時に別の部分を気付かずに1部削除したとかそんな感じのミスではないかなと思いました。
で、一度content-page.phpの記述をまるっとコピペしてメモ帳などに貼り付けておきます（失敗してもまた元に戻せるように）。
コピーできたら親テーマのcontent-page.phpをコピーして子テーマのcontent-page.phpに貼り付け。つまりcontent-page.phpだけ一度初期化する感じになります。これで保存してブログを表示させてから「Ctrl」と「F5」を一緒に押してリロード（再読込み）して確認してください。
これで元に戻るならcontent-page.phpが原因だったという事になります。content.phpと名前が似ているので間違わないようにやってみてください。
それでも上手く行かない場合には再度コメント頂けると助かります。
返信ありがとうございます。ブログテーマはtwentytwelveです。
よろしくお願いします。