Webの記録

WordPressサイトでパンくずリストを簡単設置♪

投稿日:

この記事は約 2 分で読めます。

Webサイトで、よく階層が深くなってくると「パンくずリスト」を付けます。

WordPressサイトでも簡単にパンくずリストを付けられないかな?という事で、プラグインを探しました。

Breadcrumb NavXT」というプラグインを使えば、わりと簡単に設置出来たので、メモしておきます。

作業1

Breadcrumb NavXT」をダウンインストールし、有効化する。

Breadcrumb-NavXTインストール画面

作業2

ダッシュボード画面の「設定」の所に「Breadcrumb NavXT」が追加されているので、クリックして画面を開く。

Breadcrumb-NavXT設定画面

「一般」タブの「ホーム」の「パンくずリストにホームを配置」にチェック、「ホームタイトル:」にパンくずリストの起点の言葉「ホーム」などを入力する。

作業3

パンくずリストを表示させたい部分のphpファイルに以下のように記述する。

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

作業4

簡単に設置が出来ました!!
あとは、cssで表示を整えて完成です♪

Breadcrumb-NavXT表示イメージ

-Webの記録
-, ,

執筆者:


comment

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

This blog is kept spam free by WP-SpamFree.

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください

関連記事

no image

Facebookページをタイムラインに移行してみた♪

この記事は約 1 分で読めます。 2012年3月1日、Facebookページで大きな変化がありました! いままで「いいね!」を獲得する為に様々な方法がとられていましたが、「タイムライン化」になった事で …

no image

コピペで簡単にできるレスポンシブ対応GoogleMapの設置方法

この記事は約 1 分で読めます。 ショップなどのサイトだと、地図は必須ツール。GoogleMapを利用する機会が多いです。 今回、スマホ対応サイトでGoogleMapを設置する機会がありました。 細か …

no image

Photoshopのテキストレイヤーからテキストを抽出する方法

この記事は約 2 分で読めます。 Photoshopで作られたカンプからコーディングをする時に、テキストレイヤーにある文字をいちいち入力するのは面倒だと思いつつ、今まで全て手打ちしてました。。。時間ロ …

no image

苦手なJavaScriptをイチから勉強してみる【基本準備編】

この記事は約 1 分で読めます。今更なんですが、実はJavaScriptはちょっと苦手です。。。 jQueryのライブラリーを使って、部分的にいじる事はあっても・・・何となく「JavaScript」っ …

no image

ムームードメインで取得した独自ドメインをエックスサーバーで使う設定方法

この記事は約 1 分で読めます。「エックスサーバー」を利用する事が決まっていて、ドメインをどこで取得しようかな?と思った時、「エックスドメイン」という選択肢もあったのですが、今回は「ムームードメイン」 …