WordPress新手篇:WordPress選單如何新增與設定 - 早安傑森

大家都說WordPress很簡單,但如果你真的是新手,以前完全沒碰過WordPress,一定會覺得那些人都在唬爛,到底簡單在哪啦!

可能你設想的簡單,是跟iPhone一樣,一切超直覺,智障拿到也會用,WordPress雖然已經把架站的流程簡化,不需要打一堆程式碼,但整題操作還是相當不直覺,很多設定都藏在意想不到的地方,若是自學的話,肯定需要花些時間,像在漆黑隧道中緩慢爬行。

所以我這一系列的WordPress新手篇教學,會教你一些基本的前後台設定,這些都是我當時摸索時遇過的問題,其實有人教大概五秒就能搞定,但自己摸索可能摸個五小時還摸不出東西。

WordPress選單設定
說難不難,說簡單也不簡單的傢伙

不囉唆,進入本日正題,WordPress選單

WordPress選單是什麼?

我猜你看到這篇文章,八成已經知道WordPress選單是什麼了,但身為一名教育者,我還是有義務要完整的解釋給你聽。

用講的太慢,直接看圖,下圖紅色框框的部分就是選單。

WordPress選單設定
這就是WordPress選單(其中一種)

選單(Menu)是網站中很重要的一環,他的功能就像是書的目錄,能讓讀者更快去了解你的網站,到底是關於些什麼?

透過清晰的選單,不只讀者能更快了解你,也能讓任何潛在合作者知道,你的網站能為大眾提供哪些價值。

所以網站選單的設定,不只是技術面問題,更是需要思考與佈局的事情,但這篇文章只偏重在如何「實際設定」,怎麼佈局可以去參考我別的文章。(還沒寫)

WordPress選單如何設定?

首先,登入你的WordPress後台->外觀->選單

WordPress選單設定

接著讓我一一介紹WordPress選單頁有哪些功能。

WordPress選單設定
很不直覺的介面

透過即時預覽進行管理

這個選項能讓你從「網站前台」的視角去調整選單,對新手來講是挺不錯的功能,能夠馬上看見變化;不過他運作的有點慢,所以大部分人不太會使用。

WordPress選單設定
即時預覽進行管理

編輯選單/管理選單位置

WordPress選單設定

一個網站通常都會有好幾個選單,主要選單、側欄選單、頁尾選單等等,在網站剛建好的時候,每個不同的佈景主題會預先設定選單項目都不同。像我這個網站是Astra佈景主題,就有這四個預設的選單。

WordPress選單設定

編輯選單的功能,就是讓你選擇你現在要編輯的是哪個選單。

如果我不想用預設的,也可以另外新增一個新選單,再指定他要擺放在哪個位置。

管理選單位置,顧名思義,就是要讓你選擇該把選單放在什麼位置。或反著說,每個位置你想擺上哪個選單。

WordPress選單設定

像上圖的例子,我就是把叫「Top Menu」名字的選單,放在我主選單的位置。如果我頁尾也想放選單,那就是在Footer Menu挑選我要放的選單。

新增選單項目

WordPress選單設定

這一區就是把所有能放進選單內的選項都列出來,你只要挑你喜歡的,打勾,再點「新增至選單」即可。我下面稍微講一下每個可新增的選項是什麼。

頁面

頁面就是你網站上長駐的頁面,像是關於我們、聯繫我們等等,這些都是常見會加到選單中的選項。只要你在後台新增頁面,在這裡就會看到選項。

文章

文章就是你寫的一篇一篇的文章,除非有哪篇文章你特別想要大肆宣傳,不然一般網站,不太會把單一文章放上選單。

自訂連結

自訂連結讓你在選單上放任何網址,站內站外的網址都沒問題。

WordPress選單設定

還有一種狀況是你想要放一個有很多子選項的母選單,但母選單又不想連去任何地方,這時候也可以用自訂連結,你就在網址那一欄輸入「#」,連結文字放上你選項名稱即可。

WordPress選單設定
像這樣

分類

分類指的是你文章的分類,放上選單時,用戶點擊就會到該分類的文章彙整頁。

*要有分類,你得先在「文章->分類」設定好,然後每篇文章完成時,選擇該文章的分類,這樣彙整頁才會顯示出來。

WordPress選單設定
我這頁的分類就是菲律賓文化

如果你還有更多選項可以放上選單,那通常就是佈景主題或是外掛幫你新增的,但我這裡就只教最基本的,其實最基本的也已夠用。

選單結構

選單結構就是讓你去排序選單跟建立關聯(母子選單)。

WordPress選單設定

你只要新增了選單,他就會出現在這裡,你便可以直接用拖曳的方式,決定他們的順序。

個別調整

WordPress選單設定

點擊右方的三角,每個選單都可以再細項調整,最常見的就是改變選單項目的名稱;如果你還想調整更多要怎麼辦呢?

WordPress選單設定
到畫面右上角點擊:顯示項目設定

如何讓WordPress選單點選時是開新視窗?

WordPress選單設定
勾選連結目標開啟方式
WordPress選單設定
你就會發現多出這個選項可以勾選囉!

WordPress選單的外觀如何設定?

這個我很難教你,因為每個佈景主題的變更方式都不一樣,如果你使用Elementor的話,又完全是另一個世界,這也是為什麼WordPress有點難教學的原因,因為每個人都太客製化了,除非你完全都跟我用一樣的主題、外掛、頁面編輯器,不然大家的設定可能都不同。

但為了表示誠意,我還是給你一些指引,大多數主題來講,要更改WordPress選單外觀,通常位置會在「外觀->自訂」,接著可能會是在Header或是Navigation之類的地方,裡頭通常就能更改字體大小、間距、顏色等等。

大多數的佈景主題都可以做這些調整,但如果你的找不到,很有可能就是你的佈景主題太Low了。

結語

覺得用文字有夠難教學耶…希望你們還看得懂,之後可能會加錄個影片吧,如果真的看不懂,歡迎留言詢問,我會盡力幫你解答的。

就這樣囉,如果有興趣,歡迎使用早安傑森期間限定的「免費架站服務

討人厭的WordPress

加入早安傑森的訂閱

如果 部落格經營|寫作|不離職創業 是你感興趣的內容,可以加入我的電子報,我會定期寄送很棒的內容給你(加入還會送個小禮物)
— 追蹤早安傑森 —

留言