このページでは、Nishiki Pro テーマで使えるパンくずリストのカスタマイズに関するコードをまとめています。
ここからの情報は、PHP でコードが書けたり、ワードプレスのカスタマイズ知識や技術をある程度持っている上級者向けの内容として公開しています。
カスタマイズ用のプラグインを作ったり、子テーマを作って functions.php 内にコードを追記するなどで実装してください。
このようなカスタマイズがスラスラできるようになると、ワードプレスを扱う技術力も向上し、自信にもつながります。
もし駆け出しや初心者の方でも「やってみようかなぁ・・・」と、やる気がある方は、ぜひ挑戦してみてください!
トップページへのリンクテキスト「ホーム」を変更する
// パンくずの現在のページの「ホーム」テキストを変更する
if( ! function_exists( 'nishiki_pro_custom_breadcrumbs_home_text' ) ){
function nishiki_pro_custom_breadcrumbs_home_text( $text ){
$text = 'トップ';
return $text;
}
add_filter( 'nishiki_pro_breadcrumbs_home_text', 'nishiki_pro_custom_breadcrumbs_home_text', 10, 1 );
}
サンプル
現在のページのテキストを変更する
// パンくずリストの現在のページのテキストを変更する
if( ! function_exists( 'nishiki_pro_custom_breadcrumbs_current_page_text' ) ){
function nishiki_pro_custom_breadcrumbs_current_page_text( $text ){
$text = 'abc';
return $text;
}
add_filter( 'nishiki_pro_breadcrumbs_current_page_text', 'nishiki_pro_custom_breadcrumbs_current_page_text', 10, 1 );
}
サンプル
現在のページのテキストを非表示にする
// パンくずの現在のページのテキストを非表示にする
add_filter( 'nishiki_pro_breadcrumbs_current_page', '__return_false', 10, 1 );
サンプル
セパレーター「/」を別の文字に変更する
// セパレーター「/」を別の文字「>」に変更する
if( ! function_exists( 'nishiki_pro_change_bareadcrumbs_separator' ) ){
function nishiki_pro_change_bareadcrumbs_separator(){
return '\\03e'; // ワードプレスの管理画面→「外観」→「Nishiki Pro About Page」→「使用できるアイコンフォント」から、使用できるアイコンの文字コード確認してください
}
add_filter( 'nishiki_pro_breadcrumbs_separator', 'nishiki_pro_change_bareadcrumbs_separator', 10 );
}
サンプル
まとめ
簡単なサンプルを紹介しましたが、is_single() や is_tax() などの条件分岐を組み合わせることで、特定のページのみ変更を加えることもできます。お好みでカスタマイズください。
WordPress テーマ Nishiki Pro
「ウェブサイト運営に本当に必要とされる機能」をテーマ内にまとめて搭載したワードプレステーマです。
ブロックエディター機能を強化し、これまでのワードプレスでは難しかったコンテンツが簡単に作れます。
ブログ、ポートフォリオ、コーポレートサイト、ビジネスサイト、オンラインショップなど、様々な目的のウェブサイトに対応できるテーマです。
最新情報をチェック!
Nishiki / Nishiki Pro テーマに特化した情報を「にしきちゃん」がお伝えします😀
- リリース情報
- 新機能の紹介
- 便利な使い方
- 開発中の機能紹介
- 導入事例
- あるある日常ネタ
など