WordPress 架站全攻略 網站從無到有 完整教學清單指南

WordPress 新手架站教學資源攻略大全

本指南由上而下教你自己架設一個 WordPress 網站需要的「主機、網域、WordPress 頁面套版&設計」,每一樣都提供了完整的詳細步驟教學。

 

依序往下閱讀吧!第一步驟先依照預算需求選擇一個我們推薦的 WordPress 虛擬主機。接著再到套用主題的教學,選擇一個適合你的 WordPress 主題(看你想打造部落格還是官網)。

此篇文章會隨著教學的撰寫、教學影片的新上架,持續更新。
最後更新時間:2024/3/4

內容索引

為什麼你該架設 WordPress 網站?

外掛超多!SEO優良、RWD支援、全世界最多採用網站

要自架網站當然選 WordPress,教學資源豐富、易上手,功能完全不馬虎!專業工程師也常採用,因為 WordPress 網站同樣可以用程式無限制的加強各種功能!你覺得你不會程式,所以不會加強功能?錯了!你可以直接從它方便的外掛商城安裝各種免費外掛,直接加強你的網站!像是每個人都會裝的 SEO 加強外掛、快取速度外掛等⋯⋯!更有上萬種主題風格可以直接套用!

 

開始學習 WordPress 吧!我們從選主機架設開始,一步一步教你打造自己網站!自媒體時代不管你是公司企業、個人都要經營自己的網路聲量!丟出你的網站比名片更能介紹你的公司、你自己!

一切從有一個 WordPress 網站開始!選擇一個網站主機吧!

此步驟擇一主機架設即可

第一步驟你應該要選擇一個優質的 WordPress 主機提供商,購買租用主機是需要費用的,本文推薦的主機價格範圍依造等級在 1000 ~ 4000 元之間。比起找網站公司設計網站,「自架網站的主機、網址費用是對自己事業十分划算的小小投資」!

 

這邊推薦新手三款主機選擇:

教你如何架設 WordPress 網站,使用 Bluehost 虛擬主機
主機教學

Bluehost 主機架設 WordPress 教學

Bluehost 是 WordPress 官方推薦的虛擬主機商,針對 WordPress 做了很多的優化、從後台就能簡單、輕易的建立起 WordPress 網站。且直接贈送網址、不需額外購買網址,網址設定好後直接綁定網站,省掉了綁定網址的部分,對於新手更加的友善。費用部分也比較便宜,一年約 1,000~1,500 元 (依選擇的約期長度而定),但是速度部分比較常令人詬病。相較之下差不多的預算,我比較推薦下面的 A2Hosting 主機,還能免費申請域名信箱,大大提升專業度!

前往 Bluehost 教學

 

A2Host 主機架設 WordPress 手把手教學 影片 圖文
主機教學

A2Hosting 主機架設 WordPress 教學

強調速度為上的虛擬主機商 A2Hosting 主機速度是令人驚艷的!沒想到在便宜價格的虛擬主機上竟然能得到如此的速度!因此我非常推薦給新手朋友們的入門主機,雖然價格比 Bluehost 稍貴一些些,但是實測速度在這個價格區間令人滿意!同樣整合網址服務,簡單易設定對新手友善!且還能免費設定域名信箱,提升專業度。如果選擇較高速度的方案還能架設第二個、第三個 WordPress 網站!入門方案一年約 1,500 元(主要比 Bluehost 多貴了網址的費用)。

前往 A2hosting 教學

 

造九 VPS WordPress 主機服務
主機教學

造九 VPS 高速主機方案

想得到更好的速度,且不需自己動手處理主機、網址(不包含設計、套版。我們幫你架設好一個全新的 WordPress 網站,你可以配合下方其他教學自己設計!)。如果你需要下方教學的 Divi 編輯器 這個方案還可以直接免費附送給你使用!為你省下每年 $89 美元的購買費用,再配合教學手把手教你如何打造官網!

前往主機方案介紹

學會使用 WordPress 進階主題:快速套用網站設計

有了 WordPress 網站後!接著我們要為我們的網站套用上漂亮的主題,WordPress 身為最受歡迎的 CMS 系統有著非常多、數不清的主題可以供你做選擇。

 

這邊推薦幾款最收歡迎、評價最好、可朔造性高的主題,並提供教學推薦給你!

WordPress 佈景主題、頁面編輯器推薦:

所謂佈景主題是 WordPress 網站的整體風格套用、而頁面編輯器則是可以幫助你設計新頁面、新元素的工具!

 

從零開始的 Divi 教學,規劃、設計到完成!
主題名稱

2022 從頭教起的 Divi(主題 + 頁面編輯器)

