【记录】为WordPress的Retina主题添加面包屑

【问题】

从别处看到了面包屑，才想起来，之前折腾drupal的时候，知道这个东西的。

所以，现在去给当前wordpress的retina主题添加一下。

【解决过程】

1。从wordpress后台管理界面的插件部分，搜索breadcrumb，找到评价最高的：

Breadcrumb NavXT

然后点击安装。

2.安装后，启用，结果刷新帖子，也没看到效果，然后索性禁用了。

3.后来到其主页中看起介绍，是需要启用后，到主题中添加代码才可以的。

所以就去编辑

\wp-content\themes\retina\content.php

然后在最开始的部分添加代码，变成：

<div id="post-<?php the_ID(); ?>" <?php post_class(); ?>>

    <div class="breadcrumbs">
        <?php if(function_exists('bcn_display'))
        {
            bcn_display();
        }?>
    </div>

  <h1 class="entry-title"><a href="<?php the_permalink(); ?>" title="<?php printf( esc_attr( 'Permalink to %s' ), the_title_attribute( 'echo=0' ) ); ?>" rel="bookmark"><?php the_title(); ?></a></h1>

然后再去重新刷新页面，结果竟然还是无法看到所期望的面包屑的效果。

然后去对应的设置中，也点击设置保持了一下，结果还是无效。

4.后来才发现，原来实际上是生效了，因为对应的主业中，出现了那个Home字样：

5.所以，就继续去添加其他的retina中相关的文件。

即，把上述代码，也加到：

wp-content\themes\retina\content-single.php

和

wp-content\themes\retina\content-page.php

中

然后就有了对应的效果了：

页面的：

帖子的：

5.然后再去把代码修改一下：

把Home改为主页；

再添加一个水平线；

去掉主页中的显示；

变成：

    <div class="breadcrumbs">
        <?php if(function_exists('bcn_display'))
        {
            bcn_display();
        }?>
    </div>
    <hr />

然后对应效果为：

主页中没了Home：

页面中的效果：

帖子中的效果：

6.继续优化，因为鼠标移动上去，显示的是Go to xxx，而不是中文说明。

所以去修改配置：

然后把当前帖子也弄成带链接的：

其他一些配置：

相关的效果为：

【总结】

想要给Wordpress的retina主题添加面包屑，可以去安装：

Breadcrumb NavXT

安装后，把对应的配置代码：

    <div class="breadcrumbs">
        <?php if(function_exists('bcn_display'))
        {
            bcn_display();
        }?>
    </div>
    <hr />

添加到你所想要显示的位置，此处对于retina主题，我是放到了：

wp-content\themes\retina\content-single.php

和

wp-content\themes\retina\content-page.php

中的标题之上的位置。

然后就可以显示面包屑了。

之后，可以再根据自己的需要，将对应的链接提示文字“Go to xxx”，改为自己所要的内容，比如“跳转到xxx”之类的，就大功告成了。

转载请注明：在路上 » 【记录】为WordPress的Retina主题添加面包屑