WordPress网站的内页当中,为了使网站层次表现的更加清晰,让客户明确知道自己当前所在的位置,我们通常会加入面包屑导航功能,英文名叫 Breadcrumb 。下面介绍一下WordPress建站中添加面包屑导航 Breadcrumb 的方法。
1. 切换到主题所在目录,新建一个 breadcrumb.php 文件,加入以下代码:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 | <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,在需要显示导航的地方使用下面的代码调用:
1 | <?php include('breadcrumb.php'); ?> |
3. 通过css代码定义导航的样式,美化显示效果。
至此,一个完美的面包屑导航 Breadcrumb 已经添加完成。