カスタマイズのメモ書きです。カスタマイズですが、そろそろ細かい所を弄っていこうかと思ってます。いうことで、今回は「パンくずリスト」の設置です。完成イメージはこんな具合です。リッチスニペット対応」にしてみました。時に作成した物を流用しているので一部内容はかぶっていますが、今回のカスタマイズ内容を書いておきたいと思います。パンくずリストを追加する工程はこんな感じになります。形式とよばれる物でコード書いてみます。hoge.html」のようなパンくずリストを作成したい場合はこんな感じに書くといいみたいです。「パンくずリスト」を認識してくれるようです。使って書くとパンくずリスト用のコードはこんな感じになります。いうファイル名で保存します。行目の「年月日」を表示する部分に記述ミスを見つけましたので修正しました。添付ファイルも修正済み)みそodenさんご指摘ありがとうございました。これでコードの作成は完了です。一応、サンプルファイルも下記に置いておきます。パンくずリストのサンプル一部、記述方法を変更していますが元のコードは下記記事で作成したものを利用しています。詳しい動作条件だったりは下記をご参照ください。読み込ませる必要があります。今回はこんな感じに先頭に書いてみました。子テーマ内にない場合は、親テーマ内よりコピーして編集します。追加するのは下記の一行です。?>こんな感じに追加します。次はスタイルシートでパンくずリストの表示を整えます。パンくずリスト自体のデザインから。いう項番でこんな感じに書いてみました。好きな物を設定すると良いと思います。下記のページにメタ文字を変換できる便利なスクリプトがあるので参考に貼っておきます。参考にしたページcontentプロパティで挿入できるコンテンツこれでパンくずリストのデザインができたので後は各デバイス用に表示の最適化をしていきます。以上で表示させるようにメディアクエリをカスタマイズしてみました。以下で非表示にする設定から。~省略~.}こんな感じです。以上で表示する設定です。~省略~.}こんな感じで完成です。パンくずリストのスタイルシートは別ファイルにした方が管理はしやすいかもしれないですね。テストツールで検索イメージをチェックしてみます。構造化データテストツールこんな感じで表示されたら上手くいっていると思います。パンくずリストを表示する方法は以上になります。00:39こんにちは。work.logさんのデザインが素敵なので、TwentyFourteenカスタマイズの勉強をさせて頂きました。気になる部分を見つけたので、コメントさせて頂きます。月別アーカイブページでパンくずリストがうまく表示されてません。私は44行目の部分から、こんな感じで書いてみるとうまく表示されました。行目の不要なアンカーテキスト上記は修正し、記事も更新しました。ありがとうございました。13:50miuraさんパンくずリストの記事、大変参考になりました。ありがとうございました。言いづらいのですが、サンプルコード内に気になる点がありまして...。1008px”)”*1008px後の閉じカッコが抜けている様子です。19:27通りすがり様コメントありがとうございました。言いづらいのですが、サンプルコード内に気になる点がありまして...。急いで修正しました!ご指摘ありがとうございます。