想快速了解 Divi 可以先點擊觀看(90 秒 )Divi 本身就有非常漂亮的設計!稱為最美的頁面編輯器也不為過,除了「內建數百套版型可以直接套用」之外,「強大的頁面編輯器」更是能讓不會程式的新手也能設計網站!此影片為 2022 最新拍攝,從頭鉅細彌遺的教起,新手也不用怕學不會!下方另外有之前的 Divi 教學,比較精簡,老手或是看完這支影片的朋友可以接著觀看喔!

前往 Divi 教學

 

WordPress Astra Pro 影片 影音 教學
主題名稱

Astra & Astra Pro(免費版本及付費版本)

如果你只想架設 Blog 網站!非常建議可以從這篇開始看!Astra 可以提供速度快、架構良好的部落格網站!後續也可加裝如下的 Brizy 或 Elementor 等頁面編輯器!擴充成為很棒的企業網站,可謂進可攻退可守!如果只是要架設部落格的話,則只要 Astra 免費版就足夠了!可依照需求決定要不要升級到付費版本!

Astra 教學

 

WordPress Astra + Elementor 完整架設官網免費影音教學
WordPress 主題

Astra 主題 + Elementor 教你免程式完整打造官方網站!

不囉唆!直接看成果!請點擊到教學成果網站觀看,從全新 WordPress 網站開始,教你使用 Elementor 來架設完整的官方網站!​Elementor 絕對是 WordPress 最強的編輯器之一!功能強大、客製能力高,且非常受歡迎,趕快來學習怎麼使用吧!

Elementor 教學

 

超推薦 WordPress 部落格主題!細緻而強大的 Authentic 教學
主題介紹

超推 WordPress 部落格主題!細緻而強大的 Authentic 教學

Authentic,是我 2022 最新提供的部落格教學,也是我目前最佳部落格主題的解答。這套部落格主題文章排版版型變化多、支援深色模式,再加上結合了 WordPress 內建的古騰堡頁面編輯器,讓它的可玩性提升了不止一個層級。是我自己絕對會選用的付費主題!

Authentic 教學連結

Ashe Pro 部落格主題教學 繁體中文化子主題
主題介紹

絕美、漂亮的部落格主題 Ashe,非常適合部落客!

Ashe 是一款擁有絕佳設計感的部落格主題,他美觀的樣式再將個人的 instagram 融入版面設計之中!非常適合想打造個人品牌的部落客使用!且集中調整設定在同一個地方,還支援中文等貼心設計,都讓人非常好上手!並且提供免費版喔!

Ashe 教學連結

Divi 主題中文教學
主題名稱

Divi(主題 + 頁面編輯器)

Divi 本身就有非常漂亮的設計!稱為最美的頁面編輯器也不為過,除了「內建數百套版型可以直接套用」之外,「強大的頁面編輯器」更是能讓不會程式的新手也能設計網站!

Divi 教學連結

新手 WordPress 架站常見問題

不會程式也可以自己用 WordPress 架設網站嗎?

可以!只要跟著本篇文章網站主機的教學引導就能架設起 WordPress 網站,架設好網站後的重點在於後台的操作,WordPress 設計為你只需會操作後台,就能寫文章、裝外掛、套用佈景主題(套版)。

WordPress 需要學習嗎?

答案是「需要」,你需要學習後台的操作,才能發揮WordPress的強大功能!WordPress 身為世界最受歡迎的網站系統,網上非常多教學資源,包括本站也盡力提供新手入門 WordPress,甚至到進階操作!

WordPress 真的完全不用寫程式嗎?

有時候,寫幾行程式可以免去很多外掛的設定!或有些特殊功能須得寫程式才能達成。但大多重要的功能外掛程式都可以幫你做到。而 WordPress 的教學中偶爾也會要你複製貼上幾行程式碼,但只要照著做,一樣是在後台進行就可以完成!

WordPress 適用架設公司網站嗎?

非常適合!WordPress 佈景主題非常多元,各行各業都能找到適合公司的版型、架構,零售業更可以透過安裝 Woocommerce 拿來架設電商網站,而 WordPress 還有一個強大的優勢,就是 SEO 的架構很好!更容易幫助公司取得搜尋上的優勢!

WordPress 適合用來架設 Blog 嗎?

絕對適合!WordPress 最早就是專門用來架設 Blog 的 CMS 系統,但因為良好的 SEO 架構、強大的功能,乃至大家開始廣泛用它來架設公司網站、電商網站。用 WordPress 來架設部落格你會發現很多地方都貼心、又好用!說到底就是因為 WordPress 本身就是以部落格為基底,包括本站都是用 WordPress 所架設的部落格網站。

我也可以用 WordPress 接案嗎?

