WordPress控制台設定網頁導覽列 - 部落格

WordPress打造網頁設計必不可少的導覽列

網誌圖文版：

https://www.b88104069.com/archives/4423

專業的網站設計少不了網站導航選單，網頁上多了一行導覽列，清楚傳達整個網頁內容結
構。WordPress作為最普遍的架設網站工具，在控制台的外觀選單可以輕鬆設定此功能，
這篇文章不會完整介紹如何設置，純粹分享相關經驗。

一、Google Search Console提醒我「zanzanxiaowu.com」網站有兩個重新導向錯誤，一
看是首頁，這個問題很大。

二、zanzanxiaowu.com是贊贊小屋最近剛架設的簡體版網站，結構基本上和b88104069一
樣，上面有一行導覽列，第一個「首頁」正常會連接到簡體版網站首頁。

三、實際點選，竟然跳到了b8810406繁體版首頁，不合邏輯，有傷瀏覽者體驗。

四、為了解決這個問題，我參考了WordPress官網「WORDPRESS.ORG」提供給開發者關於「
wp_nav_menu」導航函數的介紹，網址為：「
https://developer.wordpress.org/reference/functions/wp_nav_menu/」，文章大部份
是對於一般人很硬的php語言，我自己初步不想花太多時間深入研究這個。

五、除了開發者資源之外（Code Reference），WordPress也有面向一般使用者的支援文
件（Codex），例如「Navigation Menus」，網址為：「
https://codex.wordpress.org/Navigation_Menus」。

六、Codex其實也是滿滿的php代碼，不過在Menus Panel項下開頭有一段話吸引了我的注
意：「simply visit the Appearance -> Menuspanel in your site admin.」。

七、按照指示我來到贊贊小屋儀表盤的「外觀->自定義」。

八、抓到了，兇手原來在這裡，仔細看還是http版的繁體首頁，改成「
https://www.zanzanxiaowu.com」後果然修好了，因為這個機會同時發現繁體版網站也有
問題，同步在繁體版WordPress控制台的「外觀->自訂->選單」改成了「
https://www.b88104069.com」。

我的網站設定導航列已經不可考了，但至少在N年前我一定是在控制台的外觀設定好了選
單，最近剛好有點空，想要好好重新裝修自己的網站，發現到了這個問題，卻忘了當初我
是怎麼打造這個導航列的。

一開始百度跟Google找不到答案，都是一些php語言，但真正在Wordpress的php文件又找
不到線索，而且我有點模糊印象似乎不是直接php設定的，依照我架設網站的經驗，遇到
這種問題不一定找得到師傅。好險，最後直接在WordpPress官網得到解答，久病成良醫，
我自己在架設網站這方面是一路摸著石頭過河的，累積了瑣碎經驗，以後應該要多寫一些
文章紀錄，可能的話，完整好好寫一本書是最佳方案，跟Excel VBA一樣，乾脆出一本給
自己看的參考書！


延伸閱讀：

WordPress如何更改資料庫密碼

https://www.b88104069.com/archives/4177

WordPress如何批次修改數據庫內容

https://www.b88104069.com/archives/4172

WordPress如何去除頂端空白列（工具列）

https://www.b88104069.com/archives/4164


--

贊贊小屋：
https://www.b88104069.com

贊贊小屋 in facebook：
https://www.facebook.com/zanzanstory

--