WordPressでパンくずリストを「Breadcrumb NavXT」

2020 3/06

2020.01.26 2020.03.06

「Breadcrumb NavXT」はWordPressで構築したサイトに簡単にパンくずリストを表示させることが出来るプラグインです。

パンくずリストとは？

このサイトで言えば…

オレンジの線で囲んだ部分です。これがあると…

サイトを訪れた人が、「今、自分はどこのページを見ているのか？」がすぐにわかる。ユーザビリティーの向上。
検索エンジンに対してサイトの構造を的確に伝えることが出来る。SEOに効果。

と言うわけです。

「Breadcrumb NavXT」のインストール

WordPress管理画面（ダッシュボード）左側のメニュー「プラグイン」→「新規追加」をクリック。
「Breadcrumb NavXT」を検索。
「今すぐインストール」をクリック。
インストール完了後「有効化」をクリック。

テーマファイルへの記述

パンくずリストを表示させたい場所へ以下のコードを記述します。

<div class="breadcrumbs">
    <?php if(function_exists('bcn_display'))
    {
        bcn_display();
    }?>
</div>

あとはCSSで好きなようにデザインすればよいです。

「Breadcrumb NavXT」の設定

ダッシュボードで「設定」→「Breadcrumb NavXT」と進むと設定画面になります。管理画面は日本語になっているので戸惑うこともないと思います。

「一般」タブ

パンくずの区切り

パンくずのリストとリストの間に入る区切り文字の設定。

現在の項目にリンク

表示中の投稿のタイトルにリンクをつけるかどうか。リンクをつける場合はチェックを入れる。

分割ページパンくず

アーカイブ、カテゴリー一覧などでページ送りがある場合のパンくずに何ページ目かの表示をするかどうか。表示させる場合はチェックを入れる。

ホームページパンくず

トップページをパンくずリストに表示させるかどうか。表示させるときはチェックを入れる。

「投稿タイプ」タブ

投稿テンプレート

投稿をパンくずリストに表示させるときの形式、表示のさせ方。

ページテンプレート

固定ページをパンくずリストに表示させるときの形式、表示のさせ方。

メディアテンプレート

関連付けされたファイルをパンくずリストに表示させるときの形式、表示のさせ方。

「タクソノミー」タブ

カテゴリーテンプレート

カテゴリーをパンくずリストに表示させるときの形式、表示のさせ方。

「その他」タブ

投稿者テンプレート

投稿者をパンくずリストに表示させるときの形式、表示のさせ方。

WordPressのテーマはやっぱり国産テーマが安心！

WordPressのインストールは最近ではレンタルサーバー会社の「簡単インストール機能」などでだれでも簡単にできるようになりましたが、そこからのデザインがやっぱり悩みどころ。プラグインも何を使ったらよいのかわかんないし、解説サイトが英語表記というのもよくあるケースです。そして、

WordPressなんてムリだ…

なんていう残念な結論を出して、挫折してしまう方がとても多いです。
せっかく独自ドメイン取得したのに…
せっかくレンタルサーバー契約したのに…
せっかくWordPressインストールしたのに…
です。

WordPressのデザインを決めるものが「テーマ」であることは理解したと思いますが、どのテーマを選べばよいのかわからない…ダッシュボードのテーマの新規追加を試みても種類が多すぎるし、解説は英語だし、有効化してもよくわかんないし…

国産（日本語）のWordPressテーマを導入しよう

WordPressのダッシュボードからテーマを新規追加しようと探しても日本語のものはまず見つかりません。世界中のユーザーから見れば日本語なんて希少言語なので仕方ありません。日本語サイト向けのWordPressテーマはいくつもあります。それらの日本語サイト向けWordPressテーマはそれぞれのテーマ開発者のサイトなどで公開、販売されています。

日本語サイト向けWordPressテーマは有料のものも多いですが、有料であるからこそサポート体制も充実しています。多くの有料の日本語サイト向けWordPressテーマでは日本語での丁寧なサポートに対応しています。何をインストールすればよいかよくわからない「プラグイン」も不要だったり最小限の利用で済んだりします。以下に挙げる日本語サイト向けWordPressテーマは当サイトがおススメするWordPressテーマです。