相模原市WEBサイト制作・カスタム・修復

Blog

2015/04/01

Wordpress プラグイン

「Breadcrumb NavXT」はパンくずが自動表示される便利なプラグインです。

しかし、そのままだとテキスト表示なので、
何となくかっこよくできないかと考えました。

通常は
「HOME > WEBサイト修復 > ホームページ診断」
こんな感じです。

色々と参考サイトを探しましたが、そのままでは使えなかったため、
参考にしつつ、独自でカスタムをしてみました。

手順

1.設定→Breadcrumb NavXT→「現在のページを示す項目にリンクを張る」にチェック

2.Breadcrumbタグのbcn_displey()→bcn_display_list()に変更

3.liタグに変わるので、cssで調整をします。

4.HOMEは、li.home。最後がli.current_itemになるので、
　li.home a、li a、li.current_item aをcssで装飾。

あとは、after,beforeを指定して完了。

今後、after,beforeを指定して、もっとかっこよくしたいと思います。

«前の記事

一覧に戻る