那么,我们若何在wordpress网站模板中添加面包屑导航呢?请随我来,我们可以通过2种办法来实现。详细操作,可以不雅观看我在本站揭橥的《wordpress网站模板开拓中,若何添加面包屑导航功能?》视频教程。
面包屑导航的视频教程
方法一:每个wordpress模板页添加对应的面包屑导航代码。
也便是说,我们可以在wordpress模板中,想要显示面包屑导航的地方,添加面包屑导航代码就可以了。一样平常情形下,须要面包屑导航的地方有:wordpress网站的分类页模板、文章页模板、单页面模板、tag标签页模板、搜索页模板、作者页模板等等。
wordpress网站分类页模板面包屑导航代码:
<?php echo '< a href="'.get_option("home_url").'">首页</a> > '; the_category(' > '); ?>
wordpress网站文章页模板面包屑导航代码:
<?php echo '< a href="'.get_option("home_url").'">首页</a> > '; the_category(' > '); echo " > ";the_title(); ?>
wordpress网站单页面模板面包屑导航代码:
<?php echo '< a href="'.get_option("home_url").'">首页</a> > '; the_title(); ?>
这种办法的缺陷:须要在wordpress网站的每个须要面包屑导航的模板中添加面包屑导航代码,后期掩护比较麻烦。
方法二:在wordpress模板中创建面包屑导航的函数。
为了更加方便地在wordpress网站模板中调用面包屑导航,我们可以给面包屑导航创建一个函数,然后,只须要用到面包屑导航的页面直接调用这个函数就可以了。由于面包屑导航会在wordpress网站的很多页面中利用,以是,我们在函数中要做不同页面的判断,根据不同的页面调用不同的面包屑导航。
在wordpress网站模板的functions.php文件中添加如下代码:
// 面包屑导航function the_breadcrumb() {echo '<ul id="crumbs">';if (!is_home()) { //如果不是首页echo '<li><a href="'.get_option("home_url").'">首页</a> > </li>';if (is_category() || is_single()) { //如果是分类或文章页echo '<li>';the_category(' </li><li> ');if (is_single()) { //如果是文章页echo " > </li><li>".get_the_title().'</li>';}} elseif (is_page()) { //如果是单页面echo '<li>'.get_the_title().'</li>';}elseif(is_tag()){ //如果是tag标签页single_cat_title(); }elseif (is_author()) { //如果是作者页echo"<li>作者页面"; echo'</li>';}elseif (isset($_GET['paged']) && !empty($_GET['paged'])) { //如果是分页echo "<li>列表分页"; echo'</li>';}elseif (is_search()) { //如果是搜索页echo"<li>搜索页"; echo'</li>';}elseif (is_day()) {echo"<li>日期归档(天) "; the_time('F jS, Y'); echo'</li>';}elseif (is_month()) {echo"<li>日期归档(月)r "; the_time('F, Y'); echo'</li>';}elseif (is_year()) {echo"<li>日期归档(年) "; the_time('Y'); echo'</li>';}}echo '</ul>';}
面包屑函数创建好了,就可以在wordpress网站模板中调用它,代码如下:
< div class="breadcrumb"><?php the_breadcrumb(); ?></div>
通过上面的2种办法,我们都可以为我们的wordpress网站模板添加面包屑导航的功能。当然,我们还可以通过wordpress的面包屑导航插件来实现,不过,这么大略的功能,没必要耗费系统资源来利用插件,纯代码更加有效。
如果还有什么疑问,欢迎不才面给我留言,我会尽快给你回答。感激参阅。