Breadcrumb NavXTを記事内に配置する

2017年11月1日

カテゴリー:Wordpress

Breadcrumb NavXTは、パンくずリストを作ってくれるWordPress用のプラグインです。

普通の使い方は、ググれば大量にでてきます。

 



<div class="breadcrumbs" typeof="BreadcrumbList" vocab="http://schema.org/">
  <?php if(function_exists('bcn_display')) { bcn_display(); }?>
</div>


をリストを表示したい位置に挿入しないと使えないので

ググるとheader.phpを編集するって話になってます。

headerで記述されるHTML以外の場所に、置きたい場合、使ってるテーマとかによりますが、content.php内にコードを配置するとかってことになります。

 

そうではなくて、

もっとフレキシブルに配置したいと言う場合、

本文中(執筆画面)で上記のコードを書いても、動きません。

何故なら、コードにPHPが含まれてるから・・・

 

なので、それを回避するために、

ショートコードを利用する

手順としては

1、function.phpでショートコードを設定する


function short_php($params = array()) {
extract(shortcode_atts(array(
'file' =&gt; 'default'
), $params));
ob_start();
include(STYLESHEETPATH . "/$file.php");
return ob_get_clean();
}

add_shortcode('myphp', 'short_php');

注)子テーマじゃないと、テーマ更新のためにうっとうしいことになるので、上記コードは子テーマ内に書いてます。

 

 

2、bread.phpをつくって、最初のコードを書く

 if(function_exists('bcn_display'))
  {
   echo '
<div class="breadcrumbs" typeof="BreadcrumbList" vocab="http://schema.org/">';
   bcn_display();
   echo '</div>

';
  }

注)上のコードを、小文字にした<?php ではじめて、?>で挟む必要があります。<?~~~~~~?>ってかたち・・・。
 

3.記事内のパンくずリストを入れたい場所に、下のコードを挿入

[myphp file='bread']

4.おまけ

div.breadcrumbs {
    padding:20px 0 20px 50px;
    font-size: 13px; 
    background-color: rgba(136,182,190,0.25);
}

折角echoで div出力したので、cssを利用して、フォントサイズとか色とか、なんか色々変えられます。

変える気も無ければ、bread.phpの中身はechoとか無しでも

<?php if(function_exists('bcn_display')) { bcn_display(); } ?>

だけで行けるはずです。

もしくは、あえてPHPは上だけにして、


<div class="breadcrumbs" typeof="BreadcrumbList" vocab="http://schema.org/">
[myphp file='bread']
</div>

 これをいちいち記事に書くとclass部分をbreadcrumbs以外に出来るので、cssを複数用意できます。

デル株式会社
HP Directplus -HP公式オンラインストア-

Related Articles

ETF投資 その2~REIT~

ETF投資 その2~REIT~

リートについて 日本のリートに投資米国のリートに投資してみました。 日本のリートについては、個別のリートにも投資しているので二重に投資しています。   国内リート 対象のETFは14本あるのですが、東証REIT指数と連動しているのは、そのうち10本です。 流動性というか、時価総額等から考えて、 1343 NEXT FUNDS 東証REIT指数連動型上場投信 1476 iS JリートETF 1345 上場インデックスファンドJリート各月分配 このあたりだと思います。  ...

ボタンの数が多すぎる製品を見て、アップルはすごいって改めて思った

ボタンの数が多すぎる製品を見て、アップルはすごいって改めて思った

ティファールの電気ケトル使ってて思った。 アップルはすごいなぁと。 スイッチの数が考えられてるって改めて思った。     温度調整できる電気ケトル、多分ティファールが初めて出した。 画期的だなと思って、買って、しばらく使ってる。   無駄なボタンが多すぎる。   ボタンが4つある。 電源、保温、沸騰、温度調整。   電源ボタンとか、そもそも要らないでしょ。 電源ボタンと沸騰ボタン分ける必要が無くて、そもそも電源オフも必要がない。...

ボタンの数が多すぎる製品を見て、アップルはすごいって改めて思った

ボタンの数が多すぎる製品を見て、アップルはすごいって改めて思った

ティファールの電気ケトル使ってて思った。 アップルはすごいなぁと。 スイッチの数が考えられてるって改めて思った。     温度調整できる電気ケトル、多分ティファールが初めて出した。 画期的だなと思って、買って、しばらく使ってる。   無駄なボタンが多すぎる。   ボタンが4つある。 電源、保温、沸騰、温度調整。   電源ボタンとか、そもそも要らないでしょ。 電源ボタンと沸騰ボタン分ける必要が無くて、そもそも電源オフも必要がない。...

0 Comments

0コメント

コメントを提出

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

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