专注国内外云服务器
分享建站技术教程

WordPress模板主题开发中添加面包屑导航方法

立即购买

阿里云服务器 ¥102元/年 云数据库37.5元/年 限时

个人、企业均可购买 | 更多配置0.8折特惠

网站中都可以看到面包屑导航的身影,可以让我们更方便的了解WordPress所在的位置,可以通过点击面包屑导航中的链接从而进入对应的页面,从而还会提升网站的用户体验。今天就分享一下WordPress模板主题开发中添加面包屑导航方法。

1.在WordPress主题模板页添加对应的面包屑导航代码

在WordPress模板中想要显示面包屑导航的地方添加面包屑导航代码,一般情况下,需要面包屑导航的地方有wordpress网站的分类页模板、文章页模板、单页面模板、tag标签页模板、搜索页模板、作者页模板等等。

wordpress网站分类页模板面包屑导航代码:

<?php

echo ‘首页 > ‘;

the_category(‘ > ‘);

?>

wordpress网站文章页模板面包屑导航代码:

<?php

echo ‘首页 > ‘;

the_category(‘ > ‘);

echo ” > “;

the_title();

?>

wordpress网站单页面模板面包屑导航代码:

<?php

echo ‘首页 > ‘;

the_title();

?>

这种方式有一个缺点就是需要在wordpress网站的每个需要面包屑导航的模板中添加面包屑导航代码,后期维护比较麻烦。

2.在WordPress主题模板中创建面包屑导航的函数。

为了更加方便地在WordPress主题模板中调用面包屑导航,我们可以给面包屑导航创建一个函数,然后,在需要用到面包屑导航的页面直接调用这个函数就可以了。因为面包屑导航会在wordpress网站的很多页面中使用,所以,我们在函数中要做不同页面的判断,根据不同的页面调用不同的面包屑导航。

在wordpress网站模板的functions.php文件中添加如下代码:

// 面包屑导航

function the_breadcrumb() {

echo ‘

    ’;

    if (!is_home()) { //如果不是首页

    echo ‘

  • 首页 >
  • ’;

    if (is_category() || is_single()) { //如果是分类或文章页

    echo ‘

  • ’;

    the_category(‘

  • ‘);

    if (is_single()) { //如果是文章页

    echo ” >

  • ”.get_the_title().’
  • ’;

    }

    } elseif (is_page()) { //如果是单页面

    echo ‘

  • ’.get_the_title().’
  • ’;

    }elseif(is_tag()){ //如果是tag标签页

    single_cat_title();

    }elseif (is_author()) { //如果是作者页

    echo”

  • 作者页面”; echo’
  • ’;

    }elseif (isset($_GET[‘paged’]) && !empty($_GET[‘paged’])) { //如果是分页

    echo “

  • 列表分页”; echo’
  • ’;

    }elseif (is_search()) { //如果是搜索页

    echo”

  • 搜索页”; echo’
  • ’;

    }elseif (is_day()) {

    echo”

  • 日期归档(天) “; the_time(‘F jS, Y’); echo’
  • ’;

    }elseif (is_month()) {

    echo”

  • 日期归档(月)r “; the_time(‘F, Y’); echo’
  • ’;

    }elseif (is_year()) {

    echo”

  • 日期归档(年) “; the_time(‘Y’); echo’
  • ’;

    }

    }

    echo ‘

’;

}

面包屑函数创建好了,就可以在WordPress主题模板中调用它,代码如下:

文章来源于wordpress教程:WordPress模板主题开发中添加面包屑导航方法

相关推荐: 响应式WordPress主题是如何开发的?

吾上云WORDPRESS教程最新“响应式WordPress主题是如何开发的?”响应式网站是未来网站的大趋势,越来越受到众多站长的追捧。当然,作为wordpress站长,也不会落后,所以在开发wordpressCMS主题时,我们也要努力地向响应式的wordpre…

赞(0)
未经允许不得转载:吾上云 » WordPress模板主题开发中添加面包屑导航方法
分享到: 更多 (0)
  • 阿里云
    基础型云服务器

    1核CPU

    2G内存

    40G硬盘

    1M带宽

    独立IP

    分布式存储

    适合企业官网、个人站长类网站

    ¥89/1年 原价¥903.40

  • 阿里云
    超值型云服务器

    2核CPU

    4G内存

    40G硬盘

    3M带宽

    独立IP

    分布式存储

    适合企业官网、行业门户类网站

    ¥899/3年 原价¥8281

  • 阿里云
    高性能云服务器

    2核CPU

    8G内存

    40G硬盘

    5M带宽

    独立IP

    分布式存储

    适合电商、数据库等企业级应用

    ¥1399/3年¥14765

  • 腾讯云
    基础型云服务器

    1核CPU

    2G内存

    50G硬盘

    1M带宽

    独立IP

    分布式存储

    适合企业官网、个人站长类网站

    ¥95/1年 原价¥834

  • 腾讯云
    超值型云服务器

    1核CPU

    2G内存

    50G硬盘

    1M带宽

    独立IP

    分布式存储

    适合企业官网、行业门户类网站

    ¥288/3年 原价¥2502

  • 腾讯云
    高性能云服务器

    4核CPU

    8G内存

    50G硬盘

    5M带宽

    独立IP

    分布式存储

    适合电商、数据库等企业级应用

    ¥2188/3年¥13986

  • 阿里云
    基础型云服务器

    1核CPU

    2G内存

    40G硬盘

    1M带宽

    独立IP

    分布式存储

    适合企业官网、个人站长类网站

    ¥89/1年 原价¥903.40

  • 阿里云
    超值型云服务器

    2核CPU

    4G内存

    40G硬盘

    3M带宽

    独立IP

    分布式存储

    适合企业官网、行业门户类网站

    ¥899/3年 原价¥8281

  • 阿里云
    高性能云服务器

    2核CPU

    8G内存

    40G硬盘

    5M带宽

    独立IP

    分布式存储

    适合电商、数据库等企业级应用

    ¥1399/3年¥14765

  • 腾讯云
    基础型云服务器

    1核CPU

    2G内存

    50G硬盘

    1M带宽

    独立IP

    分布式存储

    适合企业官网、个人站长类网站

    ¥95/1年 原价¥834

  • 腾讯云
    超值型云服务器

    1核CPU

    2G内存

    50G硬盘

    1M带宽

    独立IP

    分布式存储

    适合企业官网、行业门户类网站

    ¥288/3年 原价¥2502

  • 腾讯云
    高性能云服务器

    4核CPU

    8G内存

    50G硬盘

    5M带宽

    独立IP

    分布式存储

    适合电商、数据库等企业级应用

    ¥2188/3年¥13986

评论 抢沙发

评论前必须登录!

 

吾上云 专注服务器选购

购买云服务器联系我们