【WordPress】ソースコードを編集せずにパンくずリストを追加する

問題

パンくずリストは、サイト内でのページの階層をユーザーやクローラーに知らせる、重要なリンクの1つ。

パンくずリストのプラグインは様々あるが、ソースコードに手を入れずにサイトに導入できるものは見つからなかった。

ソースコードに手を入れたくないのは、テーマの更新を行った場合、変更が初期化されるため。

子テーマを設定すればテーマの更新による変更の上書きは避けられるが、管理するファイルが増えてしまう。

プラグインを組み合わせてページを書き換えることで、パンくずリストを導入する。

解決策

対象テーマ

  • 対象テーマ
    • Twenty Seventeen
    • 後述のInjection対象と同じタグを持つテーマ

導入プラグイン

  • Yoast SEO
  • Head, Footer and Post Injections

方法

設定のHead And FooterからGenericsを選び、画像のように以下を入力する。

【WordPress】ソースコードを編集せずにパンくずリストを追加する - 【WordPress】ソースコードを編集せずにパンくずリストを追加する
Head, Footer and Post Injections入力例

Injection対象

<header class

Injectionコード

<?php
if ( function_exists('yoast_breadcrumb') ) {
  yoast_breadcrumb( '<p id="breadcrumbs">','</p>' );
}
?>

設定すると以下のようになる。

【WordPress】ソースコードを編集せずにパンくずリストを追加する - 【WordPress】ソースコードを編集せずにパンくずリストを追加する
パンくずリスト導入結果

コメントを残す

メールアドレスが公開されることはありません。