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

WordPress 完整教學資源清單指南

架設一個 WordPress 網站需要「主機、網址、安裝WordPress、後續頁面套版設計」,雖然每一樣本站都提供了完整的詳細步驟教學,不過這些步驟有順序之分,未完成 A 前,假如看到 B 的教學,又或是同樣 A 步驟卻有多個選擇、多個教學,難免造成新手混肴。

 

因此這篇算是「本站 WordPress 自架網站引導目錄」。寫下架設一個 WordPress 網站的完整順序、步驟!以及網站架設完成後,網站的套版設計、網站速度優化等!

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

購買網站主機,架設起 WordPress 網站

第一步驟你應該要選擇一個優質的 WordPress 主機提供商,購買租用主機是需要費用的,但比起找網站公司設計網站,「自架網站的主機、網址費用只是十分划算的小小投資」!

 

主機部分列出兩個選擇:

 

網站主機選擇(擇一架設 WordPress 即可)
選擇一:Bluehost 虛擬主機

(贈送網址無需額外購買)

選擇二:Cloudways VPS 主機

(內含網址購買教學)

  • WordPress 官方推薦虛擬主機商
  • 簡單、更適合第一次架站新手
  • 主機為 WordPress 優化
  • 贈送網址直接綁定主機
  • 費用較便宜約:1500~2200
  • VPS 主機效能較強、速度快
  • 主機為 WordPress 優化
  • 每日自動備份網站
  • 網址額外購買,須設定綁定
  • 費用貴一點:4000~4500
點擊看教學文章點擊看教學文章

 

Bluehost
WordPress 官方推薦的虛擬主機商,針對 WordPress 也做了很多的優化、操作起來簡單就能建立起 WordPress 網站。且直接贈送網址、不需額外購買網址,網址設定好後直接綁定網站,省掉了綁定網址的部分,對於新手更加的友善。費用部分也比較便宜,約一年 1800~3000 (依選擇的約期長度而定),新手一開始架站推薦使用!如果後續網站有所成長,覺得效能不夠時我也有寫搬家到 Cloudways 的教學!
Cloudways
使用的是 VPS 主機、主機效能較強悍!但是架站過程會比 Bluehost 複雜一點,建議對電腦操作比較有經驗、或中手可以選擇這個。我教學文章一樣是手把手的詳細教學,只要跟著步驟做,就能完成 WordPress 網站的架設。費用部分也比較貴一點,一年約 4000~4500,加上網址費用就約為 5000。但以架設一個網站來說還是很便宜。

網域名稱:網址的購買與設定(選 Bluehost 主機的跳過此步驟)

如果你是選用 Bluehost 主機架設網站,網址已經內含在主機價格之中(網址是贈送的),Cloudways 主機也會在教學過程中教你購買與設定。如果你想直接看網址的購買、設定教學文章,本指南提供兩個教學供你選擇。

網站主機選擇(擇一架設 WordPress 即可)
選擇一:GoDaddy選擇二:Namecheap
  • 世界最大網域商
  • 繁體中文操作介面
  • 費用比較便宜
  • 英文操作介面
教學文章教學文章

 

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

在「新手教學第四課所教導的佈景主題套用」主要是針對 WordPress 內建佈景主題商城中的「免費佈景主題」套用教學,假如你的需求不高、只是想簡單寫寫文章,就可以考慮從內建商城裡找喜歡的免費版型套用即可,詳細請參考第四課教學。

而如果你是想做公司網站、或是想要有更漂亮的版面、更多強大功能。那你一定要了解一下「 WordPress 的付費主題」!

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

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

如果是單一頁面編輯器則可以搭配任何現有主題使用,自由度高。

佈景主題 + 頁面編輯器(如 Divi)則是整合在一起的整套使用,契合度較高。但相對自由較受限。

 

 

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

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

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

文章連結

 

WordPress Astra + Elementor 完整架設官網免費影音教學
課程名稱

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

不囉唆!直接看成果!請點擊到教學成果網站觀看,從全新 WordPress 網站開始,教你架設完成此成果的完整官網!​沒看過 Astra 那集的,也可以直接看本集,這集以架設其他頁面為主,Astra 部分只會挑最重點快速帶過!​

影音課程

 

簡單、直覺 Brizy,設計 WordPress 頁面好容易!
主題名稱

Brizy Pro(頁面編輯器)

用過最簡單、直覺,又充滿設計感的編輯器,非 Brizy 莫屬了!它是新型態的 WordPress 頁面編輯器,只要用拖曳的方式,就能飛快的建構網站版型,好幾次快速解決了我的網頁案件!

文章連結

 

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 建議閱讀教學

造九 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 入口!

點擊閱讀

 

上一篇MacBook Mac 內建批次檔名命名 一次修改多個檔案名稱 下一篇桌邊縫隙就能安裝的 THRONMAX 麥克風架 直播錄影設備