README

A PhileCMS 插件，用于生成面包屑。该插件返回一个数组，不添加任何标记，允许您按需使用。

1. 安装

通过 composer 安装

php composer.phar require gibbs/phile-breadcrumbs:1.*

通过 git 安装

从 phile 目录克隆此仓库到 plugins/gibbs/phileBreadcrumbs。例如：

git clone git@github.com:Gibbs/phileBreadcrumbs.git plugins/gibbs/phileBreadcrumbs

手动安装

下载并解压缩到： plugins/gibbs/phileBreadcrumbs

2. 插件激活

在您的 config.php 文件中激活插件

$config['plugins']['gibbs\\phileBreadcrumbs'] = array('active' => true);

3. 示例

启用插件后，您的主题中将可用一个 breadcrumbs 变量。该 breadcrumbs 变量包含以下内容

1. active (true 或 false)。最后一个项/面包屑为 true。
2. meta。解析的面包屑元数据。您可以使用任何元数据。
3. uri。面包屑的相对 URL。
4. url。面包屑的绝对 URL。

最小示例

{% for crumb in breadcrumbs %}
	<a href="{{ crumb.url }}">{{ crumb.meta.title }}</a>
{% endfor %}

Bootstrap 3 示例

<ol class="breadcrumb">
	{% for crumb in breadcrumbs %}
		{% if crumb.active %}
			<li class="active">{{ crumb.meta.title }}</li>
		{% else %}
			<li><a href="{{ crumb.uri }}">{{ crumb.meta.title }}</a></li>
		{% endif %}
	{% endfor %}
</ol>

Foundation 5 示例

<ul class="breadcrumbs">
	{% for crumb in breadcrumbs %}
		{% if crumb.active %}
			<li class="current"><a href="{{ crumb.uri }}">{{ crumb.meta.title }}</a></li>
		{% else %}
			<li><a href="{{ crumb.uri }}">{{ crumb.meta.title }}</a></li>
		{% endif %}
	{% endfor %}
</ul>

Semantic UI 示例

<div class="ui breadcrumb">
	{% for crumb in breadcrumbs %}
		{% if crumb.active %}
			<div class="active section">{{ crumb.meta.title }}</div>
		{% else %}
			<a href="{{ crumb.uri }}" class="section">{{ crumb.meta.title }}</a>
			<span class="divider"> / </span>
		{% endif %}
	{% endfor %}
</div>