最新消息:20190529 VPS服务器已从腾讯云香港换为Vultr新加坡,主题仍用朋友推荐的大前端D8

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

WordPress crifan 823浏览 0评论

【问题】

从别处看到了面包屑,才想起来,之前折腾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字样:

show home

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

即,把上述代码,也加到:

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

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

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

页面的:

page effect

 

帖子的:

post effect

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

把Home改为主页;

home to 主页

再添加一个水平线;

去掉主页中的显示;

变成:

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

然后对应效果为:

主页中没了Home:

home no show

页面中的效果:

page effect added hr

帖子中的效果:

post effect added hr

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

所以去修改配置:

general

category tag

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

href cur item

其他一些配置:

post pages

contact form

 

相关的效果为:

contact effect

cur post link

cur page link

 

【总结】

想要给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主题添加面包屑

发表我的评论
取消评论

表情

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

网友最新评论 (1)

  1. nice!
    Arch!tect7年前 (2012-09-16)回复
70 queries in 0.115 seconds, using 18.88MB memory