19_建立想要的頁面

索引
全文

前言

現在要來利用WordPress的後台資料區來開始建立「頁面」了,我們可以先想好要建立哪些頁面,然後再把這些頁面置入主選單中,這樣訪客就可以切換瀏覽不同頁面的介紹內容。

以簡單的形象網站而言(初學架構暫都不考慮電商功能),一開始的規劃上可以考慮建立以下的頁面:

頁面名稱 說明
首頁 能放置多樣化的資料,可呈現標語、宣傳文案、近期動態、可摘要呈現其它頁面的內容、問與答等等,發揮巧思去設計。
關於我們 公司的起源、事績、理念、團隊等等的介紹。
服務介紹 公司的服務項目、說明,必要時也可以列出基本方案價。
作品案例 呈現以往服務過的案例照片,可以用純圖片或文章方式呈現。
聯絡我們 放置公司的聯繫方式、交通資訊、留言表單。

 

實作

開始建立上述表格中提到的頁面。

1、路徑 : 頁面/全部頁面

在此可以看到有預設二篇頁面,要先保留或刪除都可以。

請點「新增頁面」。

19_建立想要的頁面-2

2、關掉全螢幕模式

19_建立想要的頁面-13

 

3、新增頁面:

輸入頁面名稱為「首頁」,右上要存草稿或點發佈,都可,不過稍候我們會把此頁面加入主選單中,所以此處須先點「發佈」(按2次)讓頁面先上線,這樣才能置入在主選單中。

19_建立想要的頁面-14

19_建立想要的頁面-15

3、修改此頁網址(slug)

由於頁面名稱剛剛是用中文「首頁」來當名稱,故頁面的「網址」後面的呈現預設就是以頁面名稱為主,此時我們可以如下圖,幫網址的呈現上做點修改,以小寫英文相近的單字來重新命名一下,可以適時搭配底線或橫線,不可有空白或特殊字元

19_建立想要的頁面-16

19_建立想要的頁面-17

頁面網址的修改,在WordPress中又可稱之為修改「slug」,有時候把網址slug用有意義或關鍵字來取名,可以小小有助於SEO排名的加分,也能增加能見度 ; 再者,網址若含有中文,當此網址被分享至FB或LINE時就會出現網址亂碼,所以把網址slug的中文名稱改掉就可避免此情形。

4、反覆建立其它名稱的頁面

按照上面方式,把其它頁面也一一建立起來。

 

總結

頁面建立好後,在前台時不會像文章那樣有「文章列表」可以直接被列出來,而是必須把頁面的連結置入「頁首的選單」中,才能被看到被點擊瀏覽喔,所以接下來,下一章節我們就來重新再微調一下主選單的連結。

 

WordPress教學問答大全-2

作者

我是Facy,浸淫WordPress已十年,前後端技術愛好研究者,學習筆記已數不清寫過幾本了,經手WordPress網站200多個,授課與諮詢數量也超過200個(次)以上。
WordPress很有趣,可深可淺、也可成為你的一技之長,學習永遠不嫌晚,快加入學習行列吧!
一對一教學|企業小型內訓|網站製作|網站搬家|網站維護|網站客製|網站外包 皆可找我!

有問題嗎?歡迎於下方發問

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *

下一首

每日登入可以累積學習幣!

Line的不良影響

我個人並不很喜歡用Line,因當我一句訊息回覆後,馬上對方又一句回來,如此往返下去則半小時、一小時就過去了,我無法專心工作,除非是正式諮詢或安排會議的討論,才適合這種模式

有時候對方的問題很多很雜,一傳就是十幾封訊息,這就是訊息轟詐了,我就不知從何回起,我就會只回最後一封的訊息。

有時候對方的問題很多還加上數張截圖,因Line無法條列式呈現,我也無法增加腦力去判斷哪張圖要對應哪則訊息,所以我就會只回最後一封的訊息。

另我不喜歡私人Line被直接來電,因我常常在國道開車需要導航,有時因加班在補眠,這些都會不良干擾。

不是正式會議的討論階段,請您用Email,Email可以條列方式呈現多則問題與截圖,也可以讓我先已讀後再慢慢思考怎樣回覆,避免我自己不小心已讀不回造成對方不佳的感受。🙏 - Wiktionary, the free dictionary

哈囉,在加Line好友之前請先確認一下幾點 :

