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> » </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,' » ') );
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的方法一全部内容,希望对大家有所帮助!