wordpress面包學 面包學這本書怎么樣

wordpress面包屑導航如何設置

WordPress默認主題并沒有自帶導航

創(chuàng)新互聯(lián)服務項目包括景泰網(wǎng)站建設、景泰網(wǎng)站制作、景泰網(wǎng)頁制作以及景泰網(wǎng)絡營銷策劃等。多年來,我們專注于互聯(lián)網(wǎng)行業(yè),利用自身積累的技術優(yōu)勢、行業(yè)經(jīng)驗、深度合作伙伴關系等,向廣大中小型企業(yè)、政府機構等提供互聯(lián)網(wǎng)行業(yè)的解決方案,景泰網(wǎng)站推廣取得了明顯的社會效益與經(jīng)濟效益。目前,我們服務的客戶以成都為中心已經(jīng)輻射到景泰省份的部分城市,未來相信會繼續(xù)擴大服務區(qū)域并繼續(xù)獲得客戶的支持與信任!

虛幻私塾的建站基礎系列教程有系統(tǒng)的介紹 因此 并不能簡單的通過設置來添加面包屑導航 你可以下載自帶面包屑導航的主題 參考它的源碼實現(xiàn)

wordpress 主題怎么添加面包屑導航

wordpress主題添加面包屑導航一般有兩種方法,一種是通過使用插件來實現(xiàn),另一種是不使用插件,純代碼實現(xiàn),下面我來介紹一下這兩種方法。

一,純代碼實現(xiàn)

在functions中添加

function?get_breadcrumbs()

{

global?$wp_query;

if?(?!is_home()?){

//?Start?the?UL

echo?'ul?class="breadcrumbs"';

//?Add?the?Home?link

echo?'lia?href="'.?get_settings('home')?.'"網(wǎng)站首頁/a/li';

if?(?is_category()?)

{

$catTitle?=?single_cat_title(?"",?false?);

$cat?=?get_cat_ID(?$catTitle?);

echo?"li?raquo;?".?get_category_parents(?$cat,?TRUE,?"?raquo;?"?)?."/li";

}

elseif?(?is_archive()??!is_category()?)

{

echo?"li?raquo;?Archives/li";

}

elseif?(?is_search()?)?{

echo?"li?raquo;?Search?Results/li";

}

elseif?(?is_404()?)

{

echo?"li?raquo;?404?Not?Found/li";

}

elseif?(?is_single()?)

{

$category?=?get_the_category();

$category_id?=?get_cat_ID(?$category[0]-cat_name?);

echo?'li?raquo;?'.?get_category_parents(?$category_id,?TRUE,?"?raquo;?"?);

echo?the_title('','',?FALSE)?."/li";

}

elseif?(?is_page()?)

{

$post?=?$wp_query-get_queried_object();

if?(?$post-post_parent?==?0?){

echo?"li?raquo;?".the_title('','',?FALSE)."/li";

}?else?{

$title?=?the_title('','',?FALSE);

$ancestors?=?array_reverse(?get_post_ancestors(?$post-ID?)?);

array_push($ancestors,?$post-ID);

foreach?(?$ancestors?as?$ancestor?){

if(?$ancestor?!=?end($ancestors)?){

echo?'li?raquo;?a?href="'.?get_permalink($ancestor)?.'"'.?strip_tags(?apply_filters(?'single_post_title',?get_the_title(?$ancestor?)?)?)?.'/a/li';

}?else?{

echo?'li?raquo;?'.?strip_tags(?apply_filters(?'single_post_title',?get_the_title(?$ancestor?)?)?)?.'/li';

}

}

}

}

//?End?the?UL

echo?"/ul";

}

}

在有需要添加面包屑插件的頁面適當位置添加

php?get_breadcrumbs();

打開主題所在的style.css,添加

ul.breadcrumbs?{

list-style:?none;

padding:?0;

margin:?0;

font-size:12px;

}

ul.breadcrumbs?li?{

float:?left;

margin:?0?5px?0?0;

padding:?0;

}

通過上述三步就可以實現(xiàn)無插件面包屑效果,稍微的樣式和布局可以修改。

二,用插件實現(xiàn)

這里我推薦的插件是Breadcrumb NavXT,它提供5種面包屑導航樣式,如下圖所示

插件的設置界面如下

看不懂英文的用翻譯工具翻譯一下也能大概知道意思了,其它具體的使用您可以自己去安裝一下這款插件體驗一下,如果有不懂再問吧。

