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

以前我就說(shuō)過(guò)：是否會(huì)有一天我們太依賴手術(shù)引擎，而傳統(tǒng)獲取信息的能力會(huì)逐步退化？比如資料檢索、比較研究等等。況且，google不是萬(wàn)能的，或者說(shuō)即使是萬(wàn)能的，你得有那個(gè)時(shí)間面對(duì)大海找出針尖，因?yàn)榇蠖鄶?shù)時(shí)候他返回的結(jié)果還是很多，即便已經(jīng)進(jìn)行了關(guān)鍵詞組合。我就體會(huì)到了。搜索半天，無(wú)功而返。

所以，我想強(qiáng)調(diào)的是人的自學(xué)能力很重要，不是自夸。

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

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

所以，忙了一會(huì)兒，就如你所見(jiàn)，連我這樣的技術(shù)盲都能在原先主題的基礎(chǔ)上，修修改改添加一個(gè)還算滿意導(dǎo)航欄。原來(lái)不想寫這么看似有點(diǎn)技術(shù)的東西的，因?yàn)槲覍?shí)在不是很懂這個(gè)。后來(lái)想想，我遇到的困難一定有人一樣會(huì)碰到，那么就扯一次。以后斷是不能寫類似教程的東西了，實(shí)在沒(méi)有那個(gè)知識(shí)積累，這篇權(quán)當(dāng)班門弄斧吧。具體代碼見(jiàn)內(nèi)頁(yè)。

header.php相應(yīng)位置添加：

以下為引用的內(nèi)容：

class=”current_page_item”>

STYLE.CSS相應(yīng)位置添加：

以下為引用的內(nèi)容：

#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; }

總結(jié)

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

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。