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

ワードプレステーマ別

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

WordPressテーマ「NULL」

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

ダウンロード

Q.パンくずリストを親子関係で階層化させる方法を知りたいです。

VOGUE以外のテーマは下記記事の方法もご参照ください。
TCDテーマの固定ページのパンくずリストを親子関係で階層化させる方法

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

編集するファイル:template-parts/breadcrumb.php
編集する箇所:51行目付近以降

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

 ↓

<?php 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" itemscope itemtype="http://schema.org/ListItem">
<a href="<?php echo get_page_link( $par_id );?>" itemprop="item">
<span itemprop="name"><?php echo get_page($par_id)->post_title; ?></span>
</a>
<meta itemprop="position" content="2" />
</li>
<?php }?>
<li class="p-breadcrumb__item c-breadcrumb__item" itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem">
<span itemprop="name"><?php echo strip_tags( get_the_title( $post->ID ) ); ?></span>
<meta itemprop="position" content="3" />
</li>

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

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

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