当前位置:首页 » CMS » WordPress 添加面包屑导航的方法

WordPress 添加面包屑导航的方法

一、面包屑导航的含义和作用

面包屑导航对用户和搜索引擎来说,是判断页面在网站整个结构中的位置的最好的方法,样式类似这样:首页→分类页→次级分类页。强烈建议每个页面都要使用(除首页)。

《WordPress 添加面包屑导航的方法》

二、给 WordPress 添加面包屑导航的方法

有的WordPress主题自带的有面包屑导航,那就不用添加了。如果使用的主题没有,可使用以下方法进行添加:

方法1:

把以下代码直接添加到你想出现面包屑导航的位置,比如 single.php 页面的导航标题上面,或 archive.php、archives.php、links.php、page.php等页面中。

<div class=”mbx-dh”> 当前位置:<a href=”<?php bloginfo(‘url’); ?>”><?php bloginfo(‘name’); ?></a> &raquo; <?php if( is_single() ){ $categorys = get_the_category(); $category = $categorys[0]; echo( get_category_parents($category->term_id,true,’ &raquo; ‘) ); 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.’ 的搜索结果’; } ?> </div>

方法2:

首先把以下代码添加到主题的 functions.php 文件中

function dimox_breadcrumbs() {   $delimiter = ‘&raquo;’; $name = ‘Home’; //text for the ‘Home’ link $currentBefore = ‘<span>’; $currentAfter = ‘</span>’;   if ( !is_home() && !is_front_page() || is_paged() ) {   echo ‘<div id=”crumbs”>’;   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 &#39;’; single_cat_title(); echo ‘&#39;’ . $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 &#39;’ . get_search_query() . ‘&#39;’ . $currentAfter;   } elseif ( is_tag() ) { echo $currentBefore . ‘Posts tagged &#39;’; single_tag_title(); echo ‘&#39;’ . $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 ‘</div>’;   } }

最后在适当的地方(如方法1中提到的几个文件)添加以下代码调用:

<div class=”mbx-dh”> <?php if (function_exists(‘dimox_breadcrumbs’)) dimox_breadcrumbs(); ?> </div>

如果想要美化下显示方式,直接通过添加 css 即可:

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

发表评论