1、若您是上課的學員或讀者,請直接用Email發問或在該篇文章留言發問,盡量不要直接加Line發問,因我平常很忙,無法守在Line前與您一句一句訊息對答,若每一期 + 每個學員都加Line課後詢問,我短時間內回不完這麼多訊息也會回得很慢喔 ,請見諒。(用Email發問,我會仔細條列說明,你會得到更完整的圖文回覆,甚至還會附上小影片解說。)
Email : [email protected]

2、若是網站外包詢價相關,您再加Line,因我可能需要與您語音會議或遠端連線。

3、補充說明 : Line的不良影響

以上。

目前線上有 53 個使用者: 0 個成員24 個訪客29 個檢索機器人

線上同時最多使用者人數為 145 個使用者,發生於 2026-01-0500:03

24 個訪客 正在線上

#1 – 訪客 於 2026-02-2705:01
架站勤拿手 » 19_建立想要的頁面 – 架站勤拿手 [網址]

#2 – 訪客 於 2026-02-2705:01
架站勤拿手 » 如何讓某個段固定高度,若內容過長就自動出現捲軸呢? – 架站勤拿手 [網址] [參照連結網址]

#3 – 訪客 於 2026-02-2705:00
架站勤拿手 » 20_建立主選單 – 架站勤拿手 [網址] [參照連結網址]

#4 – 訪客 於 2026-02-2705:00
架站勤拿手 » 12_登入網站後的初始化設定 – 架站勤拿手 [網址] [參照連結網址]

#5 – 訪客 於 2026-02-2705:00
架站勤拿手 » 09_在主機端安裝免費SSL憑證  – 架站勤拿手 [網址] [參照連結網址]

#6 – 訪客 於 2026-02-2705:00
架站勤拿手 » 找不到符合條件的頁面 [網址] [參照連結網址]

#7 – 訪客 於 2026-02-2704:59
架站勤拿手 » 07_網站主機申請流程(Cloudways) – 架站勤拿手 [網址] [參照連結網址]

#8 – 訪客 於 2026-02-2704:59
架站勤拿手 » 【DNS】如何手動強制網域的DNS更新不用等到24小時? – 架站勤拿手 [網址] [參照連結網址]

#9 – 訪客 於 2026-02-2704:59
架站勤拿手 » 如何在Cloudways主機中同時建立與管理多個網站? – 架站勤拿手 [網址] [參照連結網址]

#10 – 訪客 於 2026-02-2704:59
架站勤拿手 » Cloudways的副本網站(staging)功能讓你大改網站時風險降至最低! – 架站勤拿手 [網址] [參照連結網址]

#11 – 訪客 於 2026-02-2704:58
post-tree – 架站勤拿手 [網址] [參照連結網址]

#12 – 訪客 於 2026-02-2704:58
架站勤拿手 » [備份還原]Cloudways主機端備份設定與還原操作 – 架站勤拿手 [網址] [參照連結網址]

#13 – 訪客 於 2026-02-2704:58
架站勤拿手 » GA4如何替單一按鈕埋設追蹤事件點擊之代碼? – 架站勤拿手 [網址] [參照連結網址]

#14 – 訪客 於 2026-02-2704:58
架站勤拿手 » [外掛]可指定要備份的資料表,例如只備份Woocommerce訂單-BackWPup – 架站勤拿手 [網址] [參照連結網址]

#15 – 訪客 於 2026-02-2704:58
架站勤拿手 » 概說(PopUp彈跳視窗) – 架站勤拿手 [網址] [參照連結網址]

#16 – 訪客 於 2026-02-2704:57
架站勤拿手 » [切版]容器水平排列時之高度不等高的解法 – 架站勤拿手 [網址] [參照連結網址]

#17 – 訪客 於 2026-02-2704:57
架站勤拿手 » 12_Elementor基本切版之整理與複習 – 架站勤拿手 [網址] [參照連結網址]

#18 – 訪客 於 2026-02-2704:57
架站勤拿手 » 如何讓woocommerce單一商品的圖庫可以左右滑動並有切換箭頭? – 架站勤拿手 [網址] [參照連結網址]

#19 – 訪客 於 2026-02-2704:57
架站勤拿手 » WordPress免費測試站台(7日)-instawp.io – 架站勤拿手 [網址] [參照連結網址]

#20 – 訪客 於 2026-02-2704:56
架站勤拿手Page Not Found – 架站勤拿手 [網址]

#21 – 訪客 於 2026-02-2704:56
架站勤拿手blog – 架站勤拿手 [網址]

