#13 WordPress 網站建置教學：2023 最完整實戰指南

WordPress 是什麼?

在這個自媒體的時代，如果你想要經營個人品牌，那擁有一個網站絕對是「標配」，一個好看的、專業的網站，不但可以為你的品牌加分，更可以為你的事業帶更多的機會。

WordPress 是不是像是網路上說的一樣，是網路上最佳網站架設平台?

大叔在 2019 年開始學習自架網站，用過許多「那時候」的網站架設平台，例如：Wix 、Strikingly 或是電商架站平台，例如：Shopify 、EasyStore、Shopline 、WACA。

學習建置網站的目的就是為了幫炸雞店來曝光和宣傳，那時候真的花了不少時間在搞懂什麼是「網域」、「主機」、「平台」等很基本的問題。

而 WordPress 就是其中最難學習的平台，雖然它不容易上手，大叔還是推薦大家選擇 WordPress 做為你的架站平台，原因很簡單：

如果你想要選擇某個系統，然後用很久很久，和愛情一樣長長久久。你說什麼! 你不想結婚，因為男人的嘴，廁所的水。

那就請選擇 WordPress，你在網路上可以找到一些人的心得，最後他們在外面轉了一圈，還是回來使用 WordPress 來建網站，因為 WordPress 還是少數可以實現你想要的功能，而且負擔的起的價格。

你可以從簡單的網頁開始經營，未來要換主機或是擴充功能的話，都會很方便，外面很多工作室也是使用 WordPress 幫你架設網站，所以詢求協助或是轉移都相對簡單。

大叔真心推薦 WordPress 網頁設計系統，真心不騙，真心可能會被狗咬，但還是推薦給真心想用 WordPress 學習網站設計的你。

如果你在 WordPress 學習的過程中遇到問題，都可以留言給我，大叔會盡力回應你的問題。

10 個為什麼你應該學習 WordPress 架設網站的理由

WordPress 它是個自架網站軟體，它可以是你的網站管理平台、也可以是你的攝影作品集，或是你的線上教學教。更多你應該學習 WordPress 的理由，大叔說給你聽。

#1 全世界最多人使用的網站管理平台系統

如果你想學語言和世界溝通，你會選擇世界上多數人都使用的英文，而不是少數民族的語言像是「台語」；所以要學習網站設計的話，而 WordPress 就是全世界最多人使用的網站管理平台 ，它不只是個工具更是個技能，你可以為「德國人」開發網站，或是在「紐約」接案子。

#2 WordPress 架站成本低

如果你在 WordPress 官方網站可以看到「進階版」每月只需要 240 元，可以說是非常的便宜，但是真正你應該選擇的是 799 的「商用版」，因為 WordPress 強大的重點在於幾乎包羅萬象的外掛系統。

而商用版以上才可以安裝外掛和主題! 但是 799 就有點負擔了，大叔偷偷教你，去租個虛擬主機吧! 價格大概在每個月 300 -500 塊，但是除了便宜還有很多好處。

可以參考看看 Cloudways 和 Bluehost 都是台灣最推薦使用的付費主機，而且真的便宜。

🔻 WordPress 官網定價 – 進階版方案 240 元

#3 學習資源最豐富

在學習時，最怕走沒人走過的路，我們又不是要當個「教授」；但是 WordPress 的好處就是網路上的資源豐富，也可以上外國網站去找答案，不過「花錢」買外掛應該是最快。

台灣免費的學習網站有：

#4 WordPress 技能是高薪技能

第 3 個 WordPress 值得學習的理由是「這是個高薪技能」，不論你打算想要成為一名網頁設計師，或是做為你的副業，操作 WordPrress 並做出一些令人驚艷的動態網頁，都會讓你的業主及進入網站的人知道是名高手，值得更好的報酬。

🔻 104 人力銀行的接案- WordPress 網頁設計

#5 可以在家工作、遠距工作

你有想過在咖啡廳一邊喝咖啡一邊工作嗎? 成為學習 WordPress 並成為 WordPress 網頁設計師吧!

遠距工作越來越重要了，因為 2020 疫年的關係，在家工作成了一種流行，更有多工作者也同意這是一種「工作」和「生活」平衡的最佳工作方式。

很幸運的，這包括 WordPress 網頁設計師。

#6 WordPress 適合不會程式語言的新手

