無作為
不僅僅是一種態度!

红运快三开奖直播:WordPress添加面包屑導航Breadcrumb代碼

红运快三高手计划 www.syvwfz.com.cn 怎么給WordPress添加面包屑導航呢?今天無作為分享一套代碼的方法,無需插件,即可為愛站添加面包屑導航了,

首先來說說為什么要添加面包屑導航吧,第一有利于seo,因為可以很直觀的看見分層的目錄,第二有利于網友更加清晰的看見自己所在的網址位置和欄目,

那么什么是面包屑導航呢?讓我們來看看樣式即可:圖中紅色即為本站面包屑導航了,非常的直觀簡便,這樣以來還可以有利于權重集中在首頁,那么下面我們分享一下如何面插件實現WordPress面包屑導航的代碼吧:

將下面的代碼添加到主題的 functions.php :

function cmp_breadcrumbs() {
?$delimiter = '?'; // 分隔符
?$before = '<span class="current">'; // 在當前鏈接前插入
?$after = '</span>'; // 在當前鏈接后插入
?if ( !is_home() && !is_front_page() || is_paged() ) {
??echo '<div itemscope itemtype="//schema.org/WebPage" id="crumbs">'.__( '當前位置:' , 'cmp' );
??global $post;
??$homeLink = home_url();
??echo ' <a itemprop="breadcrumb" href="' . $homeLink . '">' . __( '無作為' , 'cmp' ) . '</a> ' . $delimiter . ' ';
??if ( is_category() ) { // 分類 存檔
???global $wp_query;
???$cat_obj = $wp_query->get_queried_object();
???$thisCat = $cat_obj->term_id;
???$thisCat = get_category($thisCat);
???$parentCat = get_category($thisCat->parent);
???if ($thisCat->parent != 0){
????$cat_code = get_category_parents($parentCat, TRUE, ' ' . $delimiter . ' ');
????echo $cat_code = str_replace ('<a','<a itemprop="breadcrumb"', $cat_code );
???}
???echo $before . '' . single_cat_title('', false) . '' . $after;
??} elseif ( is_day() ) { // 天 存檔
???echo '<a itemprop="breadcrumb" href="' . get_year_link(get_the_time('Y')) . '">' . get_the_time('Y') . '</a> ' . $delimiter . ' ';
???echo '<a itemprop="breadcrumb"? href="' . get_month_link(get_the_time('Y'),get_the_time('m')) . '">' . get_the_time('F') . '</a> ' . $delimiter . ' ';
???echo $before . get_the_time('d') . $after;
??} elseif ( is_month() ) { // 月 存檔
???echo '<a itemprop="breadcrumb" href="' . get_year_link(get_the_time('Y')) . '">' . get_the_time('Y') . '</a> ' . $delimiter . ' ';
???echo $before . get_the_time('F') . $after;
??} elseif ( is_year() ) { // 年 存檔
???echo $before . get_the_time('Y') . $after;
??} elseif ( is_single() && !is_attachment() ) { // 文章
???if ( get_post_type() != 'post' ) { // 自定義文章類型
????$post_type = get_post_type_object(get_post_type());
????$slug = $post_type->rewrite;
????echo '<a itemprop="breadcrumb" href="' . $homeLink . '/' . $slug['slug'] . '/">' . $post_type->labels->singular_name . '</a> ' . $delimiter . ' ';
????echo $before . get_the_title() . $after;
???} else { // 文章 post
????$cat = get_the_category(); $cat = $cat[0];
????$cat_code = get_category_parents($cat, TRUE, ' ' . $delimiter . ' ');
????echo $cat_code = str_replace ('<a','<a itemprop="breadcrumb"', $cat_code );
????echo $before . get_the_title() . $after;
???}
??} elseif ( !is_single() && !is_page() && get_post_type() != 'post' ) {
???$post_type = get_post_type_object(get_post_type());
???echo $before . $post_type->labels->singular_name . $after;
??} elseif ( is_attachment() ) { // 附件
???$parent = get_post($post->post_parent);
???$cat = get_the_category($parent->ID); $cat = $cat[0];
???echo '<a itemprop="breadcrumb" href="' . get_permalink($parent) . '">' . $parent->post_title . '</a> ' . $delimiter . ' ';
???echo $before . get_the_title() . $after;
??} elseif ( is_page() && !$post->post_parent ) { // 頁面
???echo $before . get_the_title() . $after;
??} elseif ( is_page() && $post->post_parent ) { // 父級頁面
???$parent_id? = $post->post_parent;
???$breadcrumbs = array();
???while ($parent_id) {
????$page = get_page($parent_id);
????$breadcrumbs[] = '<a itemprop="breadcrumb" href="' . get_permalink($page->ID) . '">' . get_the_title($page->ID) . '</a>';
????$parent_id? = $page->post_parent;
???}
???$breadcrumbs = array_reverse($breadcrumbs);
???foreach ($breadcrumbs as $crumb) echo $crumb . ' ' . $delimiter . ' ';
???echo $before . get_the_title() . $after;
??} elseif ( is_search() ) { // 搜索結果
???echo $before ;
???printf( __( 'Search Results for: %s', 'cmp' ),? get_search_query() );
???echo? $after;
??} elseif ( is_tag() ) { //標簽 存檔
???echo $before ;
???printf( __( 'Tag Archives: %s', 'cmp' ), single_tag_title( '', false ) );
???echo? $after;
??} elseif ( is_author() ) { // 作者存檔
???global $author;
???$userdata = get_userdata($author);
???echo $before ;
???printf( __( 'Author Archives: %s', 'cmp' ),? $userdata->display_name );
???echo? $after;
??} elseif ( is_404() ) { // 404 頁面
???echo $before;
???_e( 'Not Found', 'cmp' );
???echo? $after;
??}
??if ( get_query_var('paged') ) { // 分頁
???if ( is_category() || is_day() || is_month() || is_year() || is_search() || is_tag() || is_author() )
????echo sprintf( __( '( Page %s )', 'cmp' ), get_query_var('paged') );
??}
??echo '</div>';
?}
}

