2018年11月14日 / 最終更新日時 : 2025年11月26日 エス・ティ・セブン プラグイン

Breadcrumb NavXTはパンクズリストを設置するプラグイン

Breadcrumb NavXTとは

Breadcrumb NavXTは、WordPressサイトにパンくずリスト（ブレッドクラム）を簡単に追加できる非常に人気のあるプラグインです。

パンくずリストとは？

パンくずリストとは、ウェブサイトを訪れたユーザーが今どのページにいるのか、そのページがサイト全体のどの位置にあるのかを示すナビゲーションリンクのことです。通常、ウェブサイトの上部（ヘッダーの下あたり）に表示され、以下のような形式が一般的です。

ホーム > カテゴリ名 > サブカテゴリ名 > 現在のページ名

Breadcrumb NavXTの主な機能と特徴：

  • 自動生成: 投稿、固定ページ、カテゴリ、タグ、カスタム投稿タイプなど、WordPressのコンテンツタイプに基づいてパンくずリストを自動的に生成します。
  • カスタマイズ性:
    • パンくずリストの各項目（ホーム、セパレータなど）のテキストやリンクを細かく設定できます。
    • 特定の投稿タイプやタクソノミーに対して、独自のテンプレートや表示ルールを設定できます。
    • 階層表示の有無、表示する深さなどを調整できます。
  • 構造化データ（Schema.org）対応: 生成されたパンくずリストにSchema.orgのパンくずリストマークアップを自動的に追加します。これにより、検索エンジンがサイトの構造を理解しやすくなり、SEO対策にも貢献します。
  • 柔軟な出力:
    • ウィジェットとしてサイドバーなどに配置できます。
    • テーマのテンプレートファイルにショートコードやPHPコードを挿入して、任意の場所に表示できます。
    • CSSで自由にスタイルを適用できます。
  • 多言語対応: 多くの言語に対応しており、様々なWordPressサイトで利用されています。

Breadcrumb NavXTを使うメリット：

  • ユーザーエクスペリエンスの向上: ユーザーがサイト内で迷子になるのを防ぎ、現在の位置を把握しやすくなります。
  • サイトの視認性向上: ユーザーがサイトの構造を理解しやすくなり、回遊率の向上にもつながります。
  • SEO対策: 構造化データに対応しているため、検索エンジンがサイト構造を正確に認識し、検索結果での表示向上に貢献する可能性があります。

利用方法：

  1. WordPressの管理画面から「プラグイン」>「新規追加」に進みます。
  2. 検索窓に「Breadcrumb NavXT」と入力して検索します。
  3. 表示されたら「今すぐインストール」をクリックし、有効化します。
  4. 有効化後、「設定」>「Breadcrumb NavXT」から各種設定を行います。
  5. テーマのテンプレートファイルに適切なコード（通常は<?php if(function_exists('bcn_display')) { bcn_display(); } ?>のようなもの）を挿入するか、ウィジェットとして配置します。

WordPressサイトにパンくずリストを導入したい場合、Breadcrumb NavXTは非常に強力で使いやすい選択肢となります。

利用数

WordPressプラグインBreadcrumb NavXTの有効インストール数は、90万件以上です。

これは、パンくずリスト（ウェブサイトの階層を示すナビゲーション）を生成するための、非常に人気のあるプラグインであることを示しています。

利用料

WordPressプラグインのBreadcrumb NavXTは、無料で利用できます。

WordPressの公式プラグインディレクトリから無料でダウンロード・インストールして使用することが可能です。

ただし、検索結果には「無料で利用できる」「プレミアム有料オプションもある」という記述も見られましたが、現在の公式情報や多くの紹介記事では無料プラグインとして紹介されています。

有料の「拡張機能 (Extensions)」が提供されている可能性はありますが、基本的なパンくずリスト（Breadcrumb）機能は無料で利用できます。

もし、より高度な機能が必要な場合は、開発元の情報やプラグインの説明を改めて確認することをおすすめします。

