wordpress 主题怎么添加面包屑导航

wordpress 主题怎么添加面包屑导航,第1张

wordpress主题添加面包屑导航一般有两种方法,一种是通过使用插件来实现,另一种是不使用插件,纯代码实现,下面我来介绍一下这两种方法。

一,纯代码实现

在functions中添加

function get_breadcrumbs()

{

global $wp_query

if ( !is_home() ){

// Start the UL

echo '<ul class="breadcrumbs">'

// Add the Home link

echo '<li><a href="'. get_settings('home') .'">网站首页</a></li>'

if ( is_category() )

{

$catTitle = single_cat_title( "", false )

$cat = get_cat_ID( $catTitle )

echo "<li> &raquo ". get_category_parents( $cat, TRUE, " &raquo " ) ."</li>"

}

elseif ( is_archive() && !is_category() )

{

echo "<li> &raquo Archives</li>"

}

elseif ( is_search() ) {

echo "<li> &raquo Search Results</li>"

}

elseif ( is_404() )

{

echo "<li> &raquo 404 Not Found</li>"

}

elseif ( is_single() )

{

$category = get_the_category()

$category_id = get_cat_ID( $category[0]->cat_name )

echo '<li> &raquo '. get_category_parents( $category_id, TRUE, " &raquo " )

echo the_title('','', FALSE) ."</li>"

}

elseif ( is_page() )

{

$post = $wp_query->get_queried_object()

if ( $post->post_parent == 0 ){

echo "<li> &raquo ".the_title('','', FALSE)."</li>"

} else {

$title = the_title('','', FALSE)

$ancestors = array_reverse( get_post_ancestors( $post->ID ) )

array_push($ancestors, $post->ID)

foreach ( $ancestors as $ancestor ){

if( $ancestor != end($ancestors) ){

echo '<li> &raquo <a href="'. get_permalink($ancestor) .'">'. strip_tags( apply_filters( 'single_post_title', get_the_title( $ancestor ) ) ) .'</a></li>'

} else {

echo '<li> &raquo '. strip_tags( apply_filters( 'single_post_title', get_the_title( $ancestor ) ) ) .'</li>'

}

}

}

}

// End the UL

echo "</ul>"

}

}

在有需要添加面包屑插件的页面适当位置添加

<php get_breadcrumbs()

打开主题所在的style.css,添加

ul.breadcrumbs {

list-style: none

padding: 0

margin: 0

font-size:12px

}

ul.breadcrumbs li {

float: left

margin: 0 5px 0 0

padding: 0

}

通过上述三步就可以实现无插件面包屑效果,稍微的样式和布局可以修改。

二,用插件实现

这里我推荐的插件是Breadcrumb NavXT,它提供5种面包屑导航样式,如下图所示

插件的设置界面如下

看不懂英文的用翻译工具翻译一下也能大概知道意思了,其它具体的使用您可以自己去安装一下这款插件体验一下,如果有不懂再问吧。

1,面包屑导航一般都在导航的下面,形式一般为 首页 >一级目录名称 >二级目录名称 >目前位置,尽量要把面包屑导航的层次控制在四层以内,这样也有利与搜索引擎蜘蛛一层层往下爬,到了四层以下就很难爬到了。

 2,对于一个网站来说,内部链接的结构搭建非常重要。像金字塔一样,第一层的众多页面应该集体支持它们的上一级。所以面包屑导航应该显示网站的层次,而不是浏览历史。除了层次以外,面包屑导航还可能显示的是属性标签。

 3,面包屑导航的链接和别的一样,要使用文字,不要使用图片或JS。

 4,面包屑中尽量出现关键字,可以把“首页”这一类词换成网站名称,要注重细节。面包屑导航在SEO中虽然不是最主要的,但也有它的作用,做SEO就是做细节,谁抓住了细节,也就抓住了排名。

一、网站面包屑导航有哪几种类型?

1、路径型:路径型面包屑是一个动态显示用户到达页面经过的途径

2、位置型:位置型面包屑是固定的,显示了页面在网站结构中的位置

3、属性型:属性型面包屑给出的当前页面的分类信息。

面包屑导航一般都在导航的下面,形式一般为 首页 >一级目录名称 >二级目录名称 >目前位置,尽量要把面包

屑导航的层次控制在四层以内,这样也有利与搜索引擎蜘蛛一层层往下爬,到了四层以下就很难爬到了。

二、作用分别是什么?

1、让用户了解目前所处位置,以及当前页面在整个网站中的位置。(路径型)

2、提供返回各个层级的快速入口,方便用户 *** 作。(位置型)

3、体现了网站的架构层级,能够帮助用户快速学习和了解网站内容和组织方式(属性型)。

4、Google已经将 面包屑导航 整合到搜索结果里面,因此优化 面包屑导航 每个层级的名称,尽量使用关键字,可以达到SEO优化的效果。

三、面包屑导航的注意事项:

1、对于一个网站来说,内部链接的结构搭建非常重要。所以面包屑导航应该显示网站的层次,而不是浏览历史。除了层次以外,面包屑导航还可能显示的是属性标签。

2、面包屑导航的链接和别的一样,要使用文字,不要使用图片或JS。

3、面包屑中尽量出现关键字,可以把“首页”这一类词换成网站名称,要注重细节。 面包屑导航在SEO中虽然不是最主要的,但也有它的作用,做SEO就是做细节,SEO优化的重点在于细节,细节决定成败。


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/bake/11943320.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-19
下一篇 2023-05-19

发表评论

登录后才能评论

评论列表(0条)

保存