WordPress 主題製作學習筆記:幫你的主題加上「文章導航」的功能
WordPress 主題製作學習筆記

WordPress 主題製作學習筆記:幫你的主題加上「文章導航」的功能

WordPress 主題製作學習筆記:幫你的主題加上「文章導航」的功能
WordPress 主題製作學習筆記:幫你的主題加上「文章導航」的功能

 

相信有許多使用 WordPress 的朋友們對於這個文章導航的功能都不陌生,而過去我們通常是安裝 Breadcrumb Navigation XT 這款插件來達成這個功能,但近年來有許多 WordPress 使用者們都逐漸減少了插件的使用。因為安裝啟用的插件越多,對於主機造成的負擔就越大,嚴重地甚至會大大拖慢部落格開啟的速度(當然,過度使用加載 js 也是會造成這樣的後果)。

 

所以這回要跟大家分享的是幫你的主題加上自帶文章導航的功能,實現這個功能後,你就可以完全脫離 Breadcrumb Navigation XT 插件,少裝一個插件,讓你的 WordPress 速度加快飛起來!

 

我先將我的文章導航代碼貼出來,再跟各位解釋其中的原理。

 

 

 

那為何我又用了 breadcrumb-nav 這樣的 div class 包住呢?那是因為我們必須在主題的 CSS 裡面定義這個區塊(DIV)的樣式,給文章導航一個特定的 class 方便你日後修改樣式表。以下是 SO Personal 的文章導航樣式,如果要運用在你的主題裏,請自行更改樣式,這裡的樣式僅提供參考:

 

 

 

文by覺非/WordPress 主題製作學習筆記系列文章.之三

<========簽名檔分隔線開始=========>

 飛翔於文字國裏的蝴蝶,我是愛寫文的女子,不要看我的人,請你看看我的文,那裡面全是我的心.和我想對你說的話……

 StartOver.回。到。原。點 https://carrielis.com

<========簽名檔分隔線結束=========>

This Post Has 12 Comments

    1. 不客氣,相互交流吧~

      你的博客還在搭建中哪?

  1. 搭建是没什么难度,只是在修改主题,每天上班没什么时间弄。

    1. 對,我都忘了 WordPress 搭建實在很快、也沒有難度,主要還是佈景主題的修改。 😎

      你的博客主題挺簡潔,或許我下一個主題會邁向那樣的色調吧 :mrgreen:

  2. 请问你BLOG侧边栏的最新评论和随机文章是基于插件实现的还是基于代码实现的?可否告知。

    1. 是代碼實現的,不需要插件。

      我這幾天也會寫新的文章來介紹這個功能。靜待之 😛

  3. WP 3.0 在後台可以自己設計導航了.

    1. 這我倒不知道,只知道能從後台設計下拉式導航列(可選分頁或是分類),我有下載 3.0 beta2 的版本,不過最近都在看書,還沒真正開啟檔案來測試過,你說的部份我之後會注意。

  4. 您好*_*
    我想問這個代碼是放在那裡的>v<

    1. PP 你好,這個代碼請你放在單篇文章(single.php)檔案的

      下一行,即可正確顯示文章導航。

    1. 寫這個教學的應該不少吧?

發佈留言

Close Menu