「Breadcrumb NavXT」は、WordPressサイトにパンくずリストを簡単に追加できる人気のプラグインです。SEO対策にも有効で、ユーザーのサイト内回遊を助ける役割も果たします。

以下に、Breadcrumb NavXTの基本的な使い方をステップバイステップで説明します。

1. プラグインのインストールと有効化

  1. WordPress管理画面にログインします。
  2. 左側のメニューから「プラグイン」→「新規追加」をクリックします。
  3. 右上の検索窓に「Breadcrumb NavXT」と入力し、検索します。
  4. 検索結果に表示された「Breadcrumb NavXT」を見つけ、「今すぐインストール」をクリックします。
  5. インストールが完了したら、「有効化」をクリックします。

2. パンくずリストの表示設定

Breadcrumb NavXTを有効化したら、パンくずリストをサイトに表示させるための設定を行います。主に以下の2つの方法があります。

2.1. テーマファイルにPHPコードを記述する方法（推奨）

この方法が最も一般的で、パンくずリストをサイトの好きな場所に配置できます。

  1. WordPress管理画面の左側メニューから「外観」→「テーマファイルエディター」をクリックします。
  2. パンくずリストを表示したい場所（通常はheader.php、single.php、page.phpなど）に対応するテーマファイルを開きます。サイトのレイアウトによって適切なファイルが異なります。
    • 投稿記事の個別ページ: single.php
    • 固定ページ: page.php
    • トップページやアーカイブページ: index.php、archive.php、category.phpなど
  3. パンくずリストを表示したい場所に以下のPHPコードを貼り付けます。
<div class="breadcrumbs" typeof="BreadcrumbList" vocab="https://schema.org/">
    <?php if (function_exists('bcn_display')) {
        bcn_display();
    } ?>
</div>Code language: HTML, XML (xml)

*divタグで囲むことで、CSSでのスタイリングがしやすくなります。typeofとvocabはSchema.orgのパンくずリスト構造を伝えるための記述です。

ファイルを保存し、サイトを確認します。

2.2. ウィジェットを使用する方法（サイドバーなど）

サイドバーなどのウィジェットエリアにパンくずリストを表示したい場合に利用します。

  1. WordPress管理画面の左側メニューから「外観」→「ウィジェット」をクリックします。
  2. 利用可能なウィジェットの中に「Breadcrumb NavXT」があることを確認します。
  3. 「Breadcrumb NavXT」ウィジェットを、パンくずリストを表示したいウィジェットエリア（例: サイドバー）にドラッグ＆ドロップします。
  4. ウィジェットのタイトルなどを設定し、「保存」をクリックします。

3. Breadcrumb NavXTの設定（詳細カスタマイズ）

Breadcrumb NavXTは、管理画面から細かく設定をカスタマイズできます。

  1. WordPress管理画面の左側メニューから「設定」→「Breadcrumb NavXT」をクリックします。
  2. 設定画面にはいくつかのタブがあります。
    • 一般 (General):
      • パンくずの区切り: パンくずリストの各項目の区切り文字（例: >、>>、→など）を変更できます。
      • ホームページパンくず: パンくずリストの先頭に「ホーム」などのトップページへのリンクを含めるかどうかを設定します。「パンくずにホームページを含める。」にチェックを入れると表示されます。
      • ホームページテンプレート: ホームページの表示名（デフォルトはサイトタイトル）を「ホーム」や「TOP」などに変更できます。%htitle%を任意のテキストに置き換えます。
      • 現在の項目にリンク: 現在表示しているページ名をパンくずリストの最後の項目として表示し、それにリンクを付けるかどうかを設定します。
    • 投稿タイプ (Post Types):
      • 投稿、固定ページ、カスタム投稿タイプごとに、パンくずリストの表示方法（階層構造）を設定できます。例えば、投稿ページのパンくずリストにカテゴリーを含めるか、親ページを含めるかなどを選択できます。
    • タクソノミー (Taxonomies):
      • カテゴリーやタグなどのタクソノミーごとに、パンくずリストの表示設定ができます。
    • その他 (Misc):
      • サイトマップ、検索結果ページ、404エラーページなどのパンくずリストの表示を設定できます。
  3. 変更を適用したら、必ず「変更を保存」をクリックしてください。

