【问题】
从别处看到了面包屑,才想起来,之前折腾drupal的时候,知道这个东西的。
所以,现在去给当前wordpress的retina主题添加一下。
【解决过程】
1。从wordpress后台管理界面的插件部分,搜索breadcrumb,找到评价最高的:
然后点击安装。
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主题添加面包屑,可以去安装:
安装后,把对应的配置代码:
<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主题添加面包屑