如果你和大叔一樣，沒學過 CSS、HTML、JS 也沒關係，反正我就是抱著有外掛就好的心態來製作我的網站，只是我還是有了解一下 CSS 和 HTML，不過就算不會也沒差。

反正外掛都幫你做好了，就看你口袋深度夠不夠了! 知道為什麼我要學 CSS 了嗎?

#7 經營自己的品牌

自媒體不是流行! 它是一種渲染力極強的媒介，網紅有幾個特色，他們說實話 ( 當然有也人說謊，但就被下架了)、敢夢想、做自己。

人們會樂意去分享他們覺得很棒的事情! 例如：「家中寵物」、「好文章、好故事」、「大叔的 ____ 塊肌?」

籍由網站讓大家了解你的人、喜歡的事或是放上一些作品，這都會為你的未來創造長時間的價值。

#8 學習 WordPress 可以為你創造被動收入

WordPress 可以是個部落格，也可以是你的工作室網站，你可以在上面放置 Google 廣告頁面，也可以在上面賣你的課程，輕鬆串接金流和物流，如此一來就可以建立起你的被動收入來源。

#9 當做你線上學習的記錄站

不少人在網站上寫文章的目的是為了「高速學習」，研究顯示，如果你想要學習一個新的技能，最好的方式之一就是「教學法」，想像自己正在台上教授課程，台下充滿的是對知識以及老師肉體的渴望眼神 ( 快住手同學們 )，而你在學習的同時，並行思考要如何授課內容給電腦前的同學。

善用 WordPress 網站學習並不是新聞，美國有個環境工程師，他服務在某家相關行業的時候，為了工作及未來職涯計畫，參加了一個冷門的國家級考試。

聽起來是個無聊的故事，但他把他的學習筆記「記錄」在網站上，方便他出差或是到各地工作的同時，可以閱讀及複習他的學習內容，一年後順利考取了證照，同年，他被資遣了! 是的他被資遣了。

心灰意冷的他，在失去工作和即將面臨房貸壓力的同時，發現他的網站每天有 2000 -3000 人次的閱讀；

經過和專家的討論，他將讀書內容整理成電子書，並在他的網站上販賣，在第 2 個月的時候，已經超過在原公司上班的薪水，畢竟這是不錯的利基市場及需求。

#10 學習 WordPress 開創無限可能

當年世界足球比賽的時候，世足官網就是用 WordPress 做的 ( 看連結 )，例如說，它可以寫文章、🔽可以分享 IG、可以當電商。功能多到，都會自我懷疑，「為什麼 WordPress 都比我受歡迎?」

▼ WordPress 最大的優點就是，你不需要會程式語言，你只需要找到合適的外掛就可以!

WordPress 網站建置前置作業：選擇主題、搜尋域名與主機

在學習 WordPress 自架網站之前，有幾項前置作業要前完成，例如說，你需要租用一台主機、購買網域，以及最重要的你要知道你的意圖，也就是為什麼你需要一個網站，以及你希望網站為你帶來什麼效果。

WordPress 主題? 如何選擇合適的 WordPress 主題

WordPress 主題是一種能夠讓你的網站外觀和風格更加個性化的程式碼。它們可以控制網站的樣式、布局、色彩和字體等方面。選擇合適的 WordPress 主題可以讓你的網站看起來更專業、更有吸引力，並且更好地表達你的品牌形象。

如何選擇合適的 WordPress 主題的幾個因素：

網路上有許多免費和付費的 WordPress 主題可供選擇。你可以在 WordPress 官方網站或其他 WordPress 主題市場上瀏覽和下載主題。在選擇主題時，建議你先評估你的需求和預算，並且閱讀其他使用者對該主題的評價和評論，以幫助你做出最佳的決策。

一開始也不用太擔心要選什麼主題，因為 WordPress 都有內建的主題，後面大叔也會推薦幾個免費以及功能強大的付費主題。

如何選擇適合的域名與主機

域名是網站的網址，例如 google.com、lashiblog.com 等。主機是托管網站的服務器，可以將網站文件儲存在主機上，然後通過網路提供網站服務。在建立 WordPress 網站之前，你需要選擇一個合適的域名和主機，以便網站能夠在網絡上運行。

