WordPressテーマTCDのカスタマイズを研究するサイト

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

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>

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

1+

TCD LABO ご利用上の注意

TCD LABO(ティーシーディー・ラボ)に掲載しているTCDテーマのカスタマイズ情報のご利用にあたっては、必ずカスタマイズするファイルのバックアップをご用意の上、ご利用者様責任において実施していただきますようお願いいたします。

カスタマイズの実施により生じたいかなる不具合等についてもTCD LABOはその責任を負いかねます。
何卒ご理解、ご了承の上、当サイトをご活用いただけますようお願い申し上げます。

お問合せ・ご要望

TCDLaboへのお問合せやご要望は
ご連絡フォーム をご利用ください。