Twenty Eleven の個別ページを2カラムにする


シングルカラム

シングルカラム

WordPressのテーマ『Twenty Eleven』をカスタマイズするときの備忘録的なもの。

Twenty Eleven は個別ページ(シングルページ)ではサイドバーが無くなってシングルカラムになってしまうので、トップページと同じようにサイドバー付きの2カラムになるよう修正。

style.cssに以下を追加
/* Singular */
.singular #primary {
margin: 0 -26.4% 0 0;
}
#nav-single {
display: none;
}
.singular .entry-header .entry-meta {
position: relative;
}
.singular .hentry {
padding: 0;
}
.singular .entry-header, .singular .entry-content, .singular footer.entry-meta, .singular #comments-title {
width: 100%;
}
.singular #content, .left-sidebar.singular #content {
margin: 0 34% 0 7.6%;
}
.singular article .entry-title {
padding-top: 0;
}
.singular .entry-meta .edit-link a {
right: 0;
top: 0;
left: auto;
}

single.php に以下を追加
最終行の
<?php get_footer(); ?>
の上に
<?php get_sidebar(); ?>
を追加して
こうする。
			</div><!-- #content -->
		</div><!-- #primary -->

<?php get_sidebar(); ?>

<?php get_footer(); ?>
これで2カラム化。

関連記事

Twenty Eleven の個別ページを2カラムにする” への3件のコメント

  1. ピンバック: 個別記事にもサイドバーを表示したい!TwentyEleven カスタマイズ | Themes! -WordPress-

  2. ピンバック: WordPress デフォルトのテーマtwentyelevenを子テーマを使ってカスタマイズあれこれ | シングルマザーの在宅ワーク奮闘ブログ【モモポポ日記】

  3. ピンバック: wpカスタマイズ参考メモ(自分用)① | トライ&エラーな日々。

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です