在先前的文章我們討論過怎麼購買域名與主機，以及如何搬家的內容。網域就像是「地址」，有地址才能找到我們，所以怎麼樣的地址才是好地址呢?

簡單好記的就是好的地址、好的網域，網域原來是一串 IP 數字，由於不易記憶，所以才產生了「網域」這樣的服務。

世界所有的好的網域，幾乎都有著和好男人一樣的特色，像是：「簡單」、「乾淨」，還有「短」，例如說：

簡單好記，一眼就大概知道它是誰，提供什麼樣的服務，這就是好的網域的定義。所以你大概知道要怎麼選擇域名了吧。

我們再來討論一下主機的選擇，在 2022 年統計的資料上，雲端服務前 3 名分別為 AWS 32%、 Azure 22%，Google Cloud 9%，簡單來說，就是亞馬遜、微軟、Google。在 Canalys 調查中指出這 3 家公司就佔了雲服務的 63% 。

簡單說來，雲服務就是由大企業壟斷的行業，對於公司行號來說，直接使用由這 3 家公司提供的服務就是最好的選擇。

但對於個人戶或是一人公司來說，我們就要惦量惦量口袋的深度了。從基本的入門主機來看的話，非 3 大公司的服務，可能只要一半的價格，這時候我們應該怎麼選擇呢。

對於新手用戶來說，應該要考量的第 1 個重點是合理的價格，再來就是網站服務轉移的「難度」和「風險」。也就是將未來的升級或是轉移也做為「主機服務」選擇的考慮的因素之一。

大叔過去使用 Siteground 也是網路上大家評價不錯的主機服務商，後來我轉移到 Cloudways ，其一原因是速度，其二原因是 Cloudways 不用綁約，用多少算多少，這是數位經濟很重要的概念，我們仔細看看，越來越多的線上服務和商品都選擇了訂閱制。

例如說，Netflix、Google Driver 到方格子的會員內容。有點離題了，大叔的意思是說，我們正在數位轉型中，由實體經濟 → 數位經濟，過去是販賣服務，未來是販賣「時間」，我賣給你使用我的服務的時間。

所以相較之下，提供「以時計費」的服務更符合我的需求，第 3 個選擇 Cloudways 的原因是因為這家服務商可以選擇 5 家不同的主機商，包括了 AWS 和 Google ，在未來升級的時候，也可以由 Linode → AWS ，目前我是用 Linode 的 50 USD 的方案。

總之結論就是，「沒有完美的主機，我們應該隨著業務發展來調整主機服務。」

▼ Cloudways 費用

如何安裝 WordPress ?

關於安裝 WordPress 有很多選擇，建議大家一開始就是選擇帶有一鍵安裝的「 WordPress Hosting 」，例如說：Google Cloud、AWS、Cloudways。

當然你也可以自己到 https://tw.wordpress.org/ 下載，並安裝到 PHP 系統下的伺服器。當然「懶」是人類的天性，選擇 WordPress 主機可以省下更多的時間和麻煩。

▼ Cloudways

▼ Google Cloud

▼ wordpress.org

WordPress 介面簡介

WordPress 介面也蠻簡純的，但隨著你的需求和外掛，紅框內的選項會越來執多。🤣

在新增頁面、文章、照片影片都可以在這個地方執行，當然你也可以為網站搖身一變成為電商，安裝 Woocommerce 購物車 的外掛，然後只需要再串接台灣金流就可以了。

WordPress 基礎設定

在一開始使用 WordPress 的時候，你可能會對整個系統或是操作上有點不熟悉，所以我們先來學習如何調整 WordPress 的基礎設定、安裝外掛、主題、調整語言等功能。

WordPress 的基礎設定包含了一系列的選項，像是調整和控制 WordPress 網站的外觀和字型，也可以設定網站的標題、副標題、電子郵件地址等基本資訊。

基礎操作包括了新增頁面、文章以及一些常見外掛操作。這些都是我們使用 WordPress 時候，最常會使用到的功能。

#1 佈景主題 – 安裝及修改

進入後台頁面後，可以點擊「外觀 → 佈景主題」。

在佈景主題頁面中，可以看到我們現在使用的主題，也可以在上面找到「安裝佈景主題」。

在安裝佈景主題頁面，我們可以搜尋不同的主題，而且多數都是「免費」使用

將滑鼠移動到主題上，就會出現「安裝」、「預覽」。

