重庆分公司,新征程启航
为企业提供网站建设、域名注册、服务器等服务
WordPress默认主题并没有自带导航
创新互联服务项目包括景泰网站建设、景泰网站制作、景泰网页制作以及景泰网络营销策划等。多年来,我们专注于互联网行业,利用自身积累的技术优势、行业经验、深度合作伙伴关系等,向广大中小型企业、政府机构等提供互联网行业的解决方案,景泰网站推广取得了明显的社会效益与经济效益。目前,我们服务的客户以成都为中心已经辐射到景泰省份的部分城市,未来相信会继续扩大服务区域并继续获得客户的支持与信任!
虚幻私塾的建站基础系列教程有系统的介绍 因此 并不能简单的通过设置来添加面包屑导航 你可以下载自带面包屑导航的主题 参考它的源码实现
wordpress主题添加面包屑导航一般有两种方法,一种是通过使用插件来实现,另一种是不使用插件,纯代码实现,下面我来介绍一下这两种方法。
一,纯代码实现
在functions中添加
function get_breadcrumbs()
{
global $wp_query;
if ( !is_home() ){
// Start the UL
echo 'ul class="breadcrumbs"';
// Add the Home link
echo 'lia 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种面包屑导航样式,如下图所示
插件的设置界面如下
看不懂英文的用翻译工具翻译一下也能大概知道意思了,其它具体的使用您可以自己去安装一下这款插件体验一下,如果有不懂再问吧。
面包屑导航这个名字听起来就有些古怪,简单的说它就是提供给用户回溯到网站首页或入口页面的一条快速路径。本文说下怎么为wordpress添加面包屑导航的两种方法和代码,而且都是通过非插件的方式。
什么是面包屑导航?
面包屑通常出现在页面顶部,一般会位于标题或页头的下方。它提供给用户返回之前任何一个页面的链接(这些链接也是能到达当前页面的路径),在层级架构中通常是这个页面的父级页面。
也可以这样理解,面包屑提供给用户回溯到网站首页或入口页面的一条快速路径,它们绝大部分看起来就像这样:首页→分类页→次级分类页。
例如闪电博客的这篇文章属于:首页 WordPress
网页面包屑导航的优点
1.可以提供多路径的交互方式,方便用户跳转到其它页面。在页面及分类多的网站中尤其有用。
2.面包屑导航信息结构对于网站的seo也有着大的好处,它可以更多的强调网站关键字,扩大关键字的范围,从而达到更好的优化目的。
3.它从一个侧面展示了该信息集合的信息结构和集合方式,可以让用户在最快的时间之内找到需要的东西。
当然,可以通过插件来实现。本文主要说的是传统的代码方法。
方法一:直接在相关页面添加代码即可实现面包屑导航
把以下代码直接添加到你想出现面包屑导航的位置
div class="mbx-dh"
a href="?php bloginfo(‘url’); ?"?php bloginfo(‘name’); ?/a »
?php
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.’ 的搜索结果’;
}
?
/div
你可以把这些代码添加到 header.php 里面,也可以放在 single.php 页面的导航标题上面,你有可能需要添加的页面可能有:archive.php、archives.php、links.php、page.php。
方法二:通过 functions.php 调用实现面包屑导航效果
首先把以下代码添加到主题的 functions.php 文件中:
function dimox_breadcrumbs() {
$delimiter = ‘»’;
$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 ‘a href="’ . $home . ‘"’ . $name . ‘/a ‘ . $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);
工具:wordpress
步骤:
1、打开wordpress,在当前wordpress主题中的 functions.php 文件添加下面的代码。
2、修改”我的博客首页”的链接。在需要使用面包屑导航的主题文件的对应位置添加下面的调用代码即可。?php seobreadcrumbs(); ?
3、使用谷歌”Rich Snippets Testing Tool”工具来测试网址。可以看到出现在网站的搜索结果中的面包屑。