用 WordPress 架設網站 看起來很難,其實後台操作比你想像中還直覺。
這篇文章,主要會環繞在 WordPress 教學 & 使用,從「網站建好之後的後台操作」出發,帶你一步步認識後台有哪些功能、該怎麼設定、又有哪些新手常問的問題。
不管你是自己架站,還是請人幫你做網站,懂一點基本的後台操作,不只可以自己更新內容,也能減少日後維護的成本。
另外,網站順利建置好後,也可以再進行 SEO 搜尋排名優化,提高網站可見度。更多 WordPress SEO 優化教學。
好囉,流程都在下面,只需照著做很快就能上手了!
準備好了嗎?我們開始吧:)
1. WordPress 網站架設教學
WordPress 是什麼?為什麼這麼多人討論他?
WordPress 是什麼?根據統計,截至 2024 年全球大約有 40% 以上的站長,使用其建置網站,遠遠高於其他架站平台,證明了它的強大優點。
備註:這邊教學的是 WordPress.org 架站+後台介面學習,跟 WordPress.com 是不同的架站系統,兩者差異可參考 這篇文章 唷!
如果還沒有個人網站怎麼辦?完整製作教學看這裡!
如果你還沒有個人網站的話,最重要的是趕快建置一個,除了能幫你做品牌曝光外,還能透過網站流量變現賺錢!
在開始製作網站之前,我們需要先申請個人網域&虛擬主機,才能擁有自己的網站。以下 3 項是網站組成的基本元素,而且缺一不可。
架設網站 3 要素 | |||
---|---|---|---|
1. 網域申請 (申請門牌) |
2. 主機租用 (租一塊地) |
3. 網頁設計 (搭建房子) |
延伸閱讀:
如果你正在困惑要租用哪家主機商,或是到哪裡申請網域等 .. 問題,可以參考這篇《Bluehost 主機教學:低成本自架 WordPress 網站(含方案介紹)》。
Bluehost 主機是對於初次架站的新手,非常經濟實惠的選擇,我在文章中會手把手帶你從 0 到 1 完成網域申請、主機租用、WordPress 網站製作,到時你就會擁有自己的品牌網站:)
Bluehost 費用多少錢?高 CP 值的最佳選擇!
Bluehost 原價入門費用是,網址 $12.99 美元 / 年(一年約 $400 台幣)和主機 $11.99美元 / 月(一年約 $4,320 台幣)。
值得開心的是,Bluehost 官方同意為我們網站讀者,提供最高可享有 3 折的主機折扣。
下表是用台幣計算,美元 / 台幣匯率用經常的 1:30 換算。
Basic 方案 | Choice Plus 方案 |
---|---|
買一年:特價約 716 元( | 買一年:特價約 1,440 元( |
買三年:費用比較高,建議買一年即可 | 買三年:費用比較高,建議買一年即可 |
備註:新手可購買 1 年的 WordPress Basic 方案,用最少預算入門:)
如果網址同樣在 Bluehost 申請, Bluehost 有提供首年網域免費和 SSL 憑證,請多加利用。
這等於說,在 Bluehost 申請個人網域和主機,最少可用不到 1,000 台幣,就能開始啟動你的網路事業,並享有完整的主機規格服務。
不管購買的是哪種主機方案,只要點擊本站 Bluehost 連結,讀者們都享有優惠價格。
2. 登入 WordPress 後台
如果你已經順利建立網站後,我們需要先進入自己的 WordPress 網站,並且登入後台,才能繼續後面的教學。
登入 WordPress 後台
這邊有 2 個重要路徑網址,分享給站長。
WordPress 網站的 2 個重要路徑網址(請把 demo.com 改成自己的網域):
- 前台:demo.com
- 後台:demo.com/wp-admin(加上 wp-admin 就是後台路徑)
只要輸入「 demo.com/wp-admin 」這串網址,就可以進入後台,輸入帳號及密碼,順利登入後台管理面板。
備註:建議站長在上手以下章節的教學後,可以使用相關外掛,修改後台登入網址,以避免機器人暴力等 .. 黑客攻擊,詳細可參考 WPS Hide Login 教學。
3. 一般設定(介面設置等)
登入你的網站後台後,我們就可以開始幫網站做一般設定,以方便後續的網頁製作啦。
網站標題、網站管理員信箱
前往設定 > 一般,調整網站標題和說明、網站管理員信箱(有關系統相關訊息,都會寄送到此)。
網站網址部分除非目的清楚,不然不建議更動,因為會影響整個網站路徑。
建議「 網站標題 」字數不要太長,不然會影響到文章標題可取名的長度,過多的字在 Google 搜尋結果,將會用省略符號顯示。
網站語言、時區、成員資格、預設使用者角色
更改網站語言、時區方便系統操作。
如果你是經營購物網站,可把「 任何人均可註冊 」打勾(不是此類型的網站,這欄位可不用勾選),預設使用者權限用預設值「 訂閱者 」即可。
- 任何人均可註冊:通常用在有開放給訪客註冊的網站,像是 購物網站、線上課程、社群網站等 ..。要開放給訪客註冊成會員就打勾,不開放就不要勾選。
- 新使用者的預設使用者角色:新會員一開始的角色權限,預設是「 訂閱者 」這是權限最低的等級(這樣就不用怕權限過大),訂閱者只能修改自己個人資料。
閱讀設定(內容摘要)
前往設定 > 閱讀,調整文章顯示方式。
因為預設是顯示全部文字,版面設計上會不太美觀,也會影響搜尋引擎判斷,將你的網站誤讀有重複內容,影響 SEO 排名。
會建議選擇「 內容摘要(顯示焦點文字) 」,更改完成記得儲存。
永久連結設定
預設是使用數字當做文章連結,這樣其實不利於網站的 SEO,容易影響網站排名,所以我們調整為「 文章名稱 」模式。可參考 永久連結設定,了解更多差別。
以上就是簡單的網站設定,調整好了會更方便網站後續經營唷。
4. 佈景主題推薦+安裝設定
WordPress 有上萬種免費、進階版的佈景主題,可直接安裝套用,減少從零製作花費的時間成本。
安裝美觀的網頁設計、網站客製化程度高的佈景主題,可讓網站功能更加強大,這裡整理了幾個評選重點,供你參考。
- 主題安裝次數高+評價推薦優良的。
- 網頁設計美觀+客製化程度高的主題。
- 主題性能好的(速度快)。
- 有持續維護、更新版本。
接下來,我將示範安裝主題最簡單的方法,幫你的網站設計添加新風格。
佈景主題安裝示範
首先,登入後台,前往外觀 > 佈景主題 > 安裝佈景主題。
接下來,會看到簡單的分類,像是精選、熱門、最新上架或是自訂選擇器。
點擊特色篩選條件,會看到更多的網站分類條件,像是用途、功能、版面配置等 .. 方法進行分類。
你可以自由挑選喜愛的主題,展現官網品牌風格。
如果你沒有方向,那新手入門可安裝 Astra 主題,它是輕量快速且多功能的優質主題,受到很多站長的喜歡。
只要在搜尋欄位輸入 Astra,點擊安裝即可。
備註:有關使用 Astra 主題,建立不同的網站類型,可參考 建立個人 Blog、形象網站製作、購物網站架設,幫助進一步掌握。
主題安裝完成之後,請點擊 啟用 才能真正套用佈景主題唷,可前往網站前台應該會有變化。
每種主題都有不同功能,通常會在側邊欄顯示該主題的功能選項,不同主題的功能位置可能不同,所以要稍微找一下。
更多優質主題挑選
WordPress 主題有上千種可選,對於新朋友可能不知道該如何挑選,這裡整理了一些評價不錯的 最佳佈景主題、最佳電商主題。
如果打算實戰演練,有時候直接購買付費主題,會更能做出先中理想的網站,像是 Soledad 部落格主題、Divi 商業形象主題、Flatsome 電商主題 等,都是很棒的選擇!
小提醒:如果是從第三方購買的主題,安裝方法會比較不同(需自行上傳),可參考 如何安裝主題 有教學。
以上就是主題安裝設定+優質主題分享:)
5. 文章管理
這章節會示範如何新增一篇文章,完成文章發佈後,就更進入狀況了。
首先,前往 全部文章 > 新增文章,開始文章編輯。
輸入文章標題,點擊左上角新增區塊,有多種功能可套用。寫文章過程中,也可點右上角 儲存草稿 按鈕,保存文章成果。
接著,可設定文章網址、文章分類、標籤、精選圖片(文章封面)、內容摘要、留言開放等,完整整個文章。
文章寫完+設定完成後,可點擊 發佈 按鈕,文章就新增成功囉。可以參考 新增 WordPress 文章 有完整教學。
想學習如何寫出符合 SEO 優化的文章?你可參考 SEO 文案教學、設計文章標題技巧 進行學習。
- 如果沒看到自訂網址選項,可先點擊 儲存草稿 就會顯示。
- 建議是用文章名稱的型式命名網址(設定 > 永久連結,進行設定),這樣有助於 SEO 排名。請參考 永久連結。
- 文章顯示方式可改成 內容摘要(設定 > 閱讀,進行設定),這樣文章列表顯示就不會有過長問題,或是用區塊編輯器的 閱讀更多 功能,都可以解決。
文章順利發佈後,如果網站是部落格類型的佈景主題(WordPress 預設就是),那將會看到剛新增的文章已經出現。
如果沒有看到文章,想把剛放進在分類的文章顯示出來,可以參考 WordPress 選單管理。
所有的文章,不論是已發佈或是草稿,都可以在「 文章 > 全部文章 」裡查詢或編輯。
6. 文章分類+選單管理
有關文章分類的新增和編輯,可前往 文章 > 分類,進行調整。
至於剛剛在文章中新增的分類,也可以在這編輯或重命名。
如果文章已經放置在某個分類中,現在需做的就是把該分類,放置在網站主選單中,這樣才能在前台網站上看到。
首先,前往外觀 > 選單,新增一個選單名稱,然後放置在 Primary Menu 主選單位置,然後點擊建立選單。
備註:不同的佈景主題可能有多個選單位置,所以需指定選單要出現的地方,通常 Primary Menu 指的是網站主選單位置(上圖)。
然後,選取剛新增的分類 > 新增至選單中,最後儲存選單。
備註:選單內容可用拖放排序位置,也可排父子層級。
回到前台網站,會發現主選單出現了剛新增的分類,點選前往也確實出現了剛新增的文章。
選單有多種類型,像是分類、頁面、文章、自訂連結等 ..,都可各別放置在網站上。
可以參考 新增 WordPress 選單,滿足不同的網頁設計需求。
7. 頁面管理
「 頁面 」通常指的是品牌官網首頁、關於我們、服務內容、聯絡我們等,有特定功能的頁面。更多 文章 vs 頁面差別。
WordPress 預設是使用區塊編輯器(Gutenberg),進行網站頁面設計,但除非你的需求很簡單,不然功能通常會不夠用。
所以,站長多半會搭配一款優質的 頁面編輯器,而熱門的 Elementor 外掛 的自然是討論度最高的一款。
下面我會先用預設的區塊編輯器,帶大家先從基礎入門,如果有興趣的話,回頭可再玩一下我上面提到的那款。
好囉,那我們就開始吧!
首先,前往 頁面 > 新增頁面,點選左上角新增區塊,編輯專屬的頁面內容(有區塊 & 版面配置,可搭配使用)。編輯過程中可點右上角 儲存草稿 按鈕,保存頁面成果。
頁面發佈前需進行頁面設定,像是頁面連結(網址代稱)、精選圖片(頁面封面)、是否開放留言 ..,都確認完成就可點擊 發佈 囉。
但這個時候呢,在前台還是看不到新增的頁面唷!原因在於,還沒把它放置前台選單中,所以把它加入一下。
前往 外觀 > 選單,把剛新增的頁面放到選單中。
這時我們來到前台,會發現選單上多了一個選項,就是剛新增的首頁頁面。
但這網址路徑似乎不太對,因為通常搜尋首頁主網域就可找到,不應該還會有後綴,像是搜尋 demo.com (改成你的網域)就會到首頁。
這代表需要做個小調整,我們下章節會教學。
8. 設定首頁
WordPress 官方佈景主題,預設入口首頁通常都是文章列表,如果我們有客製化的首頁,想更改網站首頁,要如何操作?
前往設定 > 閱讀,選取 靜態頁面,然後指定靜態首頁(剛新增的頁面),然後儲存。
這邊也能順便改一下,文章顯示方式為 內容摘要,可避免文章列表的文字顯示過長問題,還有設定文章顯示數量,最後記得儲存。
然後搜尋你的網址,就會直接出現剛設定的頁面囉。這就是把指定頁面,設定成網站首頁教學。
9. 留言管理
不同佈景主題,在前台留言板顯示方式各有所不同,但後台管理方式就大同小異。
這邊簡單教你如何更改留言設定、進行留言管理。
基本留言設定
通常網站經營,可能會遇到有心人士亂留言或是大量灌留言,所以可以簡單做個小設定。
前往設定 > 討論,留言顯示條件改為「 需由相關人員手動核准 」即可,之後每個留言都需經過你的核准。(另一個條件太嚴格不太建議選取,會影響留言數量)
如果要防範垃圾留言,可以安裝 Akismet 外掛,這是一款強大的垃圾留言過濾工具,有免費版可使用,能幫助你抵擋攻擊。更多 Akismet 完整教學。
除了網站本身安全性之外,虛擬主機品質也是重要因素,差的主機會讓網站有漏洞容易被攻擊,請參考 WordPress 優質主機,這些都是安全性極高的。
再來,搭配一個強大的 資安外掛,不只防範垃圾留言,對網站安全性也有極大的幫助。
網站留言管理
前往後台 > 留言,可進行留言回覆、刪除等管理,如果有人在網站留言,WordPress 預設也會寄信到信箱通知。
如此一來,站長們對留言管理,是不是有更進一步認識了呢:)
10. 網站小工具設定
網站除了文章顯示的主區塊之外,也有像是側邊欄、網站頁尾欄位(Footer)、網站頁首欄位(Header)等,能添加不同的小工具。
每個小工具能做額外設定,像是近期文章功能,可調整顯示數量和是否顯示日期等。詳細可參考這篇 WordPress 小工具,有非常詳細的教學:)
完成設定後,前往網站前台瀏覽,會發現側邊欄有新增功能了!
同樣你也能在網站頁首、頁尾,新增或編輯不同小工具功能:)
通常安裝不同佈景主題或網站外掛(像是 JetPack),會提供多種網站小工具可使用,都能拿來豐富網站。
11. 網站外掛推薦+安裝設定
WordPress 有成千上萬的外掛,有免費的也有付費的,可以幫助你強化網站功能,我整理了多個 推薦外掛清單,應該能有效幫助你。
通常外掛要如何選擇呢,下面列出幾點條件,預防被雷到。
- 外掛速度和性能:外掛會影響到網站速度,裝到不好的外掛,會有速度或安全性隱憂。
- 使用者評價:像是外掛購買數量、留言評分、留言內容,都是很好的參考。
- 最後更新:代表作者有持續維護,時間越近越好。
常安裝的外掛種類,像是 網站安全性、網頁速度優化、網站備份還原、頁面編輯器(視覺化編輯)、表單製作外掛、其他功能,都是常被安裝的項目。
但網站外掛不是裝的多就好,而是要裝的巧,因為太多外掛會影響網站速度,並沒有太大幫助。
會建議同種類型挑選一種使用即可,避免外掛衝突的問題,另外,只考慮安裝必要功能,或者同款外掛付費就能擁有的功能,若預算可接受,通常會建議站長直接購買使用,節省主機空間。
由此可知,安裝每款外掛前,都必須要慎重思考,規劃未來的網路空間:)
12. 外觀自訂功能(含網站 Logo)
除了一般後台的網站編輯,WordPress 也提供外觀自訂功能(可視覺化編輯)。
前往外觀 > 自訂,就可開啟自訂工具,每個佈景主題的自訂功能會有所不同,都可用它來做些網站設定。
設定網站標題、標語、Logo、網站圖示
下圖使用官方主題示範,進入外觀 > 自訂後,可以看見左手邊有多個可編輯內容,能直接編輯指定區塊。
點擊「 網站識別 」選項,上傳網站 Logo 標誌、網站圖示,和編輯網站名稱或說明,記得儲存。
這就是簡單的外觀自訂功能示範。
有許多 優質佈景主題,會提供更豐富的可編輯功能,幫助你建立高質感 Blog 網站。可參考下面的完整影片,看完後就能順利架站成功了!
如此一來,就能知道免費版 & 進階版主題差異,更多 WordPress 優質主題推薦。
所以經營一段時間的網站主,通常會購買進階主題,讓網站能更加客製化、提升網站速度、SEO 強化等 .. 多種效果。
13. 角色權限
WordPress 有五種角色權限,分別是:訂閱者、投稿者、作者、編輯、管理員,每種角色都有不同功能。
下面先介紹內建角色權限,權限能力由小到大依序列出,我們來簡單說明下:
訂閱者
功能性最低的角色,只有閱讀權限,且只能管理自己帳號的個人資料(如:暱稱、密碼、聯繫訊息等 ..),若是有開放會員註冊功能(如:電子商務網站),新增的會員都是這個權限。
投稿者
擁有「 訂閱者 」所有功能,投稿者可以新增、編輯、刪除自己的「 未發表 」文章。
但無法上傳媒體(如:圖片、影片),也不能編輯 Or 刪除「 已發表 」文章,所有要發表上線的文章,都需經過審核。
作者
擁有「 投稿者 」所有功能,可以自行新增、編輯、刪除「 自己的所有文章 」。
也可以自行上傳媒體(如:圖片、影片)。
編輯
擁有「 作者 」所有功能,是管理員之下第二大的角色,主要可以做:
- 發佈、新增、編輯、刪除「 所有使用者 」的文章,包含自己。
- 管理文章分類 & 標籤。
- 自行新增 & 編輯頁面。
- 審核訪客留言。
管理員
擁有「 編輯 」所有功能,是網站的最高權限者,所有事情都可以做,可以新增、編輯、刪除整個網站,設定此權限請務必小心,主要可以做:
- 編輯、刪除整個網站
- 管理佈景主題
- 管理外掛
- 管理其他用戶的權限(也可以刪除其他管理員)
以上就是,所有的角色介紹啦~角色權限,可別亂設定唷!
如果想自定義角色權限,可以使用 權限設定外掛 修改,也可以依照不同角色權限,設定 瀏覽頁面權限、顯示不同主選單 等多種進階玩法,等站長自行探索 。
14. 使用者新增、編輯
使用者新增、編輯功能,可讓你新增不同等級的成員,有網站管理員、作者、訂閱者等,或是更改使用者資料、密碼。
這裡會示範如何新增一個「 作者 」成員,你可參考本章節,之後依照自己需求新增。
前往 使用者 > 新增使用者,輸入相關資訊和指定權限,確認後送出。
新增使用者後,會收到一封 WordPress 寄來的登入詳細資料,你可選擇再次修改密碼(上連結),或是前往後台登入 WordPress(下連結)。
備註:如果無法順利收取信件,可洽詢虛擬主機關於 SMTP 的疑問,或使用 WP SMTP 外掛 幫助你:)
輸入帳號、密碼後,就能順利進入後台操作囉。由於剛是指定「 作者 」角色,所以可使用的權限不會很多,你可依需求調整。
我們回到原網站,前往使用者 > 全部使用者,會看到網站成員多了一位「 作者 」角色,這裡可以進行所有使用者管理。
再度提醒,網站使用者的權限指派非常重要,這攸關網站的經營管理,請務必妥善選擇。
15. Gravatar 大頭貼
如果有設定滿意的大頭貼,在回覆訪客留言時會顯示出來,可以增加好感度。
這章節會帶大家新增自己的網站大頭貼,我們開始囉!
首先前往 Gravatar ,然後登入你的 WordPress.com 帳號(如果沒有的話,可以順便註冊一組,因為大頭貼是抓 WordPress.com 帳戶裡面的圖)。
登入後,點選右上角的帳號,找到帳號設定,點擊進入。
進入帳號設定頁面後,在左側工具列可找到「 個人頭像 」項目。
接著點選上傳圖片,照著流程上傳你的大頭照,稍微調整大小後點選完成按鈕,就能進行上傳。
大頭貼就設定成功囉!接著網站就會自動抓取 Garvatar 大頭貼。
回到使用者 > 全部使用者,就會看到剛設定的大頭貼出現囉(有時候不一定馬上生效,會需要等一下)。
這樣前台回覆訪客留言時,就有個人圖片了。
16. 媒體管理
WordPress 有媒體管理功能,可直接操作所有的圖片+影片,這章節帶大家認識。
前往媒體 > 媒體庫,這裡會看到所有上傳圖片的集合,可在這新增、編輯、刪除。
這裡會建議圖片上傳前需經過壓縮,不然很耗主機容量。更多 WordPress 圖片優化流程。
建議站長可用 TinyPNG 壓縮圖片後,再上傳至媒體庫 ,它也有免費外掛版,但有壓縮張數限制,所以目前推薦站長手動操作。
再來,不建議上傳影片到 WordPress,因為影片容量通常很大,可以先把影片放置在 YouTube,再用連結方式嵌入到網頁中,都是很好的解決方法。
如果設計網頁需要大量 CC0 授權圖片&素材,可參考 商用免費圖庫整理。
常見問題
WordPress 軟體是什麼?
WordPress.org 和 WordPress.com 有什麼差別?
「 .org 」主要的優點,像是可自由 挑選 WordPress 主機、可安裝任何免費和付費主題&外掛、擁有所有網站資料(個人資產)等。
「 .com 」比較像是使用某家公司平台的服務,類似使用痞客邦、Wix、Weebly 這些 網頁製作平台,好處是它們都幫你處理好了。
但缺點是會受到很多侷限,還有不能自由安裝所有的主題&外掛,而且網站所有權並不屬於你(參考無名小站的例子)。
所以會建議使用 WordPress.org 的方式架站,可參考 org vs com 差別。
WordPress 文章和頁面,這兩者有什麼差別呢?
「 文章 」是指分享與網站主題有關的文章內容,就有點類似寫網誌、寫文章、最新消息,通常數量會比較多。
「 頁面 」通常是指網站的單一頁面,像是關於我們、服務項目、聯絡我們、隱私權政策等 .. 。
更多可參考 文章 vs 頁面差別。
WordPress 的網站外掛,會建議安裝幾個?
網站架設完成後,還需要做些什麼事呢?
架設完成後,可以近一步優化網站 SEO,提升網站在搜尋引擎的 SEO 排名。
初步的架站完成後,會建議 提交網站到 Google,加快網站被收錄的速度。
還有能 嵌入 Google Analytics(GA 追蹤碼),幫助站長更有效的分析網站流量。
聯絡犬哥網站
在網站架設+網路行銷的過程中,或許會遇到一些解決不了問題,可以在下方留言給我,我會盡力協助解答!
接下來,額外分享 2 個實用資源,可有效幫助大家解決問題。
資源一:犬哥網站(專業 WordPress 網頁設計&SEO 行銷公司)
如果你沒時間自己架站,或是遇到網站沒有流量、Google 網站排名不理想。歡迎洽詢 犬哥網站(WordPress 網頁設計&SEO 行銷公司),請專家協助你會更容易!
我們有多年網頁設計、SEO 網站排名經驗,加上上百個高質感作品、SEO 實戰案例,絕對能滿足您的需求!
資源二:WordPress 高手架站課+SEO 排名飆升課(線上課程)
如果想學習更深入的 WordPress 架站技巧,或是想透過 SEO 關鍵字提升網站流量?
可以參考犬哥近期推出的這兩門課程,課程非常的扎實,都是犬哥自己實戰出來的經驗分享,不打高空只教你做出成績!
- WordPress 高手架站課:
從網頁設計觀念、WordPress / WooCommerce 後台操作、熱門主題.外掛教學、品牌網站 / 部落格 / 電商網站,3 大類型網站建置方法等豐富內容,一次教會你。
課程內容非常的紮實(長度超過 20 小時)。如果你剛學習自架網站,這門課程可以讓你用最快的速度,就學會這項技能! - SEO 排名飆升課:
教你掌握關鍵字策略、SEO 文章撰寫、多種實戰 SEO 技巧、透視對手 SEO 策略、SEO 必備軟體教學、最新 AI SEO 應用等,大幅提升行銷能力。
帶你衝上 Google 排名第一頁,大量提升網站營收和訂單!