WordPressテーマ Twenty Elevenにサイドバーを表示する
WordPressのデフォルトテーマ「Twenty Eleven」
デフォルトテーマがHTML5で書かれていることに、時代は変わった!と思ってしまいます。
この「Twenty Eleven」、2カラムを選択しても、そのままだと固定ページと個別記事にはサイドバーが表示されないんですよね。
素人ながらになんとか表示させてみたので、メモです。
固定ページにサイドバー表示
作製した固定ページのテンプレートで「SideBar Template」を選択するだけでOKです。
検索してみるとデフォルトテーマをわざわざ改変するハウツー記事もあったので、盲点になっているんでしょうね。
個別記事ページにサイドバー表示
変更箇所は2か所。
スタイルシート
「テーマの編集」からスタイルシート「style.css」を編集します。
Singularに関する箇所の一部を下記のように/* */で囲い、コメントアウトしてください。
「Singular」をページ内検索するとすぐに見つかるかと思います。
(これを怠ると、サイドバーがページ下部に潜り込んでしまうようです)
/* .singular #primary { margin: 0; } .singular #content, .left-sidebar.singular #content { margin: 0 7.6%; position: relative; width: auto; } .singular .entry-header, .singular .entry-content, .singular footer.entry-meta, .singular #comments-title { margin: 0 auto; width: 68.9%; } */
single.php
テーマ編集から「単一記事の投稿(single.php)」を編集します。
下記の箇所に「<?php get_sidebar(); ?>」の1行を追加してください。
<!--?php endwhile; // end of the loop. ?--> <!-- #content --> <!-- #primary --> <!--?php get_sidebar(); ?--> <!--?php get_footer(); ?-->
これで個別記事にもサイドバーが表示されます。
[…] WordPressテーマ Twenty Elevenにサイドバーを表示する […]
[…] http://musmus.main.jp/blog/twenty-eleven-side-bar/ This entry was posted in 未分類 by admin. Bookmark the permalink. […]