共计 1267 个字符,预计需要花费 4 分钟才能阅读完成。
面包屑导航在网站中的作用很重要,几乎每个网站都有,如果网站没有这个模块的话,那么这个网站的用户体验是有待提高的。在WordPress网站中,面包屑导航的设置也是极其重要的。
面包屑导航显示了当前页面在整个网站目录结构中的位置,对于用户体验和 SEO 都是加分项。同时给用户提供了一个回到首页或上级分类目录中的快捷入口,也把网站的各级目录结构清晰地展示给用户和搜索引擎。
显示形式类似于:首页 > 一级目录 > 二级目录 > 当前页面
网站设置面包屑导航的优点:
用户方面:优化用户体验,方便用户快速找到所需内容,以及在层级间快捷跳转。
网站方面:清晰展现网站的各层级和目录结构,有利于网站的内链建设,降低跳出率,提高用户粘性。
搜索引擎:对网站的 SEO 非常有利。
一、定义面包屑导航函数
在主题的functions.php文件下加入以下代码:
function dw_breadcrumb() {
echo '<ul id="crumbs">';
if (!is_home()) {
echo '<li><a href="';
echo get_option('home');
echo '">';
echo 'Home';
echo "</a></li>";
if (is_category() || is_single()) {
echo '<li>';
the_category(' </li><li> ');
if (is_single()) {
echo "</li><li>";
the_title();
echo '</li>';
}
} elseif (is_page()) {
echo '<li>';
echo the_title();
echo '</li>';
}
}
elseif (is_tag()) {single_tag_title();}
elseif (is_day()) {echo"<li>Archive for "; the_time('F jS, Y'); echo'</li>';}
elseif (is_month()) {echo"<li>Archive for "; the_time('F, Y'); echo'</li>';}
elseif (is_year()) {echo"<li>Archive for "; the_time('Y'); echo'</li>';}
elseif (is_author()) {echo"<li>Author Archive"; echo'</li>';}
elseif (isset($_GET['paged']) && !empty($_GET['paged'])) {echo "<li>Blog Archives"; echo'</li>';}
elseif (is_search()) {echo"<li>Search Results"; echo'</li>';}
echo '</ul>';
}
二、调用面包屑导航函数
<?php dw_breadcrumb(); ?>
面包屑导航对于用户体验和网站的 SEO 都十分友好,添加起来也比较简单。在使用面包屑导航时,也要注意网站本身的目录层级不要太深,一般分三级目录就足够了,层级太深显示不太友好。
修改前做好数据的备份。
正文完