WordPress 加上面包屑导航栏的3种方式

2021-01-21 04:16 jianzhan

WordPress 加上面包屑导航栏的3种方式


短视頻,自新闻媒体,达人种草1站服务

面包屑导航栏,简易的说它便是出示给客户回溯到网站主页或通道网页页面的1条迅速相对路径。今日倡萌共享1下WordPress 加上面包屑导航栏的3种方式,期待对大伙儿有一定的协助,原文参照自园区blog。

甚么是面包屑导航栏

面包屑一般出現在网页页面顶部,1般会坐落于题目或页头的正下方。它出示给客户回到以前任何1个网页页面的连接(这些连接也是能抵达当今网页页面的相对路径),在等级构架中一般是这个网页页面的父级网页页面。

还可以这样了解,面包屑出示给客户回溯到网站主页或通道网页页面的1条迅速相对路径,它们绝绝大多数看起来就像这样:主页 归类页 次级归类页。以下图所示:

 

面包屑导航栏的益处

1.能够出示多相对路径的互动方法,便捷客户自动跳转到其它网页页面。在网页页面及归类多的网站中特别有效。

2.面包屑导航栏信息内容构造针对网站的seo也是有着大的益处,它能够更多的强调网站重要字,扩张重要字的范畴,从而做到更好的提升目地。

3.它从1个侧边展现了该信息内容结合的信息内容构造和结合方法,可让客户在最快的時间以内寻找必须的物品。

加上面包屑导航栏的方式

方式1:立即在有关网页页面加上编码

把下列编码立即加上到你想出現面包屑导航栏的部位,例如 header.php 里边,还可以放在 single.php 网页页面的导航栏题目上面,你有将会必须加上的网页页面将会有:archive.php、archives.php、links.php、page.php。

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

 

当今部位:

if( is_single() ){

$categorys = get_the_category();

$category = $categorys[0];

echo( get_category_parents($category- term_id,true,' ') );

the_title();

} elseif ( is_page() ){

the_title();

} elseif ( is_category() ){

single_cat_title();

} elseif ( is_tag() ){

single_tag_title();

} elseif ( is_day() ){

the_time('Y年Fj日');

} elseif ( is_month() ){

the_time('Y年F');

} elseif ( is_year() ){

the_time('Y年');

} elseif ( is_search() ){

echo $s.' 的检索結果';

}

?

 

此法来自万戈blog,原文连接

方式2:根据 functions.php 启用

最先把下列编码加上到主题的 functions.php 文档中

 

