pico-breadcrumbs

ページのパンくずリストを表示する、breadcrumbs変数を追加するプラグインです。

記事更新日:2016年03月22日

Picoのサイトにパンくずリストを表示するプラグインです。 サイトの記事がディレクトリ(フォルダ)構造を持っている場合に、パンくずリストを生成します。

記事に追加する値

なし

追加するTwig変数

  • breadcrumbs:パンくずリストを含む配列
    • url: ページのURL
    • name: ページのタイトル
    • exists: ページが存在する場合はtrue。

記述例

  {% if breadcrumbs %}
    <div itemscope itemtype="http://data-vocabulary.org/Breadcrumb">
      <a href="/" itemprop="url"><span itemprop="title">{{ site_title }}</span></a>
      {% for crumb in breadcrumbs %}
        <div itemprop="child" itemscope itemtype="http://data-vocabulary.org/Breadcrumb">
          &nbsp;&gt;&nbsp; 
          <a href="{{ crumb.url }}" itemprop="url"><span itemprop="title">{{ crumb.name }}</span></a>
        </div>
      {% endfor %}
    </div>
  {% endif %}

コンフィグオプション

なし

ダウンロード

ダウンロードページへ