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

苦手なJavaScriptをイチから勉強してみる【イベント編】

この記事は約 1 分で読めます。 苦手なJavaScriptをイチから勉強してみる【基本準備編】の続きとしてメモします。 イチから「JavaScript」を学び直しをする為に記録を残しています。少しず …

no image

サイトのどこを見られているかを可視化出来る「User Heat」を試してみた♪

この記事は約 1 分で読めます。 「GoogleAnalytics」など様々なアクセス解析ツールがあります。 その中でとても興味深く、これからサイトを制作するのに役立ちそうな「User Heat」とい …

WordPressプラグイン「Jetpack」のギャラリーがスマホで表示が崩れたとき

この記事は約 1 分で読めます。WordPressのプラグイン「Jetpack」はとても多機能で、ホントにいろんなコトができて便利。 しかし、たくさんの画像をギャラリー表示をした場合、スマホのように画 …

no image

WordPressプラグイン「WP-PageNavi」でページナビゲーションを表示♪

この記事は約 1 分で読めます。 このサイトを作り始めて1年になりました。 WordPress初心者で、毎日「?」の繰り返しでした。 そんな私も、気がつくと・・・投稿記事が100を超え、「新しい記事へ …