パンくずリストを簡単に設置できる【Breadcrumb NavXT】 | 神戸 西宮 宝塚 ホームページ制作ならLaf Design【ラフデザイン】

受付時間:11:00~20:00 (火曜除く)

電話番号 0797-78-9240

お問い合わせはこちら

体験コンサルティング受付中

パンくずリストを簡単に設置できる【Breadcrumb NavXT】

2017年9月18日 月曜日

こんばんは

Lafdesginの後藤(弟)です。

今回は『パンくずリストを簡単に設置できる【Breadcrumb NavXT】』についてご紹介したいと思います。

※Wordpressのプラグインなのでこの記事はWordpressでサイトを運営している方に向けての投稿です。

パンくずリストを簡単に設置できる【Breadcrumb NavXT】

今回利用する便利なプラグインは【Breadcrumb NavXT】です。

パンくずリストとはユーザーが今WEBサイト内のどの位置にいるのかを、階層ごとにリスト表示したものです。

このプラグインを利用することで、簡単にパンくずリストを作成することができます。

プラグインの使い方

プラグインのインストール

まずはプラグインの検索画面で『Breadcrumb NavXT』と検索して、『今すぐインストール』をクリックして、インストール後にプラグインを有効化します。

プラグインの設定

プラグインを有効化するとメニューの設定に『Breadcrumb NavXT』が追加されます。

パンくずリストのコードを記述

パンくずリストを設置したい場所に、次のコードを記述をします。


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

外観>テーマの編集>個別投稿ページ: page.php

※僕は個別で各ページに表示しました。
ヘッダーに貼り付ける場合は「テーマヘッダー: header.php」に記入

CSSでデザインを調整

あとはCSSでデザインを調整します。

外観>テーマの編集>CSS: base.css(スタイルーシートを記入しているファイル)


div.breadcrumbs {
    width: 960px;
    margin: 10px auto;
    color: blue;
    font-weight: bold;
}


プラグインで完成したもの

そして完成したのがこんな感じです。

まとめ

今回は『パンくずリストを簡単に設置できる【Breadcrumb NavXT】』についてご紹介させていただきました。

パンくずリストがあることで、ホームページもめっちゃ見やすくなりますね!!

以上。少し難しいですが、一度練習がてら試してみてはいかがでしょうか?

いつも長々とお読みいただきありがとうござます。

店舗・集客・ ホームページ制作はお任せ!

国内全国対応、宝塚、西宮、神戸周辺のお客様大歓迎!!

 お喜びの声を多数頂いております。

実際に弊社がホームページの制作やサポートを行い、成果を出されましたお客様からお喜びの声を多数頂いております。

お問い合わせフォーム

・実店舗向けWeb✕アナログ集客プランとはどんなプランか?
・チラシや名刺を作成してほしい!
・ホームページを作ろうか迷ってる!
・料金の見積もりだけしてもらいたい!
・チラシや名刺を作成してほしい!
・SEOに対策をしてほしい!
・WEB集客したいけどどうしたら良いかわからない!
など何でもお気軽にご相談ください。

お名前(必須)
メールアドレス(必須)
電話番号
項目 実店舗向けWeb✕アナログ集客プランホームページ制作グラフィックデザインSEO対策支援集客支援サポートその他
内容

※IPアドレスを記録しております。いたずらや嫌がらせ等はご遠慮ください



アクセス

ラフデザイン
〒665-0843
宝塚市宮の町1-11 水野ビル1階
TEL:0797-78-9240
MAIL:info@lafdesign.jp

【アクセス】
阪急宝塚南口駅より徒歩7分

カテゴリー

月別記事一覧

move_top