4. CSSでのスタイリング

パンくずリストの見た目は、テーマのCSSファイルでカスタマイズできます。

上記でdivタグにbreadcrumbsクラスを追加したように、bcn_display()関数が出力するHTMLには、デフォルトでクラスが付与されています。これを利用してCSSでスタイルを設定します。

/* パンくずリスト全体のスタイル */
.breadcrumbs {
    font-size: 0.9em;
    margin-bottom: 20px;
    padding: 10px;
    background-color: #f5f5f5;
    border-radius: 5px;
}

/* 各パンくず項目のスタイル */
.breadcrumbs span {
    margin: 0 5px;
}

/* 区切り記号のスタイル */
.breadcrumbs span.separator {
    color: #999;
}

/* リンク付きパンくずのスタイル */
.breadcrumbs a {
    color: #337ab7;
    text-decoration: none;
}

.breadcrumbs a:hover {
    text-decoration: underline;
}

/* 現在のページのスタイル（リンクなしの場合） */
.breadcrumbs span.current-item {
    font-weight: bold;
    color: #333;
}Code language: CSS (css)

これらのCSSを、テーマのstyle.cssファイルや、WordPress管理画面の「外観」→「カスタマイズ」→「追加CSS」に記述します。

よくある質問とトラブルシューティング

  • パンくずリストが表示されない:
    • プラグインが有効化されているか確認してください。
    • PHPコードがテーマファイルの正しい場所に記述されているか確認してください。
    • キャッシュプラグインを使用している場合、キャッシュをクリアしてみてください。
  • パンくずリストの階層がおかしい:
    • Breadcrumb NavXTの設定画面で、各投稿タイプやタクソノミーの階層設定を確認してください。
    • 親ページが正しく設定されているか確認してください（固定ページの場合）。

Breadcrumb NavXTは非常に柔軟なプラグインなので、これらの基本的な使い方を参考に、ご自身のサイトに合わせてカスタマイズしてみてください。

Breadcrumb NavXTは非常に人気があり、多機能なパンくずリスト生成プラグインですが、使用する上でいくつか注意点があります。以下に主なものを挙げます。

1. テーマとの互換性:

  • Breadcrumb NavXTは、ほとんどのWordPressテーマで動作しますが、テーマによっては標準でパンくずリスト機能が内蔵されている場合があります。その場合、Breadcrumb NavXTとテーマのパンくずリスト機能が競合し、重複して表示されたり、どちらか一方が正しく機能しなかったりする可能性があります。
  • 新しいテーマを導入したり、テーマをアップデートした際には、Breadcrumb NavXTが正しく動作するかどうか確認が必要です。場合によっては、テーマのパンくずリスト機能を無効にするか、Breadcrumb NavXTの設定を調整する必要があります。

2. 設定の複雑さ:

  • Breadcrumb NavXTは非常に多くの設定項目を持っており、細かくカスタマイズできる反面、初心者には設定が少し複雑に感じられるかもしれません。
  • 特に、投稿タイプ、タクソノミー、アーカイブページなど、それぞれのページタイプに応じたパンくずリストの表示ルールを設定する際には、WordPressの階層構造を理解しているとスムーズに進められます。
  • 意図しない表示になった場合は、設定を見直すのに時間がかかることがあります。

3. SEOへの影響と構造化データ:

  • パンくずリストはSEOに良い影響を与える要素の一つですが、Breadcrumb NavXTが生成するパンくずリストが適切に構造化データ（Schema.org）としてマークアップされているか確認することが重要です。
  • 最新バージョンでは、Googleが推奨するJSON-LD形式での構造化データ出力に対応していますが、古いバージョンや設定によっては正しく出力されていない場合があります。Googleの構造化データテストツールなどで確認することをおすすめします。
  • もし構造化データが正しくマークアップされていない場合、検索エンジンがパンくずリストの情報を適切に認識できず、検索結果での表示に影響が出る可能性があります。