將代碼中的無作為給為你的首頁名稱即可,也可以直接改首頁兩個字。

以上的代碼功能已經十分完善了,帶有 Html5微數據,包含本地化翻譯(請將所有 ‘cmp’ 修改為你的主題專用的 textdomain,一般默認都不需要修改,直接添加即可。

主題模板中使用以下代碼調用添加如下代碼(一般是single.php):

<?php if(function_exists('cmp_breadcrumbs')) cmp_breadcrumbs();?>

以上操作即可完美實現WordPress免插件面包屑導航了,如果你也想擁有一個,那么就快快行動吧。


教程更新

補充一個更加美觀的面包屑導航的代碼方法:

一、修改functions.php
首先在自己的主題文件中找到functions.php,并在文件中添加下面代碼。DUX主題修改functions-theme.php文件。

//面包屑導航生成函數
function qgg_breadcrumbs(){
if( !is_single() ) return false;

$categorys = get_the_category();
$category = $categorys[0]; 
return '當前位置:<a href="'.get_bloginfo('url').'">'.get_bloginfo('name').'</a> <small>></small> '.get_category_parents($category->term_id, true, ' <small>></small> ').get_the_title();
}

二、修改single.php
這里是把面包屑導航顯示到文章頁面,所以我們第二步是修改主題single.php文件,把下面代碼加到自己想顯示的位置即可。

<!-- 面包屑導航前端顯示代碼 -->
<div class="breadcrumbs">
 <div class="container"><?php echo qgg_breadcrumbs() ?></div>
</div>

如果是想顯示到文章內容頁面的導航欄下,請把上面代碼添加到“<?php get_header(); ?>”下即可。

三、添加樣式代碼
完成上面兩個步驟后,清理下瀏覽器緩存,我們就可以看到正常顯示面包屑導航了,但是不美觀。所以我們還需進行添加顯示樣式代碼步驟。一般得人主題是把下面這段代碼添加到style.css文件,DUX主題是添加到main.css文件。

完成上面兩個步驟后,清理下瀏覽器緩存,我們就可以看到正常顯示面包屑導航了,但是不美觀。所以我們還需進行添加顯示樣式代碼步驟。一般得人主題是把下面這段代碼添加到style.css文件,DUX主題是添加到main.css文件。

.breadcrumbs{padding: 15px 0;font-size: 12px;line-height: 1;text-align: left;background-color: #fff;margin-bottom: 15px;margin-top: -15px;border-bottom: 1px solid #EBEBEB; box-shadow: 0 1px 3px rgba(0,0,0,.04);color: #999;}
.breadcrumbs small{font-size: 12px;font-family: serif;color: #bbb;margin: 0 2px;font-weight: bold;}
.breadcrumbs a{color: #999;}
.breadcrumbs a:hover{color: #666;}
@media (max-width:640px){
.breadcrumbs{margin-top: 1px;margin-bottom: 0;padding: 10px 15px;border-bottom: none;margin-bottom: 1px;}
}
歷史上的今天:
贊(14) 打賞
所有免費資源、福利、電影、破解軟件未經允許不得轉載:红运快三高手计划 www.syvwfz.com.cn红运快三高手计划 » WordPress添加面包屑導航Breadcrumb代碼

留下評論 搶沙發

無作為-不僅僅是一種態度

登錄/注冊廣告合作

覺得文章有用就打賞一下文章作者

支付寶掃一掃打賞

微信掃一掃打賞