坦白說，雖然這類的免費主題的種類和數量很多，極有可能它們提供的只是試用功能，如果你有興趣的話，可以上 Themeforest 平台，看看 2023 最受歡迎的 WordPress 主題有哪些。

#2 自訂

進入後台頁面後，可以點擊「外觀 → 自訂」。

自訂的功能選項，會依我們安裝的主題和外掛有所不同，所以如果你的選項比較多的話，不要感覺奇怪。

因為大叔走極簡風。

常見功能有：

點擊「首頁及頁尾」，就可進入網站設定頁面。

如果你的設定和大叔有差異的話，不要擔心，這是由於不同的主題產生的差異。通過網站設定，我們可以為頁首和頁尾進行一些簡單的編輯。

CSS 是 Cascading Style Sheets 的縮寫，它是一種用來描述 HTML 或 XML（包括 SVG、MathML 等）等文件的顯示方式的語言。

如果我們要在網站上修改、新增 CSS 的話，就可以使用「附加 CSS」功能。

#3 設定

網站基本設定可以由「設定」進入，例如說，我們要修改「語言」、「永久連結」、「媒體」等等。

是的，WordPress 有支援中文介面，所以請由「設定 → 一般」進入。

WordPress 雖然有中文介面，但是 WordPress 外掛和主題，很有可能只有英文版本，先讓你知道。

為了讓網站可以有效「曝光」，「阻擋搜尋引擎這個網站」請不要打勾。

在上傳圖片的時候，我們可以設定我們需要的圖片尺寸。

永久連結結構就是我們網頁的網址的結構，所以這裡設定的就是我們希望網址的樣子。一般來說，你可以這樣設定：

以此類推。

#4 安裝 WordPress 外掛

由「外掛 → 安裝外掛」，就可以進入外掛頁面。我們可以在右上角「搜尋外掛」。

然後點擊「立即安裝」→ 「啟動」，這樣就可以了。

WordPress 基礎操作

學習 WordPress 基礎操作可以讓您更加熟悉 WordPress 系統的使用，能夠更快地建立網站、管理內容，並且能夠更好地發揮 WordPress 的擴展性。此外，學習基礎操作還可以讓您更好地理解 WordPress 的運作原理，對於日後進階使用和維護也會有所幫助。

#1 新增文章

Step1. 新增文章

Step2. 編輯文章內容

進入編輯頁面後，我們可以直接輸入內容到內容區。右下角有「+」圖示，點擊後可以叫出快速編輯工具。

我們也可以點擊工具框下方的瀏覽全部，就可以看到完整的「區塊編輯工具」。

使用簡單的拖曳就可以操作新增和縮放等功能。

Step3. 新增文章精選圖片、內容摘要、分類、標籤、討論。

點擊右上角的「設定」圖示，就可以看到文章設定選單。在選單中，我們可以新增文章精選圖片、內容摘要、分類、標籤。

Step4. 發佈和修改 Slug

右上角可以找到「發佈」，發佈意謂讓文章上線。在上線之前，我們也可以通過「預覽」看看內容在網頁上呈現的樣子。

回到文章頁面，可以在文章下方找到「快速編輯」，這在我們可以快速更新標題、代稱 slug 、分類等。

#2 新增頁面

新增頁面的方法和新增文章是一樣的。只是頁面我們通常會利用「付費主題」或是「 Elementor Pro 」這類的網頁編輯器來製作。

因為目標不同，頁面我們希望的是介紹商品或是購買服務，而文章更多是教學或是推廣的內容。

WordPress 進階技巧

在我們看完 WordPress 的操作介面和一些基本的設定以及操作後，希望對於新手的朋友有幫助，再來我們將討論一些進階的問題和技巧。例如說，你覺得網站的速度有點慢或是想要改善 SEO 搜尋引擎，到如何自訂義頁首、頁尾等問題。

我們用一點篇幅的時間來為大家說明，大概 2 萬字就可以了，請大家一定要看完喔!

#1 自訂義頁首和首尾

如果你需要完全設計自己的頁首和首尾的話，就需要選擇有支援自訂義頁首和首尾的「主題」或是「網頁編輯」外掛。

例如說：

由於在教學內容有點長，如果對於自訂義頁首和首尾有興趣的話，可以參考文章：

