怎樣在wordpress網站模板中，新增麵包屑導航功能模組？

幾乎在所有的wordpress網站中，我們都可以看到麵包屑導航的身影（如下圖）。麵包屑導航，可以很方便地讓我們瞭解到我們在這個wordpress網站中所在的位置，而且，我們還可以透過點選麵包屑導航中的連結，進入到對應的頁面。可見面包屑導航不僅讓wordpress網站更加便利，而且提升了wordpress網站的使用者體驗。

那麼，我們怎樣在wordpress網站模板中新增麵包屑導航呢？請隨我來，我們可以透過2種方式來實現。具體操作，可以觀看我在本站發表的《

wordpress網站模板開發中，怎樣新增麵包屑導航功能？

》影片教程。

麵包屑導航的影片教程

方法一：每個wordpress模板頁新增對應的麵包屑導航程式碼。

也就是說，我們可以在wordpress模板中，想要顯示麵包屑導航的地方，新增麵包屑導航程式碼就可以了。一般情況下，需要麵包屑導航的地方有：wordpress網站的分類頁模板、文章頁模板、單頁面模板、tag標籤頁模板、搜尋頁模板、作者頁模板等等。

wordpress網站分類頁模板麵包屑導航程式碼：

<？php

echo ‘< a href=“’。get_option（”home_url“）。‘”>首頁 > ’；

the_category（‘ > ’）；

？>

wordpress網站文章頁模板麵包屑導航程式碼：

<？php

echo ‘< a href=“’。get_option（”home_url“）。‘”>首頁 > ’；

the_category（‘ > ’）；

echo “ > ”；

the_title（）；

？>

wordpress網站單頁面模板麵包屑導航程式碼：

<？php

echo ‘< a href=“’。get_option（”home_url“）。‘”>首頁 > ’；

the_title（）；

？>

這種方式的缺點：需要在wordpress網站的每個需要麵包屑導航的模板中新增麵包屑導航程式碼，後期維護比較麻煩。

方法二：在wordpress模板中建立麵包屑導航的函式。

為了更加方便地在wordpress網站模板中呼叫麵包屑導航，我們可以給麵包屑導航建立一個函式，然後，在需要用到麵包屑導航的頁面直接呼叫這個函式就可以了。因為麵包屑導航會在wordpress網站的很多頁面中使用，所以，我們在函式中要做不同頁面的判斷，根據不同的頁面呼叫不同的麵包屑導航。

在wordpress網站模板的functions。php檔案中新增如下程式碼：

// 麵包屑導航

function the_breadcrumb（） {

echo ‘

’；

if （！is_home（）） { //如果不是首頁

echo ‘

• 首頁 >
’；

if （is_category（） || is_single（）） { //如果是分類或文章頁

echo ‘

• ’；

  the_category（‘

• ’）；

  if （is_single（）） { //如果是文章頁

  echo “ >

• ”。get_the_title（）。‘
’；

}

} elseif （is_page（）） { //如果是單頁面

echo ‘

• ’。get_the_title（）。‘
’；

}elseif（is_tag（））{ //如果是tag標籤頁

single_cat_title（）；

}elseif （is_author（）） { //如果是作者頁

echo“

• 作者頁面”； echo‘
’；

}elseif （isset（$_GET［‘paged’］） && ！empty（$_GET［‘paged’］）） { //如果是分頁

echo “

• 列表分頁”； echo‘
’；

}elseif （is_search（）） { //如果是搜尋頁

echo“

• 搜尋頁”； echo‘
’；

}elseif （is_day（）） {

echo“

• 日期歸檔（天） ”； the_time（‘F jS， Y’）； echo‘
’；

}elseif （is_month（）） {

echo“

• 日期歸檔（月）r ”； the_time（‘F， Y’）； echo‘
’；

}elseif （is_year（）） {

echo“

• 日期歸檔（年） ”； the_time（‘Y’）； echo‘
’；

}

}

echo ‘

’；

}

麵包屑函式建立好了，就可以在wordpress網站模板中呼叫它，程式碼如下：

< div class=“breadcrumb”>

<？php the_breadcrumb（）； ？>