【Twenty Ten】親ページに子ページのリンクが表示されるようにする

WordPressテーマカスタマイズ

サイトのトップページにページのリンクが表示されるようにします。

ここでは、トップページを親ページに指定して、子ページを作成するとトップページに子ページが表示されるようにコードを変更します。

【イメージ画像】

【作成】
新規でページを作成して「ページ属性」で親ページ(トップページ)を設定し、トップページの子ページを作成します。
例:子ページ(テスト1)、子ページ(テスト2)

また、下記のコードをpage-home.phpにある「div id=”content”」の後にあるコードと入れ替えます。

そして、コードの中ほどにある、「$query = new WP_Query(array(‘post_parent’=>544, ‘post_type’=>’page’」の’post_parent’=>544の「544」の部分をトップページのIDにします。
*ポストIDは、「固定ページ」⇒「トップページ」を開いてブラウザのアドレスバーを確認するとわかります。

*子ページの表示順は、コード「$query = new WP_Query(array(‘post_parent’=>544, ‘post_type’=>’page’」の後にある「’orderby’=>’ID’, ‘order’=>’ASC’」でページを作成した(IDの小さい)順に昇順で表示されるようにしていますが、「ASC」を「DESC」にすると降順で表示できます。

<?php if ( have_posts() ) while ( have_posts() ) : the_post(); ?>
<div id=&quot;post-<?php the_ID(); ?>&quot; <?php post_class(); ?>>
  <h2 class=&quot;entry-title&quot;><?php the_title(); ?></h2>
  <div class=&quot;entry-content&quot;>
  <?php the_content(); ?>
  <?php $query = new WP_Query(array('post_parent'=>544, 'post_type'=>'page', 'orderby'=>'ID', 'order'=>'ASC'));?>
  <?php if ($query->have_posts()) : ?>  
  <?php while ($query->have_posts()) : $query->the_post(); ?>  
    <li><a href=&quot;<?php the_permalink(); ?>&quot; title=&quot;<?php printf( esc_attr__( 'Permalink to %s', 'twentyten' ), the_title_attribute( 'echo=0' ) ); ?>&quot; rel=&quot;bookmark&quot;><?php the_title(); ?></a></li> 
  <?php endwhile; ?>  
  <?php endif; ?>
  </div><!-- .entry-content -->
</div><!-- #post-## -->
<?php endwhile; // end of the loop. ?>
スポンサーリンク

コメント

タイトルとURLをコピーしました