#2 如何進行網站優化，提升速度與效能

網站優化可能是一個不錯的問題，由於影響網站速度的原因有很多，例如說：

但是我們並非專業人士，專家有專家的作法，大叔在這要提供全民都可以參考的方法：

Step1. 使用 Google Pagespeed 檢查網站

我們可以看到 Pagespeed 可以針對不同的裝置，給我們最佳的建議。

看完建議，我們可能還是不知道怎麼做。但你只要記得這件事情：

網站是由一堆「程式碼」在「主機」上運行的結果。

去除掉「網路速度」這個問題的話，我們基本上要做的就是兩件事情 – 「優化程式碼」和「選擇好主機」。

如果你使用的是 Cloudways 這類的主機商，優化就完成了一半。如果你對 Cloudways 主機的內容有興趣的話，可以參考：

Step2. 優化圖片

再來影響網站速度的常見問題，其實是用了不適合的照片尺寸和檔案格式，所以建議大家安裝圖片優化的外掛。

例如說，使用 TinyPNG – JPEG、PNG 及 WebP 圖片壓縮 這類的圖片外掛，在不減少圖片質量之下，還可以減少圖片的體積。

Step3. 安裝優化外掛

之前，我使用過 SiteGround 和 Cloudways ，這兩家都有開發自己的「優化外掛」，無論哪一家應該都有基本功能，像是：快取、圖片延遲載入、HTML、CSS 最小化/壓縮 等。

例如說，Cloudways 的 WordPress 都會安裝好「Breeze」外掛，建議你可以開啟這些功能。

Step4. 使用 CDN

CDN 指的是 Content Delivery Network，中文翻譯為內容傳送網路。它是一個由多個節點組成的分散式網絡，可以在全球範圍內傳送網站的內容，如圖片、影片、CSS、JS 等。使用 CDN 可以提高網站的速度和效能，減少網站載入時間。

例如說，使用 Cloudflare 的服務，通過分散式網絡，讓使用者可以在最近的節點來收取網站的內容，同時也可以減少網站的負擔。

▼ Cloudways 直接可以使用 Cloudflare 服務

以上是一些提高網站速度和效能的基本方法和建議，但具體措施還需要根據網站的具體情況進行調整和優化。

#3 安裝購物車化身電子商務網站

根據「經濟部統計處」報告，全球電子商務市場的規模正在不斷擴大。報告指出，電子商務已成全球趨勢，主要國家網路銷售飛躍成長：近年來隨智慧型手機普及，全球網路的使用度持續提升，消費者越來越習慣在網路上購物，帶動各國電子商務蓬勃發展，加上 2020 年受 COVID-19 衝擊，更加速全球宅經濟成長。

依據主計總處統計，我國 2020年全體企業網路銷售額達 4 兆 5,901 億元，年增 5.9 %，較 2016 年增近3成，平均年成長 6.7 %。

未來幾年，消費者將更加重視網上購物的便利性和安全性。此外，隨著人工智能、大數據和區塊鏈等技術的不斷發展，電子商務網站還可以通過應用這些技術來提高效率和客戶體驗。

總體來說，電子商務市場正處於快速發展的階段，未來幾年將會繼續呈現穩定增長的趨勢。電子商務網站需要跟上市場的步伐，不斷創新和改進，以滿足消費者的需求和期望。

如果你的網站有電子商務的需求，安裝購物車外掛 WooCommerce 就可以華麗轉身變成一個電商網站。

Step1. 安裝外掛 WooCommerce

Step2. 設定 WooCommerce

點擊「WooCommerce」→「首頁」，進入首頁頁面。

基本上你只需要依步驟操作，就可以完成 WooCommerce 設定，立即開始電商人生。

Step3. 設定金流

在台灣使用 WooCommerce 的話，一定會遇上的問題就是金流。以現行台灣法規來看，在台灣可以使用的金流就只能是台灣的第 3 方金流公司，例如說：綠界、藍新、紅陽。

綠藍紅，沒想到金流界也這麼政治。總之在台灣更多人選擇「依偱中華民國臺灣第三方支付相關法律」的服務，也就是剛剛提到的：綠界、藍新、紅陽或是 PChomePay支付連、歐付寶 等。

所以一般我們要到第三方支付的服務公司去申請和實名認證 ，並下載金流公司開發的 WooCommerce 外掛。

