ホテル・結婚式場などのホームページがつくれるエレガントなデザインのテンプレート「CANON」

ワードプレステーマ別

TCDテーマRUMBLE:固定ページのパンくずリストを親子関係で階層化する方法

WordPressテーマ「NULL」

TCD LABOはWordPressテーマ「NULL」を使用して作られています。

ダウンロード

Q.固定ページに階層が分かるようパンくずリストを表示したいです。

A.下記箇所をご変更ください。

編集するファイル:template-parts/breadcrumb.php 127~133行目付近
編集する箇所:

<?php
  endif;
elseif ( is_page() ) :
?>
<li class="p-breadcrumb__item c-breadcrumb__item">
  <span itemprop="name"><?php echo strip_tags( get_the_title( $post->ID ) ); ?></span>
</li>

  ↓↓↓

<?php
  endif;
elseif ( is_page() ) :
  $count = 1;
  $per_ids = array_reverse(get_post_ancestors($post->ID));
  foreach ( $per_ids as $par_id ){
  $count += 1;
?>
<li class="p-breadcrumb__item c-breadcrumb__item" itemprop="itemListElement" itemscopeitemtype="http://schema.org/ListItem">
  <a href="<?php echo get_page_link( $par_id );?>" itemscopeitemtype="http://schema.org/Thing" itemprop="item">
   <span itemprop="name"><?php echo get_page($par_id)->post_title;?></span>
  </a>
  <meta itemprop="position" content="<?php echo $count; ?>" />
</li>
<?php }?>
<li class="p-breadcrumb__item c-breadcrumb__item"><?php echo strip_tags( get_the_title( $post->ID ) ); ?></li>

この記事は役に立ちましたか?

もし参考になりましたら、下のボタンで教えてください。
今後の記事作成の参考とさせて頂きます!

同じテーマのカスタマイズ記事