wordpressのプラグイン「Breadcrumb NavXT」がgoogleのリッチリザルト(構造化マークアップ)に対応していなかったので、対応させる為のメモ。
plugin | version |
---|---|
Breadcrumb NavXT | 7.3.0 |
breadcrumb-navxt.phpを編集
772行目(バージョンによって行数が違うが、だいたいこの辺)
wp-content/plugins/breadcrumb-navxt.php
function bcn_display_list($return = false, $linked = true, $reverse = false, $force = false)
{
global $breadcrumb_navxt;
if($breadcrumb_navxt !== null)
{
- return $breadcrumb_navxt->display($return, $linked, $reverse, $force, "<li%3\$s>%1\$s</li>\n", "<ul>%1\$s</ul>\n");
+ return $breadcrumb_navxt->display($return, $linked, $reverse, $force, "<li itemprop=\"itemListElement\" itemscope itemtype=\"https://schema.org/ListItem\">%1\$s</li>\n");
}
}
ダッシュボードでbreadcrumb-navxtの設定を編集
デフォルトはこんな感じ↓
![](https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F29776%2F58cddea5-5ecc-68f4-44ed-8f274caef345.png?ixlib=rb-4.0.0&auto=format&gif-q=60&q=75&s=e69ac1bb4a71568163692f071ae966a3)
↓こんな感じでパンくずのリンク有りとリンク無しの部分を変更
![](https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F29776%2F3016282c-401c-6169-28ec-94b4b473b391.png?ixlib=rb-4.0.0&auto=format&gif-q=60&q=75&s=3d6d092f49b7704b8854bbef88d69fcf)
コピペ用
リンク有りの方
<a itemprop="item" href="%link%"><span itemprop="name">%htitle%</span></a><meta itemprop="position" content="%position%">
リンク無しの方(Unlinked)
<span itemprop="name">%htitle%</span><meta itemprop="position" content="%position%">
設定画面のタブ、General、Post Types、Taxonomies、Miscellaneous全て書き換えないとエラー出る。
表示させる時
下記コードを表示させたい場所に記述する
<ol itemscope itemtype="http://schema.org/BreadcrumbList">
<?php if(function_exists('bcn_display')){
bcn_display_list();
}?>
</ol>