パンくずリストとは？作り方とCSSデザインサンプル12選

Breadcrumb NavXTプラグイン(パンくずリストの表示)

htmlは下記コピーでいいのかもしれない（パンくずプラグインで使える書き方）

cssは、.breadcrumbに文字サイズやカラー、全体の余白を、.homeに擬似要素を付けてfontawesomeで家のアイコンを付けているくらいの模様（TF-30の場合）

<!-- breadcrumb -->
<div class="breadcrumb">
	<span property="itemListElement" typeof="ListItem">
		<a property="item" typeof="WebPage" href="/" class="home"><span property="name">ホーム</span></a>
		<meta property="position" content="1">
	</span>
	<i class="fas fa-angle-right"></i>
	<span class="current-item">カテゴリー名</span>
</div><!-- /breadcrumb -->