固定ページテンプレートの子ページリストを3カラムにしたい

子ページインデックスのテンプレートを使うと、デフォルトでは子ページのリストが2カラムで並びますが、これを3つ並ぶように変更できないかと思っています。

 という、ご質問です。

まず、page-parent.phpを複製して、page-parent3.phpとでもしておきましょうか。

テンプレート名を

/*
* Template Name: Child index 3column
*/

いじるのは、43行目

class=”child_page_block layout_<?php echo $layout ?>” を class=”child_page_block layout” に変更

34,37~41行のif文は不要なので削除

【変更前】

[php]
if (have_posts()) :
$count = 1;
while (have_posts()) :
the_post();
if ( ( $count % 2 ) > 0 ) {
$layout = ‘odd’;
} else {
$layout = ‘even’;
} ?>

[/php]

そして、子テーマCSSで調整。

[css]
#content .child_page_block {
float:left;
margin: 0 5px 10px 5px;
}
@media (min-width: 660px){
#content .child_page_block {
width: 30%;
}
}
[/css]

やっぱり若干、きつい気がするw

あとは、好みで調整してください^^

 

しかし・・・このままだとデフォの2カラムは・・・3カラムと併用する人なんていないよね?w

もし、併用するなら3カラムのクラス名は丸ごと付け替えて、cssあててくださいね。

 

「bizvektorのcss・phpカスタムまとめ」へ