WordPress建站中添加面包屑导航Breadcrumb的方法一

WordPress建站中添加面包屑导航Breadcrumb的方法一

资源外星人导读:本站为大家带来WordPress建站中添加面包屑导航Breadcrumb的方法一文章,更多建站技术,请继续关注资源外星人!

WordPress网站的内页当中,为了使网站层次表现的更加清晰,让客户明确知道自己当前所在的位置,我们通常会加入面包屑导航功能,英文名叫 Breadcrumb 。下面介绍一下WordPress建站中添加面包屑导航 Breadcrumb 的方法。

1. 切换到主题所在目录,新建一个 breadcrumb.php 文件,加入以下代码:

breadcrumb.php

<div class="breadcrumb">
	<a href="<?php bloginfo('url'); ?>/" title="<?php bloginfo('name'); ?>">首页</a><em> &raquo; </em>
	<?php
	if (is_category()) {
		single_cat_title();
	}elseif (is_search()) {
		echo $s;
	}elseif (is_tag()) {
		single_tag_title();
	}elseif (is_year()) {
		the_time('Y');
	}elseif (is_month()) {
		the_time('Y-m');
	}elseif( is_day() ){
		the_time('Y-m-d');
	}elseif (is_author()) {
		echo 'Author';
	}elseif (is_single()) {
		$cats = get_the_category();
		$cat = $cats[0];
		echo( get_category_parents($cat->term_id,true,' &raquo; ') );
		the_title();
	}elseif (is_page()) {
		the_title();
	}elseif (is_404()) {
		echo '404 NOT FOUND';
	};
	wp_reset_query();
	?>
</div>

2. 打开page.php 或者 category.php,在需要显示导航的地方使用下面的代码调用:

page.php

<?php include('breadcrumb.php'); ?>

3. 通过css代码定义导航的样式,美化显示效果。

至此,一个完美的面包屑导航 Breadcrumb 已经添加完成。

以上就是资源外星人整理的WordPress建站中添加面包屑导航Breadcrumb的方法一全部内容,希望对大家有所帮助!