前言
WordPress網站的主選單,是整個網站架構建立的第一步,為了方便一開始有基本選單可以瀏覽,我們就先建立幾個空選項來練習,這些空選項在後面章節都會以實際頁面或網址來取代之,也可以做增、刪。
例如我預計建立以下選項在主選單中出現 :
首頁 | 新手裝修 | 風格靈感 | 軟裝配飾 | 好物推薦 | 我的賣場 | 與我聯絡
以上這7個選項,目前只有連往「首頁」、「我的賣場」是真實存在的網頁,剩下都暫時用「空連結」來呈現,目的是為了先讓「主選單」中有選項可以預覽,後面章節我們再把這些空連結重新以真實的頁面或分類連結來呈現。
建立主選單名稱
如下圖,在「外觀/選單」中,先建一個叫「選單01」的選單,以後可以視情況建立不同的選單名稱以便直接切換套用。

選單的名稱先建好後,下面我們先統一都以「自訂連結」來當作主選單中的每一個選項。
如何建立「自訂連結」選項?
自訂連結用法 :
輸入什麼 | 效果 |
---|---|
輸入「/」 | 代表是根目錄,點擊後會連往首頁。 |
輸入「#」 | 代表是空連結,點擊後沒反應。 |
輸入任意網址 | 代表是有效的連結,可以連往所指定的網址。 |
(1)建立選項:首頁
為何要建立這個選項?因我要讓訪客可以輕易回到首頁。
在「自訂連結」中的網址與連結文字,分別如下圖所示來輸入。
網址 : 輸入「/」,就代表是根目錄,是回到首頁的意思。
連結文字 : 目前取名為「首頁」,也可以用別的名稱,例如「回首頁」、「Home」。

(2)建立選項:新手裝修
為何要建立這個選項?因為我想建立一個專門歸納「新手裝修」的文章分類。
由於新網站仍沒有真正有「新手裝修」這一頁的網址,故先暫時用「空連結」來表示。
在「自訂連結」中,網址與連結文字,分別如下圖所示來輸入。
「空連結」(用”#”來表示)→在前台時點下去不會有反應。

(3)建立選項:風格靈感
為何要建立這個選項?因為我想建立一個專門歸納「風格靈感」的文章分類。
由於新網站仍沒有真正有「風格靈感」這一頁的網址,故先暫時「空連結」來表示。

(4)建立選項:軟裝配飾
為何要建立這個選項?因為我想建立一個專門歸納「軟裝配飾」的文章分類。
由於新網站仍沒有真正有「軟裝配飾」這一頁的網址,故先暫時「空連結」來表示。

(5)建立選項:好物推薦
為何要建立這個選項?因為我想建立一個專門歸納「好物推薦」的文章分類。
由於新網站仍沒有真正有「好物推薦」這一頁的網址,故先暫時「空連結」來表示。

(6)建立選項:我的賣場
為何要建立這個選項?因為我想建立一個連往我個人在蝦皮賣場的連結。
這裡的「我的賣場」是真正有網址存在的,所以就輸入自己的蝦皮賣場的連結。

另外,因我的賣場是會連往外部的網頁,所以我們會比較希望用「另開分頁」的方式來打開此連結,所以你可以參考下方設定來達到另開分頁的需求。

▼「我的賣場」選項右邊有個小箭頭,可點開做編輯。

(7)建立選項:與我聯絡
為何要建立這個選項?因為我想建立一個獨立頁面來放上聯絡表單與我的聯繫方式。
由於新網站仍沒有真正有「聯絡我」這一頁的網址,故先暫時「空連結」來表示。
「空連結」(用”#”來表示)→在前台時點下去不會有反應。
在「自訂連結」中,網址與連結文字,分別如下圖所示來輸入。

完成後預覽
進入首頁網址,就可以看到我們的主選單已經出現了。


你可把每個選項都點看看,是否有發生什麼變化?
總結
以上就完成了初期的選單建立,
再來下一篇,我們就繼續建立文章區與頁面區的暫時性的虛擬內容。