如何用純代碼方法實現(xiàn)WordPress面包屑導航效果

面包屑導航這個名字聽起來就有些古怪,簡單的說它就是提供給用戶回溯到網(wǎng)站首頁或入口頁面的一條快速路徑。本文說下怎么為wordpress添加面包屑導航的兩種方法和代碼,而且都是通過非插件的方式。

什么是面包屑導航?

面包屑通常出現(xiàn)在頁面頂部,一般會位于標題或頁頭的下方。它提供給用戶返回之前任何一個頁面的鏈接(這些鏈接也是能到達當前頁面的路徑),在層級架構中通常是這個頁面的父級頁面。

也可以這樣理解,面包屑提供給用戶回溯到網(wǎng)站首頁或入口頁面的一條快速路徑,它們絕大部分看起來就像這樣:首頁→分類頁→次級分類頁。

例如閃電博客的這篇文章屬于:首頁 WordPress

網(wǎng)頁面包屑導航的優(yōu)點

1.可以提供多路徑的交互方式,方便用戶跳轉到其它頁面。在頁面及分類多的網(wǎng)站中尤其有用。

2.面包屑導航信息結構對于網(wǎng)站的seo也有著大的好處,它可以更多的強調網(wǎng)站關鍵字,擴大關鍵字的范圍,從而達到更好的優(yōu)化目的。

3.它從一個側面展示了該信息集合的信息結構和集合方式,可以讓用戶在最快的時間之內找到需要的東西。

當然,可以通過插件來實現(xiàn)。本文主要說的是傳統(tǒng)的代碼方法。

方法一:直接在相關頁面添加代碼即可實現(xiàn)面包屑導航

把以下代碼直接添加到你想出現(xiàn)面包屑導航的位置

div class="mbx-dh"

a href="?php bloginfo(‘url’); ?"?php bloginfo(‘name’); ?/a ?

?php

if( is_single() ){

$categorys = get_the_category();

$category = $categorys[0];

echo( get_category_parents($category-term_id,true,’ ? ‘) );

the_title();

} elseif ( is_page() ){

the_title();

} elseif ( is_category() ){

single_cat_title();

} elseif ( is_tag() ){

single_tag_title();

} elseif ( is_day() ){

the_time(‘Y年Fj日’);

} elseif ( is_month() ){

the_time(‘Y年F’);

} elseif ( is_year() ){

the_time(‘Y年’);

} elseif ( is_search() ){

echo $s.’ 的搜索結果’;

}

?

/div

你可以把這些代碼添加到 header.php 里面,也可以放在 single.php 頁面的導航標題上面,你有可能需要添加的頁面可能有:archive.php、archives.php、links.php、page.php。

方法二:通過 functions.php 調用實現(xiàn)面包屑導航效果

首先把以下代碼添加到主題的 functions.php 文件中:

function dimox_breadcrumbs() {

$delimiter = ‘?’;

$name = ‘Home’; //text for the ‘Home’ link

$currentBefore = ‘span’;

$currentAfter = ‘/span’;

if ( !is_home() !is_front_page() || is_paged() ) {

echo ‘div id="crumbs"’;

global $post;

$home = get_bloginfo(‘url’);

echo ‘a(chǎn) href="’ . $home . ‘"’ . $name . ‘/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);

wordpress怎么設置面包屑導航

工具:wordpress

步驟:

1、打開wordpress,在當前wordpress主題中的 functions.php 文件添加下面的代碼。

2、修改”我的博客首頁”的鏈接。在需要使用面包屑導航的主題文件的對應位置添加下面的調用代碼即可。?php seobreadcrumbs(); ?

3、使用谷歌”Rich Snippets Testing Tool”工具來測試網(wǎng)址。可以看到出現(xiàn)在網(wǎng)站的搜索結果中的面包屑。

網(wǎng)站欄目:wordpress面包學 面包學這本書怎么樣
文章轉載:http://muchs.cn/article10/ddceigo.html

成都網(wǎng)站建設公司_創(chuàng)新互聯(lián),為您提供App設計、全網(wǎng)營銷推廣軟件開發(fā)、外貿網(wǎng)站建設、網(wǎng)站改版、移動網(wǎng)站建設

廣告

聲明:本網(wǎng)站發(fā)布的內容(圖片、視頻和文字)以用戶投稿、用戶轉載內容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內容未經(jīng)允許不得轉載,或轉載時需注明來源: 創(chuàng)新互聯(lián)

外貿網(wǎng)站建設