可以,但要經過一番學習!你不需要等到學成大師才開始實戰,而是應該從架設自己的 WordPress 網站開始,透過美化、增加自己網站的功能,你會慢慢獲得經驗,到學會熟練的使用進階主題如 Divi、Elementor 時你已經具備接案能力,接著可以看一些 WordPress 的進階書籍、課程。最棒的是你不需要一開始就決定,先從架設一個自己的網站開始吧,假如真的覺得有興趣可行!再往這方面發展,就算後來不做接案,架設網站的能力依舊是很棒的網路技能!

 

WordPress 免費新手建議教學

由於上述兩個都是針對 WordPress 優化的專門主機!架設主機的時候「會幫你安裝好 WordPress」等於架設好主機的同時,你就完成 WordPress 網站架設了。

 

架設好 WordPress 你一定要先做的 4 件事!
教學

架設好 WordPress 你一定要先做的 4 件事!

有些 WordPress 的設定是建議在一開始馬上做更改的,尤其是網址的部分一定要馬上改,否則等到文章開始被搜尋引擎收錄的時候,要再改就會有訪客找不到頁面的問題。另外還有一定要安裝的外掛和安全性的加強建議!剛架好站的新手一定要讀!

立即學習

 

 

WordPress 新手教學影片系列 封面
教學

WordPress 新手影音教學,搞懂 WordPress 的後台重要功能!(共五課)

如果你是沒使用過 WordPress 的新手,可以先看本站的 WordPress 新手教學影片,新手系列有五部教學影片,每部長度都不長!盡量簡言扼要地教導你重要的功能。

立即學習

 

其他 WordPress 建議閱讀教學

2022 優化 WordPress 網站速度:快取、合併、壓縮
教學

2022 優化 WordPress 網站速度:快取、合併、壓縮

分享造九長年經營 WordPress 網站的優化配置,全部採用免費外掛達成,無需花費額外預算即可有感加強網站載入速度!

點擊閱讀

 

自己的短連結 WordPress 外掛幫你生:Pretty Links
教學

WordPress 就能「用自己的網站製作短網址」

你都到哪裡產生短網址?你知道如果你有 WordPress 網站就能自己產生短網址了嗎?而且還是用你自己的網域,不會讓人覺得這是哪裡的奇怪網址。只要裝這款 Pretty Links 就能將任何網址轉成自己網域開頭的短網址!絕對是必裝外掛!

點擊閱讀

 

如何正確寫一篇符合 SEO 又易讀的文章?
教學

如何寫一篇符合 SEO 又易讀的文章?

教剛開始經營自媒體部落格的人,如何使用文章的標題,並推薦一款自動產生目錄的外掛,強化內容閱讀性以及 SEO 表現!

點擊閱讀

 

免外掛 GetButton 免費加入浮動 LINE 官方帳號按鈕
教學

WordPress 網站加入 LINE 浮動按鈕,免費、免程式,只要貼上

在網站右下角加入浮動的加入 LINE 功能,方便客戶詢問,輕鬆、容易,複製貼上。

點擊閱讀

 

造九 WordPress 網站被駭植入惡意軟體全記錄
教學

WordPress 被駭全記錄,後續如何加強網站安全?

紀錄本站 WordPress 被害過程⋯⋯並再後續探討如何加強 WordPress 網站安全性,尤其是安全性加強部分是使用全世界最受歡迎的 WordPress 網站都必須面對的課題!

點擊閱讀

 

WordPress SMTP 設定詳解 封面
教學

WordPress SMTP 設定圖文詳解!搞定系統發信

如果你的 WordPress 網站無法正常寄出信件,那就是你的 SMTP 並未正確設定。這篇教學會一步一步的教你如何完成 WordPress 後台的 SMTP 設定,你只需要安裝一個外掛,和有一個 Google 帳號。

點擊閱讀

 

修改設定 WordPress 網站字型 字體
教學

修改 WordPress 網頁字型好 Easy!網頁質感 UP 大提升!

WordPress 新手最容易忽略的地方就是網站字型!字型是網站質感不可或缺的一步設定,如果你不想要在 Windows 使用者電腦上顯示醜醜的新細明體,趕快照著教學設定跟本站一樣的字體吧!

點擊閱讀

 

安裝完 SSL 關掉沒有加密的入口!http 301 轉址到 https 網址
教學

安裝完 SSL 關掉沒有加密的入口!http 301 轉址到 https 網址

另外我發現很多跟著教學完成的人,裝完 SSL 後,卻沒有關閉網站的 http 入口!請跟著此教學簡單幾個步驟完成關閉!只保留 https 入口!

點擊閱讀

 

在這裡,你不會被廣告打擾,所有的學習內容都是免費的。
如果這讓你感到滿意,一杯咖啡能讓我們走得更遠。

請 Perry 喝杯咖啡
上一篇Namecheap 網址註冊購買 DNS 設定教學 網域綁定主機 下一篇中文介面網域商 GoDaddy 網址購買 DNS設定 教學