烈火建站學院轉載 不是所有的wordpress主題都自帶導航欄的，我早就想自行添加一個。昨天的標題前有“GOOGLE是個好老師”這個句子，今早趕緊刪了，倒不是不認同，而是覺得在添加導航欄這個事情上還真不是那么回事情。

以前我就說過：是否會有一天我們太依賴手術引擎，而傳統獲取信息的能力會逐步退化？比如資料檢索、比較研究等等。況且，google不是萬能的，或者說即使是萬能的，你得有那個時間面對大海找出針尖，因為大多數時候他返回的結果還是很多，即便已經進行了關鍵詞組合。我就體會到了。搜索半天，無功而返。

所以，我想強調的是人的自學能力很重要，不是自夸。

很多主題已經集成了導航欄，在添加頁面后會自動出現，但是萬一你喜歡的主題偏偏沒有集成呢？比如系統默認的那個就沒有，我一直用的這個也沒有。開放性工具的好處體現出來了，自我加工成 可能。想一下：導航欄是在主頁(index)、單篇日志頁(single)、存檔頁(archive)等都出現，那么顯然是修改共同點，只有頁眉(hearder)、頁腳(foot)和側邊欄(sidebar)可以修改，放在頁眉，那就修改header.php。問題在于，對于一個不會寫代碼的菜鳥來說，代碼哪里來？google百度不到。變通一下，找一個集成了導航欄的主題研究下它的header.php好了。很顯然，是以“

”(NAVI也有可能是navigasyon-wrap這類的名稱，但是一般都會含NAV三個字母)開始的這段，記得代碼一定要有始有終保持格式的完整。復制到自己主題的header.php相應位置內，style.css是樣式表，簡單地說是控制輸出效果的，再到剛才那個主題找到STYLE.CSS查到#nav或者#navigasyon-wrap開頭的代碼，復制到要修改的主題STYLE.CSS最后。然后逐步修改背景色、字體顏色、字號、左右間距之類的即可。

所以，忙了一會兒，就如你所見，連我這樣的技術盲都能在原先主題的基礎上，修修改改添加一個還算滿意導航欄。原來不想寫這么看似有點技術的東西的，因為我實在不是很懂這個。后來想想，我遇到的困難一定有人一樣會碰到，那么就扯一次。以后斷是不能寫類似教程的東西了，實在沒有那個知識積累，這篇權當班門弄斧吧。具體代碼見內頁。

header.php相應位置添加：

以下為引用的內容：

class=”current_page_item”>

STYLE.CSS相應位置添加：

以下為引用的內容：

#navigasyon-wrap{ width:980px; clear:both; height:33px; margin:20 auto; } #navigasyon-wrap ul { padding:0px 0 20px 20px; }

#navigasyon-wrap li { line-height:0.88em; display:inline; }

#navigasyon-wrap li a,#navigasyon-wrap li a:visited { color:#050606; background:#fc6; font-size:13px; margin-right:3px; float:right; padding:7px 15px; }

#navigasyon-wrap li a:hover { text-decoration:underline; }

#navigasyon-wrap li.current_page_item a, #navigasyon-wrap li.current_page_item a:visited, #navigasyon-wrap li.current_page_item a:hover { background:#F9F8F7; color:#444; text-decoration:none; }

總結

以上是生活随笔為你收集整理的php主题怎么增加导航页,教你如何给wordpress主题添加导航栏的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。