以前このブログでは、digitalnatureのMystiqueというWordPressテーマを導入し、デザイン部分についてはほぼデフォルトのまま使用していました。Elevenを暫定的に使い続けていました。Elevenテーマですが、デフォルトの設定だと各記事ページ、固定ページにサイドバーが表示されないため、不便です。自作テーマ移行まで過渡期的な利用だと割り切っていたため対策も行わなかったのですが、容易に設定ができるようなので実験がてら設定してみました。固定ページへのサイドバー追加は非常に簡単です。Templateを選択するだけです。Elevenのソースに手を加えなければなりません。言え、失敗するリスクやヴァージョンアップ時に変更がリセットされてしまう危険性を避ける為に、以前紹介記事を書いた子テーマを利用しましょう。記事の中での説明にあるように、カスタムスタイルシートについては、子テーマの中で親テーマのstyle.cssを呼び出す処理が書けました。追加の部分についてはCSSの後着優先という性質を利用して上書きをしましたね。××.phpのような処理を書くファイルについては、処理の順序の問題もあり、子テーマのファイル中で親テーマのファイルを呼び出すというのは難儀です。そのため、カスタム処理を書きたいファイルを子テーマのフォルダ内にコピーし、そのファイルに処理を追加するという形になります。子テーマに同名のファイルが見つかると、親テーマのファイルは参照されません。子テーマの作成、有効化までは完了したものとして、サイドバーを呼び出す処理を書きます。Elevenのテーマフォルダの中にある、single.phpです。WordPressではテンプレートエンジンのごとく、HTMLを断片的に吐き出してページを完成させています。サイドバー部分の断片を吐き出す命令を、しかるべき位置で呼び出してやれば良いわけです。-->//ここにこの一文を追加します。//ここにこの一文を追加します。?>get_sidebarという命令がそのまま、サイドバーを取ってくる処理です。フッターを呼び出す、get_footerの前で呼びましょう。これをsingle.phpという名前で子テーマフォルダに保存すると、個別ページの表示がこのようになります。サイド?バーご覧のように、コメント投稿欄の下にサイドバー部分がはみ出てしまいます。新しくサイドバーを表示するようにしたため、個別記事ページで呼び出されるCSSも調整する必要があります。子テーマのstyle.cssに、以下の内容を追加して下さい。}個別記事ページでは、記事が表示されるエリアに.singularというクラスによる限定が付いており、通常の記事エリアのidである#primary、#contentの指定より優先されています。したがって基本的には#primary、#contentの指定をそのまま.singularで限定されたセレクタの宣言にもってきて上書きすれば良いのです。.entry-header以下略の部分は、コメント投稿欄の幅などを指定しています。親テーマのstyle.cssそのままだと、サイドバー抜きの場合の表示幅を基準にサイズを合わせるので、不格好になってしまいます。そこで、widthをautoに指定し直しています。Elevenにサイドバーを追加するニッチなプラグインがいくつかあります。Extensionsが有名ですね。Twelveではもう少し融通が利くようになってほしいものです。PMありがとうございました。レイアウト崩れが、一発でなおりました。検索して探していました。コメントをキャンセルメールアドレスが公開されることはありません。初心者JavaScripter、jQuery使いにオススメ。JavaScriptの曖昧な理解をなくしておこう。]価格:2,919円(税5%込、送料込)WordPress案件でも戸惑わない!「WordPressで作ってくれ」という案件や、既存WordPressサイトの拡張案件などで、PHPerが戸惑わないための本。WordPress関数やテンプレートファイルの構造、フックの概念の説明など。]価格:2,940円(税5%込、送料込)たまにでいいからActionScriptを思い出してくれ...FlashとActionScript3.0。しても使わなければならない仕事のときに。ActionScriptライブラリにときめいた時代を思い出せて、しかも実用的な本。さようならFlash。]価格:2,940円(税5%込、送料込)iOSアプリ開発新言語Swift畑違い?いやPHPやJavaScriptに飽きたら、ぜひモダン言語の風を。