這樣就可以使用台灣的金流服務。

WordPress 外掛推薦

Elementro Pro

Elementor 是一個非常流行的 WordPress 網站建置外掛，它提供了直覺的拖拉式介面，讓使用者可以很容易地建立自己的網站。

Rank Math SEO

Rank Math SEO 是一個 WordPress 的 SEO 外掛，它提供了許多有用的功能，例如：關鍵字優化、XML 網站地圖、網站速度優化等。此外，它還可以幫助你分析網站的 SEO 表現，並提供有用的建議來改進你的 SEO 策略。

Crocoblock

Crocoblock 是一個 Elementor 第三方外掛用於 WordPress 網站建置的套件，它提供了許多功能豐富的元件和模板，讓使用者可以很容易地建立自己的網站。例如，它提供了動態的表格、按鈕、文章排版、產品目錄和文章列表等元件，讓使用者可以根據自己的需求自由地排版網站內容。

如果你正在建立一個 WordPress 網站，並希望有更多的選擇和更好的效能，建議你可以考慮使用 Crocoblock 套件。

Yoast SEO

搜尋引擎優化外掛，簡單操作又好用。更多內容「【WordPress Yoast SEO 設定教學】2023 中文版綠燈懶人包」。

Jatpack

這是由和 WordPress 同一家公司 Automattic 所開發出來的 WordPress 外掛，也提供網站加速、優化，功能算是非常強大，但同時十分耗能。

WooCommerce

也是 Automattic 公司開發的購物車外掛，讓你的網站搖身一變成了電子商務網站。

TinyPNG

TinyPNG 可以為網站上的 JPEG、PNG 及 WebP 圖片自動進行最佳化。而且每個月有免費 500 張的額度。

Site Kit by Google

Site Kit by Google 是一款 WordPress 外掛程式，可以讓你將你的網站連接到 Google 服務，例如 Google Analytics、Google Search Console 和 Google AdSense。它可以提供有關你的網站表現、搜尋引擎排名和廣告收入的洞察和數據，所有這些都可以在一個地方查看。這款外掛程式可以幫助你做出明智的決策，並優化你的網站以獲得更好的結果。

WordPress 主題推薦

使用 WordPress 的強大在於它的的主題及外掛非常豐富。

Astra

Astra 是大叔現在的主題，它的的優點就是小又巧! 配合 Elementor Pro 網頁編輯工具就很好用了。推薦給只想要拿 WordPress 來寫作或是簡單的 Loading Page 的朋友。

免費版就可以有非常精美的網站設計，但是免費版就是功能有限，如果沒有功能需求的朋友免費版是好選擇，但是如果你打算用網站來經營事業! 那你不應該花時間在這上面，付費主題其實也是不錯的選擇。

Avada

基本上 Avada 是個萬用型的主題，什麼叫萬用型呢? 就是它適合任何人，舉凡部落客或是電商賣家到公司的形象網站，學生要做品作集等等，Avada 都可以提供極佳的模版和功能，而且價格不貴，你只要 60 美金就可以「買斷」用一輩子喔! 這是少數 WordPress 主題這樣做，畢竟訂閱制公司賺的比較多，但 Avada 提供讓你買斷的服務。

而 Avada 的缺點就是速度慢，所以租用主機請選擇效能高的主機。

DIVI

這是最近很熱門的 「豬肉」主題，如果你喜歡呈現設計感很強的網頁的話，那一定要試試 “Divi “，直接看一下官網的展示影片吧!

WordPress 實戰指南 – 使用心得 & 總結

使用 WordPress 建立網站是入門網業創業的好選擇，就像是擁有一家 24 小時工作的實體店面，最棒的是它十分有彈性，在 WEB 1.0 的時候我們可以在網站創作、分享內容，在 WEB 2.0 的時候，我們可以在社群建立個人品牌，在 WEB 3.0 的時候，我們可以將作品上鏈，使用加密貨幣獲得收入並購買物品。

WordPress 不只是一個建站的工具，也是我連結全世界和學習新知的管道，同時讓我的工作可以不被時間和空間綁架的理想生活。

在我的 WordPress 網站上分享知識已經是我的一種生活方式，也推薦你學習 WordPress，開啟數位新生活，使用 WordPress 建立網站還有很多好處：

讀者優惠