固定ページと個別ページでサイドバーを使い分ける方法

今回は固定ページと個別ページで違うサイドバーを使う方法を紹介します。例えばこのブログのようにTwentyTwelveのテーマを使っている場合にはWordPressの「外観」⇒「ウィジェット」と進むとサイドバーが3つ程設定できるようになっていますよね。

サイドバー-1

普通はこの「メインサイドバー」を利用してサイドバーを表示しますが、固定ページと個別ページではサイドバーの内容を変えたいという場合、例えばアドセンス広告の貼り付けを固定ページと個別ページで分けたいという場合とかね。

まあ、色々使える場面があるかも知れませんので解説していきます。

スポンサーリンク

子テーマに「sidebar-2.php」を作成する

まずは2つ目のサイドバーを使えるようにしておきましょう。ロリポップの場合で説明するとロリポップFTPで「wp-content」⇒「themes」⇒「child(私の場合の子テーマ)」と進み、この中にファイルを作成します。

サイドバー-2

ファイルを作成したら「sidebar-2.php」という名前だけ付けて「保存」しておきます。内容は後で記述します。

サイドバー-3

名前を付けて「保存」できたらロリポップでの作業は終了です。

新しいサイドバーを使えるようにする

それではWordPressに戻って、WordPressの管理画面から「外観」⇒「テーマの編集」をクリック。すると画面右に先ほど作成した「sidebar-2.php」というファイルが表示されている事を確認して下さい。

サイドバー-4

これは開かずにおいておき、まずは普通の「サイドバー (sidebar.php)」を開きます。子テーマに「サイドバー (sidebar.php)」がない場合は子テーマに追加するか親テーマ「(私の場合は)TwentyTwelve」を選択して「サイドバー (sidebar.php)」を探します。

サイドバー-5

親テーマの「サイドバー (sidebar.php)」を見つけたら内容を全部コピーして再び子テーマに戻ります。

それではコピーした「サイドバー (sidebar.php)」の記述を先ほど作成した「sidebar-2.php」に貼り付けします。この中にはこのような記述があると思います

「sidebar-2.php」ではここの「’sidebar-1′ 」という記述を「’sidebar-2′ 」と書き換えて下さい(2箇所)。これで準備は完了です。「sidebar-2.php」はこんな感じになっていますね。

サイドバー-6

固定ページにはサイドバー2を使ってみる

では実際に固定ページでは新しく作成したサイドバー2を利用してみましょう。まずはウェイジェットを追加しておきましょう。今度は「メインサイドバー」ではなくて「フロントページウェイジェットエリア(TwentyTwelveの場合)」というのを開いて使いたいウィジェットを追加。

サイドバー-7

ウィジェットを追加したら「外観」⇒「テーマの編集」をクリックして「固定ページテンプレート (page.php)」を開きます。子テーマに固定ページテンプレートが無いという場合は子テーマに追加しておきましょう。

固定ページテンプレートの一番最後の部分にこのような記述があります。

ここの「sidebar()」という部分の()の中に「”2″」を入れます。半角です。

つまりこれで固定ページでは「サイドバー2」を呼び出してねって事になります。後は保存をして終了です。

上手くできない場合は数字が全角になっていないか確認してみて下さいね。

にほんブログ村 小遣いブログ アフィリエイトへ
サイトのアクセスアップや稼ぐためにおすすめの無料レポート

個人的にアクセスアップや検索上位表示に役立った無料レポートです。登録にメールアドレスが必要ですが、フリーメールでもOKです。

ブログの更新はこちらから

固定ページと個別ページでサイドバーを使い分ける方法”に9件のコメントがあります。

コメントの反映には時間がかかる場合があります。

内容に問題なければ、下記の「コメントを送信する」ボタンを押してください。

CAPTCHA


  1. はなこ

    返信ありがとうございます!
    指摘いただいた通りに編集したところ、無事直りました!!
    本当にありがとうございます!助かりました。

  2. しげぞう 投稿作成者

    はなこ様

    返信ありがとうございます。やはり個別ページと固定ページで表示が変わるのがおかしいですね。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と名前が似ているので間違わないようにやってみてください。

    それでも上手く行かない場合には再度コメント頂けると助かります。

  3. はなこ

    返信ありがとうございます。ブログテーマはtwentytwelveです。

    よろしくお願いします。