4. パフォーマンスへの影響:

  • 一般的にはパフォーマンスに大きな影響を与えることはありませんが、サイトの規模が非常に大きかったり、キャッシュプラグインとの組み合わせによっては、わずかながらロード時間に影響を与える可能性もゼロではありません。
  • 特に多数のパンくずリストが生成されるような複雑なサイト構成の場合、注意が必要です。

5. 日本語環境での注意点:

  • Breadcrumb NavXT自体は日本語に対応していますが、スラッグ名やカテゴリー名に日本語を使用している場合、パーマリンクの設定によってはパンくずリストのURLが正しく生成されないことがあります。
  • WordPressのパーマリンク設定とパンくずリストの生成ルールが一致しているか確認しましょう。

6. ショートコードとウィジェットの利用:

  • パンくずリストを表示する方法として、テーマファイルに直接コードを記述する方法が推奨されていますが、ウィジェットやショートコードを利用することも可能です。
  • しかし、ウィジェットやショートコードの場合、表示場所やCSSの調整がテーマの構造によって制限されることがあります。可能であれば、テーマの適切な位置にコードを挿入することを検討しましょう。

7. 最新バージョンへのアップデート:

  • セキュリティの脆弱性対策や新機能の追加、バグ修正のため、常に最新バージョンにアップデートすることをおすすめします。
  • ただし、アップデート前には必ずバックアップを取り、アップデート後にサイトの表示や機能に問題がないか確認するようにしてください。

まとめ

Breadcrumb NavXTは非常に優れたプラグインですが、これらの注意点を理解し、適切に設定・管理することで、より効果的にパンくずリストを活用し、ユーザーエクスペリエンスとSEOを向上させることができます。インストール後は、特に設定項目をよく確認し、ご自身のサイトに合わせて調整することが重要です。

口コミ・評価

Googleで検索した結果、以下のような情報が見つかりました。

  • 評価：WordPressの公式プラグインディレクトリでは、5つ星中4.6つ星と高い評価（108件の5つ星レビュー）を受けています。
  • 特徴・利点：
    • 詳細な設定が可能である。
    • パンくずリストとして読み込むテンプレートに融通が利き、サイトの雰囲気を崩さずに導入できるため、おすすめとされている。

このプラグインは、多くのユーザーに利用され、設定の自由度が高く評価されているようです。

プラグインを意識したレンタルサーバーの選び方

多くのプラグインを使う予定であれば、最初からWordPressに特化・最適化されているレンタルサーバーを選ぶのが最も確実で快適です。

WordPress適性ランキング表

順位サーバー名特徴・強み弱み・注意点WordPress適性
1位ConoHa WING（コノハ）高速表示・国内最速級、WordPress簡単セットアップ、独自ドメイン永久無料、初心者〜上級者まで幅広く対応料金はやや高め◎ 非常に適している
2位KAGOYA（カゴヤ）WordPress専用サーバー「KUSANAGI」搭載で超高速、法人利用率高く安定性抜群、セキュリティ強化個人利用にはややオーバースペック、料金は中〜高◎ 高速・安定志向に最適
3位さくらレンタルサーバー老舗で信頼性高い、料金安め、安定稼働、サポート充実表示速度はConoHaやKAGOYAに劣る○ 安定志向に適している
4位LOLIPOP（ロリポップ）初心者向け、料金安い、WordPress簡単インストール、利用者が多く情報豊富高負荷サイトには不向き、速度は中程度△ 個人ブログや小規模サイト向け
5位リトルサーバー月額150円〜と圧倒的低価格、WordPress全プラン対応、無料SSL・自動バックアップあり容量・転送量が小規模向け、サポートはメール中心で即応性に不安△ 趣味ブログや学習用に最適

