賢威７のパンくずリストは、
長い名前のブログタイトルの場合 TOP ＞ カテゴリー名 ＞ ・・・・
と続きます。
ブログタイトルが長いと、パンくずリストが長くなって邪魔なんですよね～。
そこで、
HOME ＞ カテゴリー名 ＞ ・・・・
と短くする方法をご紹介します。
パンくずリストのサイトタイトルを消したい
賢威７コーポレート版(Ver.7.1.0.10)の場合で解説します。
テンプレートファイルの、「module/breadcrumbs.php」を改造します。
※以前紹介していた方法では、Google Search Console で『「name」または「item.name」のどちらかを指定してください』というエラーが出てしまったので、修正しました。
変更する場所は、237行目の次の部分
$home_name_str = "<span itemprop=\"name\">" . esc_html( $val['name'] ) . "</span> TOP";
こちらの青字部分を削除して、削除した部分に、赤字のTOPの文字を移動します。
つまり、次の様にします。
$home_name_str = "<span itemprop=\"name\"> TOP</span>";
赤字部分は、お好みで変更します。
$home_name_str = "<span itemprop=\"name\"> HOME</span>";
これで、パンくずリストを短くすることが出来ます。
パンくずリストに、記事タイトルを表示させない
TOP>カテゴリー名>
までの表示で、この後に記事タイトルを表示させない様にするには、次のcssを追加します。
.breadcrumbs-in li:last-child {
display: none;
}
display: none;
}
このcssの追加は、「外観」の「カスタマイズ」にある「追加CSS」の中に、追加すると簡単です。
パンくずリストに、記事タイトルを表示させたい
賢威7.1からは仕様変更により、スマホ版では、
TOP>カテゴリー名>
としか表示されなくなりました。
以前の様に、
TOP>カテゴリー名>記事タイトル
と表示させたい場合は、次のcssを追加します。
@media only screen and (max-width : 736px){
.breadcrumbs-in li:last-child {
display: block;
}
}
.breadcrumbs-in li:last-child {
display: block;
}
}
このcssの追加は、「外観」の「カスタマイズ」にある「追加CSS」の中に、追加すると簡単です。