#22 – 訪客 於 2026-02-2704:56
架站勤拿手 » 「GA流量統計」對部落格經營的重要性! – 架站勤拿手 [網址] [參照連結網址]

#23 – 訪客 於 2026-02-2704:56
架站勤拿手Page Not Found – 架站勤拿手 [網址]

#24 – 訪客 於 2026-02-2704:56
架站勤拿手 » 04_[實作]設計「關於我們」版型與內容 – 架站勤拿手 [網址] [參照連結網址]

29 個檢索機器人 正在線上

#1 – SemrushBot 於 2026-02-2705:00
架站勤拿手blog – 架站勤拿手 [網址]

#2 – Ahrefs 於 2026-02-2705:00
架站勤拿手3 – Page 14 of 20 – 架站勤拿手 [網址]

#3 – ClaudeBot 於 2026-02-2705:00
架站勤拿手blog – 架站勤拿手 [網址]

#4 – Ahrefs 於 2026-02-2705:00
架站勤拿手 » ALL POST – 架站勤拿手 [網址]

#5 – PetalBot 於 2026-02-2705:00
架站勤拿手blog – 架站勤拿手 [網址] [參照連結網址]

#6 – Ahrefs 於 2026-02-2705:00
架站勤拿手 » ALL POST – 架站勤拿手 [網址]

#7 – SemrushBot 於 2026-02-2705:00
架站勤拿手 » ALL POST – 架站勤拿手 [網址]

#8 – SemrushBot 於 2026-02-2705:00
架站勤拿手 » ALL POST – 架站勤拿手 [網址]

#9 – DotBot 於 2026-02-2705:00
架站勤拿手blog – 架站勤拿手 [網址]

#10 – Ahrefs 於 2026-02-2705:00
架站勤拿手blog – 架站勤拿手 [網址]

#11 – SemrushBot 於 2026-02-2705:00
架站勤拿手 » ALL POST – 架站勤拿手 [網址]

#12 – Ahrefs 於 2026-02-2705:00
架站勤拿手 » ALL POST – 架站勤拿手 [網址]

#13 – Ahrefs 於 2026-02-2704:59
架站勤拿手 » ALL POST – 架站勤拿手 [網址]

#14 – Ahrefs 於 2026-02-2704:59
架站勤拿手 » ALL POST – 架站勤拿手 [網址]

#15 – Ahrefs 於 2026-02-2704:59
架站勤拿手 » ALL POST – 架站勤拿手 [網址]

#16 – Ahrefs 於 2026-02-2704:59
架站勤拿手blog – 架站勤拿手 [網址]

#17 – SemrushBot 於 2026-02-2704:58
架站勤拿手Page Not Found – 架站勤拿手 [網址]

#18 – SemrushBot 於 2026-02-2704:58
架站勤拿手blog – 架站勤拿手 [網址]

#19 – PetalBot 於 2026-02-2704:58
架站勤拿手Page Not Found – 架站勤拿手 [網址] [參照連結網址]

#20 – Ahrefs 於 2026-02-2704:58
架站勤拿手blog – 架站勤拿手 [網址]

#21 – SemrushBot 於 2026-02-2704:58
架站勤拿手 » ALL POST – 架站勤拿手 [網址]

#22 – SemrushBot 於 2026-02-2704:57
架站勤拿手blog – 架站勤拿手 [網址]

#23 – NBot 於 2026-02-2704:57
架站勤拿手 » 網站上線後要做的事(2)-不定時更新至最新版本 – 架站勤拿手 [網址]

#24 – PetalBot 於 2026-02-2704:56
架站勤拿手 » [外掛]防止垃圾留言與機器人填表單-WP Armour – 架站勤拿手 [網址] [參照連結網址]

#25 – Ahrefs 於 2026-02-2704:56
架站勤拿手 » ALL POST – 架站勤拿手 [網址]

#26 – Ahrefs 於 2026-02-2704:56
架站勤拿手 » ALL POST – 架站勤拿手 [網址]

#27 – Ahrefs 於 2026-02-2704:56
架站勤拿手 » ALL POST – 架站勤拿手 [網址]

#28 – NBot 於 2026-02-2704:56
架站勤拿手 » 我的帳號 – 架站勤拿手 [網址]

#29 – Ahrefs 於 2026-02-2704:56
架站勤拿手 » ALL POST – 架站勤拿手 [網址]