function dimox_breadcrumbs() {

$delimiter = ' ';

$name = 'Home'; //text for the 'Home' link

$currentBefore = '';

$currentAfter = '';

if ( !is_home() !is_front_page() || is_paged() ) {

echo '

 

global $post;

$home = get_bloginfo('url');

echo '' . $name . ' ' . $delimiter . ' ';

if ( is_category() ) {

global $wp_query;

$cat_obj = $wp_query- get_queried_object();

$thisCat = $cat_obj- term_id;

$thisCat = get_category($thisCat);

$parentCat = get_category($thisCat- parent);

if ($thisCat- parent != 0) echo(get_category_parents($parentCat, TRUE, ' ' . $delimiter . ' '));

echo $currentBefore . 'Archive by category '';

single_cat_title();

echo ''' . $currentAfter;

} elseif ( is_day() ) {

echo '' . get_the_time('Y') . ' ' . $delimiter . ' ';

echo '' . get_the_time('F') . ' ' . $delimiter . ' ';

echo $currentBefore . get_the_time('d') . $currentAfter;

} elseif ( is_month() ) {

echo '' . get_the_time('Y') . ' ' . $delimiter . ' ';

echo $currentBefore . get_the_time('F') . $currentAfter;

} elseif ( is_year() ) {

echo $currentBefore . get_the_time('Y') . $currentAfter;

} elseif ( is_single() ) {

$cat = get_the_category(); $cat = $cat[0];

echo get_category_parents($cat, TRUE, ' ' . $delimiter . ' ');

echo $currentBefore;

the_title();

echo $currentAfter;

} elseif ( is_page() !$post- post_parent ) {

echo $currentBefore;

the_title();

echo $currentAfter;

} elseif ( is_page() $post- post_parent ) {

$parent_id = $post- post_parent;

$breadcrumbs = array();

while ($parent_id) {

$page = get_page($parent_id);

$breadcrumbs[] = '' . get_the_title($page- ID) . '';

$parent_id = $page- post_parent;

}

$breadcrumbs = array_reverse($breadcrumbs);

foreach ($breadcrumbs as $crumb) echo $crumb . ' ' . $delimiter . ' ';

echo $currentBefore;

the_title();

echo $currentAfter;

} elseif ( is_search() ) {

echo $currentBefore . 'Search results for '' . get_search_query() . ''' . $currentAfter;

} elseif ( is_tag() ) {

echo $currentBefore . 'Posts tagged '';

single_tag_title();

echo ''' . $currentAfter;

} elseif ( is_author() ) {

global $author;

$userdata = get_userdata($author);

echo $currentBefore . 'Articles posted by ' . $userdata- display_name . $currentAfter;

} elseif ( is_404() ) {

echo $currentBefore . 'Error 404' . $currentAfter;

}

if ( get_query_var('paged') ) {

if ( is_category() || is_day() || is_month() || is_year() || is_search() || is_tag() || is_author() ) echo ' (';

echo __('Page') . ' ' . get_query_var('paged');

if ( is_category() || is_day() || is_month() || is_year() || is_search() || is_tag() || is_author() ) echo ')';

}

echo '

';

 

}

}

最终在适度的地区(如方式1中提到的几个文档)加上下列编码启用

 

假如要想清理下显示信息方法,立即根据加上 css 便可。

1

.mbx-dh {padding: 5px 10px;}

方式3:应用Breadcrumb NavXT软件

在后台管理,加上新软件,检索 Breadcrumb NavXT 安裝、激活。随后在header.php融新适的地区提升编码:

1

2

3

 

 

这个软件还能够设定,进到设定选项后,共有general、current item、posts pages、categories、tags、date archives、miscellaneous等有关设定。

1.general设定(1般设定)

能够设定面包屑导航栏的切分符(Breadcrumb Separator)

Breadcrumb Max Title Length 设定面包屑导航栏题目的最大长度

Home Breadcrumb 首页的题目

Place the home breadcrumb in the trail:假如打勾的话表明在面包屑导航栏中显示信息首页,不打勾的话则无法显示。

Home Title 填入首页的显示信息题目,默认设置是blog,你能够改动为你要想的题目。

Home Prefix (首页前缀)能够在首页前面加上表明文本。

Home Suffix (首页后缀)在首页后边加上表明文本

Home Anchor、Blog Anchor1般不必须改动,软件会全自动转化成连接。

2.current item设定

Link Current Item表明是不是设定当今网页页面连接

Current Item Prefix和Current Item Suffix :当今页的前后左右缀

current Item Anchor默认设置便可以了

Paged Breadcrumb、Paged Prefix、Paged Suffix是用来设定网页页面的面包屑导航栏,设定方式同上。

3.posts pages设定

Post Prefix、Post Suffix、Post Anchor、Page Prefix、Page Suffix、Attachment Prefix等选项的基础上设定方式同上

可是,

Post Taxonomy Display假如勾选的话表明在依照首页-归类-子归类-文章内容等方式显示信息出来,假如不勾选的话表明只分依照首页-文章内容显示信息出来。

Post Taxonomy表明依照甚么来开展导航栏,有归类文件目录和标识能够挑选。

4.categories设定

基础上设定方式同上

5.date archives这里能够改动文章内容时间归类面包屑导航栏显示信息款式。

6.miscellaneous选项里出示了Author、Search、404网页页面的面包屑导航栏设定。

SEO专题强烈推荐:

重要词提升专题:网站重要词提升没实际效果?来这里学习培训最好用的重要词提升技能!

内链提升专题:最能提高网站权重的内链布署提升技能与方式

外链基本建设专题:高品质当然外链如何做?读完这些你将质的飞越

网站降权专题:2015年最有效的网站降权、被K、被黑、被进攻的处理方式

客户体验专题:学习培训完这些,做为站长的你能够秒懂怎样做网站客户体验

制造行业网站专题:提升制造行业网站的 葵花宝典 看完后无提升工作压力