WordPressのPrime Strategy Bread Crumbインストール方法

WordPress

WordPressでパンくずリストを作成するプラグインを探していたところ、国産で
「Prime Strategy Bread Crumb」という便利なプラグインがあったのでインストールしてみました。

 

Prime Strategy Bread Crumbのインストール

WordPress管理画面>「プラグイン」>「新規追加」から
キーワードに 「Prime Strategy Bread Crumb」を入力して検索します。
プラグインが見つかったら「今すぐインストール」をクリックします。

 

パンくずの設置・パラメーターの指定

<?php if ( !is_home() ) : ?>
	<?php
	$args = array(
		'home_label' => 'ホーム',
	);
	if ( function_exists( 'bread_crumb' ) ) { bread_crumb($args); }
	?>
<?php endif; ?>

header.php へ上記のように設置しました。
1行目の「if ( !is_home() )」で、ホームのページには表示しないようにしています。
4行目はパンくずの始まりが「トップページ」と表示されるので、「ホーム」と表示されるようにパラメーターを指定しています。

 

CSSの設定

.bread_crumb {
	margin: 0;
	border-bottom: 1px solid #eee;
	padding: 8px 10px 8px 14px;
	/* clear: both; */
	height: 20px;
}
.bread_crumb li {
	font-size: 12px;
	color: rgb(180, 180, 180);
	/* float: left; */
	display: inline;
	list-style: none outside none;
}
.bread_crumb li:after {
	content: '>';
	padding-left: 10px;
	margin-right: 10px;
}
.bread_crumb li:last-child:after {
	content: '';
}
.bread_crumb li a {
	color: rgb(120, 120, 120);
}
.bread_crumb li.current {
}

 

その他、詳しい情報は作者のページに記載されています。

パラメータでカスタマイズしやすいパンくずナビをプラグインにしてみた

Screenshot of www.warna.info

 

コメント

タイトルとURLをコピーしました