WordPressでパンくずリストがつくれる「Breadcrumb NavXT」無料プラグインのインストールから使い方

このサイトでは何を教えてくださるの?

コスモ企画

この記事は以下のような方におすすめ!

  • WordPressでパンくずリストがつくれる「Breadcrumb NavXT」無料プラグインのインストールから使い方がわからない?
  • WordPressでパンくずリストがつくれる「Breadcrumb NavXT」無料プラグインのインストールから使い方を紹介します。

テーマによってはパンくずリストが標準で装備されたいないものもあります。そこで便利なのが「Breadcrumb NavXT」タグをページに埋め込む作業があるけど

ほとんど設定なしで設置が可能。

環境

環境データ項目DATA
実施日2021年秋(当時に作成されたデータです。)
プラグイン Ver5.7.4※バージョンによっては説明に食い違が生じます。
WordPress Ver5.82
PHP Ver7.4

プラグインインストール~設定方法

ダッシュボード>プラグイン>新規追加と進み、Breadcrumb NavXTと検索後上図のように表示されますのでインストール。その後の流れは他のプラグイン同様です。

ダッシュボード>外観?テーマエディター>テーマファイルから「テーマヘッダー (header.php)」を選択。

記述内容

<div class="breadcrumbs" typeof="BreadcrumbList" vocab="https://schema.org/">
    <?php if(function_exists('bcn_display'))
    {
        bcn_display();
    }?>
</div>
<div class="div-space"></div>

class=”div-space” のスタイルシートの内容を記述

記述内容

/*パンくずスペース*/
.div-space {
	padding: 20px;
}
こんな感じで表示
STEP
1

PDFファイルによる使い方マニュアル

当サイトをPDFファイルにいたしました。ダウンロードしてお使いください。

関連記事

お気軽にお問い合わせください。

お問い合わせ

ご依頼及び業務内容へのご質問などお気軽にお問い合わせください