解説

  • ConoHa WINGは「速さ・使いやすさ・機能」のバランスが最も良く、WordPress利用者に人気。
  • KAGOYAは法人やビジネスサイトに強く、KUSANAGIによる超高速化が魅力。速度重視なら最適。
  • さくらレンタルサーバは老舗で安心感があり、安定性重視の人におすすめ。
  • LOLIPOPは初心者向けで安価だが、速度や高負荷対応は弱め。
  • リトルサーバーは「とにかく安くWordPressを始めたい人」向け。小規模サイトや学習用に良いが、商用や大規模には不向き。

WordPressテーマ目的別比較表

WordPressテーマを選ぶにはデザインだけでなく、汎用性、アップデートの継続性、サポート体制、そして表示速度やSEO対策の強さといった要素を総合的に考慮することが重要です。目的にあった長く安心して使えるテーマを選ぶようにしたいものです。そこで、目的別に整理したWordPressテーマ比較表を以下にまとめました。 各テーマの特徴や利用目的を簡潔に比較できるようにしています。

テーマ名主な目的・特徴適した用途
RE:DIVER（リダイバー）高速表示・SEO最適化に強い。アフィリエイトや収益化を意識した設計。アフィリエイトブログ、収益化重視の個人ブログ
GOLD BLOG（ゴールドブログ）ブログ運営に特化。シンプルで使いやすく、初心者でも扱いやすい。個人ブログ、情報発信サイト
THE THOR（ザ・トール）SEO・デザイン・収益化機能を網羅したオールインワンテーマ。広告管理やランキング機能も搭載。アフィリエイト、企業サイト、収益化ブログ
Emanon（エマノン）ビジネス向けデザイン。企業サイトやサービス紹介に適したテーマ。コーポレートサイト、サービス紹介ページ
LIQUID PRESS（リキッドプレス）WordPress公式登録の国産テーマ。企業サイトからブログまで幅広く対応。初心者でも安心。企業サイト、オウンドメディア、ブログ、LP
STORK SE（ストークSE）モバイルファースト設計。1カラムデザインでコンテンツを際立たせる。直感的操作が可能。ブログ、アフィリエイト、ブランディングサイト
GOLD MEDIA（ゴールドメディア）メディア運営に特化。SEO内部構造が強力で、収益化や効率的な運営を支援。WEBメディア、アフィリエイトサイト、企業サイト

補足ポイント

  • 収益化重視なら「RE:DIVER」「THE THOR」「GOLD MEDIA」が強力。
  • 初心者向けブログなら「GOLD BLOG」「STORK SE」が扱いやすい。
  • 企業サイト・ビジネス用途なら「Emanon」「LIQUID PRESS」が安心。
  • メディア運営に特化したい場合は「GOLD MEDIA」が最適。

こうして見ると、「ブログ中心」か「企業サイト中心」か「収益化・メディア運営中心」かで選ぶテーマが大きく変わります。 あなたが作りたいサイトはどのタイプに近いですか？

THE THOR（ザ・トール）
収益化機能を網羅
有料WordPressテーマ

GOLD BLOG（ゴールドブログ）
ブログ運営に特化
有料WordPressテーマ

RE:DIVER（リダイバー）
アフィリエイトや収益化
有料WordPressテーマ

一括.jpは「BtoB（企業間取引）を中心に、様々なサービスの業者をまとめて比較検討・一括問い合わせできる無料のビジネスマッチングプラットフォーム」です。

ココナラは、個人の持つ知識・スキル・経験をオンラインで気軽に売り買いできる、日本最大級のスキルマーケットです。

関連投稿:

  1. WP Multibyte Patchは問い合わせフォームの文字化けを修正するプラグイン
  2. Easy Table of Contentsは自動で目次を作成するプラグイン
  3. Duplicatorはサイトのバックアップがまるごとできるプラグイン
  4. Shortcodes by Angie Makesは記事を装飾するプラグイン
  5. WordPress Importerはデータをインポートするプラグイン
カテゴリー
プラグイン
テーマ

前の記事

Lightningは高機能でブログにもサイトにもおすすめなWordPressテーマ
2018年11月10日
プラグイン

次の記事

Classic EditorはGutenbergと旧エディタを切り替えるプラグイン
2018年12月13日