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

ストリベリーネット

ストリベリーネットは、化粧品のネット販売をしている会社で、香港にある会社です。 美容関係のものは手広く扱っており、 スキンケア・メイクアップ・フレグランスと扱っています。 元々の売値自体も安いのですが、 ここは、買えば買うほど(回数)安くなるのがポイントです。 2度目 1%引き 3度目 2% 4度目 3% 5度目 4% 6~9度目 5% 10~19度目 7.5% 20度以上 10%引きになります。 更に3品以上同時注文だと +5%引きになるので 最大売値の15%引きになります。 売値自体、安いので、20度以上買っていると...

アラミック イオニックC シャワー 【1】

アラミックのイオニックCシャワーは、 カタログ的には  ○ マイナスイオン ○ 塩素除去  ○ 節水 の3拍子がそろったシャワーヘッドです。   マイナスイオンは、正体不明なのでおいといて、 浄水機能付きのシャワーヘッドとしては、一般的な価格帯のシャワーヘッドです。   クリンスイみたいに、活性炭などのフィルターを通して浄水するのではなく、化学反応を利用して塩素を除去する仕組みのようです。   C6H8O6(ビタミンC)+ NaClO(次亜塩素酸ナトリウム)...

アラミック イオニックC シャワー 【1】

アラミックのイオニックCシャワーは、 カタログ的には  ○ マイナスイオン ○ 塩素除去  ○ 節水 の3拍子がそろったシャワーヘッドです。   マイナスイオンは、正体不明なのでおいといて、 浄水機能付きのシャワーヘッドとしては、一般的な価格帯のシャワーヘッドです。   クリンスイみたいに、活性炭などのフィルターを通して浄水するのではなく、化学反応を利用して塩素を除去する仕組みのようです。   C6H8O6(ビタミンC)+ NaClO(次亜塩素酸ナトリウム)...

0 Comments

0コメント

コメントを提出

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

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