贊贊小屋

WordPress網站架設於控制台設定選單,輕鬆打造網頁設計必不可少的導覽列

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

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

WordPress網站架設於控制台設定選單,輕鬆打造網頁設計必不可少的導覽列 WordPress 第1張

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

WordPress網站架設於控制台設定選單,輕鬆打造網頁設計必不可少的導覽列 WordPress 第2張

三、點選之後竟然跳到了b8810406繁體版首頁,不合邏輯而且有傷瀏覽者體驗。

WordPress網站架設於控制台設定選單,輕鬆打造網頁設計必不可少的導覽列 WordPress 第3張

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

WordPress網站架設於控制台設定選單,輕鬆打造網頁設計必不可少的導覽列 WordPress 第4張

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

WordPress網站架設於控制台設定選單,輕鬆打造網頁設計必不可少的導覽列 WordPress 第5張

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

WordPress網站架設於控制台設定選單,輕鬆打造網頁設計必不可少的導覽列 WordPress 第6張

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

WordPress網站架設於控制台設定選單,輕鬆打造網頁設計必不可少的導覽列 WordPress 第7張

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

WordPress網站架設於控制台設定選單,輕鬆打造網頁設計必不可少的導覽列 WordPress 第8張

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

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



本網站所有內容皆受版權保護