[2020] wordpress教學:給新手的入門指南


給初學者的wordpress教學到底要怎麼寫?寫這篇文章的我跟想架站的你一樣苦惱!我知道對很多人來說,架設網站/部落格是遙不可及的一件事情,可能有些人會覺得自己跟電腦不太熟,一開始就有很深的恐懼,但是沒關係不用怕,這篇文章就是要讓你能夠成功架設屬於你自己的個人網站!不管你有沒有打算認真經營,架好拿去給你朋友看整個就是帥啦!

如果關於文章內容你有任何不明白,歡迎留言給我,你的問題可能也可以幫助到其它人!

WordPress是什麼?

WordPress 是一個開源軟體,可以用來製作部落格、網站或應用程式,因為 WordPress 的後台管理系統非常強大,所以他也是內容管理系統(CMS)的常見選擇之一。

全世界有3分之1的網站都是使用 WordPress 架設!

WordPress 分成了 WordPress.com 和 WordPress.org,通常我們所說的 WordPress 是指 WordPress.org

WordPress.com vs Wordress.org 兩個差在哪?

WordPress.com 是由 Wordpress 共同創辦人 Matt Mullenweg 建立的託管服務,和 WordPress.org 最大的差異在於一個是 .com 是服務,.org 是軟體。

WordPress.com 的優點

有免費方案(雖然很多限制)

  • 不需自己去租用虛擬主機
  • 不需自行管理更新和備份

WordPress.com 的缺點

如果沒有使用商業方案的話,會有一些很明顯的缺點像是:

  • 不能自由安裝 Plugin (外掛)
  • 不能自由安裝佈景主題
  • 會顯示官方的廣告
  • 不能放自己的廣告
  • 不能放 Google analytics
  • 不能放 SEO 工具

你可能想說那用商業版方案就好了,但是…

商業版方案一個月是799元,一年是 9588 元,一年的費用足以租用一個足夠好的主機,還有閒錢買一些佈景主題或外掛了。

WordPress.org 優點

完全自由掌控,所以你可以:

  • 自由安裝 plugin,很多強大且免費的 plugin 可以使用
  • 自由安裝佈景主題,任何你想要的佈景主題都可以安裝,也可以購買付費的佈景主題來安裝
  • 可以放自己的廣告,透過廣告來賺錢
  • 可以輕鬆做 SEO,來增加你的網站排名
  • 可以使用 ga 追蹤使用者行為
  • 可以架設購物網站或會員網站

Wordperss.org 缺點

因為你擁有全部的自由,所以也意味著你必須要自行管理你的網站。

  • 要自行備份網站(但是很多主機商有自動備份功能,自行備份難度也不高
  • 要花錢租用虛擬主機 
  • 要自行安裝 WordPress 到你的主機(通常是一鍵完成)
  • 要自行更新你的外掛

如果只是要寫寫部落格抒發心情的話,可以選擇 wordpress.com 的免費方案就可以,因為你可能也不是很在意網域名稱。

但是如果要做一個可以幫你賺錢的部落格/網站的話你沒有道理不選擇 WordPress.org ,以自行架設的方式來進行。

用 WordPress 架網站需要準備什麼?

用 WordPress 架網站你會有一些必要花費,大致上會有以下三種費用:

購買一個網域

網域名稱是什麼?我們先不用想得太過複雜,簡單一句話就是,你想要你的網址長什麼樣子?

購買網域可以到 GoDaddy、Namecheap 或是 Gandi 來購買你的網域名稱,有些虛擬主機空間會送你一年免費的網域,但是這種贈送的方式在隔年要收費時價格都會比較高一點。

我的建議是使用 Namecheap!教學示範也會以 Namecheap為主,為什麼不用主機空間送的網域呢?主要原因有兩個:

  1. 續約價高,後續使用不划算
  2. 搬家的時候很麻煩,如果有一天你想換到別的虛擬主機上會多一些繁瑣的步驟

假如你租用的虛擬主機廠商他們有送網域的話,建議把這個網域拿來當作測試練習來使用,一年到了就不要續。

租用虛擬主機空間

提供虛擬主機空間的廠商有很多,我有挑選了一些讓你做選擇,可以參考[2020] 11個最佳虛擬主機推薦。每個人的考量不盡相同,所以沒有一定要選擇哪一家!

以跟客服溝通的經驗來說,我有跟 CloudwaysSiteground 的客服聯繫過,兩家的回覆水準都非常高,如果你的網站有問題的時候都可以直接詢問他們,不用擔心英文不好,他們的判斷能力都蠻強的,會給出很精確的回覆。

購買外掛或佈景主題(非必要)

外掛和佈景主題有很多都是免費的,但是我建議有打算認真經營的新手購買一個優質的佈景主題!

佈景主題

WordPress 的整體外觀風格是由佈景主題來決定的,佈景主題有提供你一些做好的頁面,在排版和設計上都已經處理好了。

而佈景主題成千上萬,購買一個優質的佈景主題才能確保你的網站提供給使用者優良的使用體驗,因為這些知名的佈景主題廠商的程式是經過嚴格檢視的,並且也持續有在更新。

除了付費購買,這些知名的佈景主題廠商通常也會有提供免費的版本,但是限制會比較多一些,如果你沒有打算跟他們購買的話至少要使用他們提供的免費版本會比較好一些。

這些是比較知名也很多人使用的優質佈景主題:

  • Astra Pro 
  • Divi
  • OceanWP
  • StudioPress
  • GeneratePress
  • Thrivetheme
  • Avada

外掛 

外掛有沒有什麼必買的呢?其實很多免費外掛就已經非常夠用了,會建議需要購買的是 page builder 或是 theme builder 這種類型的外掛,這種外掛可以讓你的頁面有更靈活的調整空間。

  • Elementor
  • Divi
  • Thrivetheme
  • Beaver

開始架設你的 WordPress 網站

本篇wordpress教學目標

  • 了解基本網路常識
  • 了解 wordpress 基本觀念
  • 架設出 wordpress 網站

如果你的網域名稱和虛擬主機都購買好了的話,就可以開始架設網站啦!

在開始之前呢,想跟你介紹一下兩個名詞:

DNS

 相信你應該有聽過 ip 吧!

你的主機會有一個獨一無二的 ip,如果你在網址輸入 ip 就會連到你的主機,但是 ip 對於人類來說很難記憶,又沒有任何語意上的意義存在,所以才會需要網域名稱。

用網域名稱來取代記憶 ip 會容易很多,而DNS 就是用來將你的網域名稱和 ip 位置對照在一起的服務。

CDN

CDN 是什麼呢?

假設你的主機位置在美國,每個要連到你網站的使用者,會連去你的美國主機才能得到網站內容,會花費較長的時間,也會不斷的消耗你的主機資源。

透過 CDN 可以將你網站上一些資料暫存起來(快取)分散在全世界各個位置,當使用者需要連去你的網站時就不需要直接連到你的美國主機,而是可以連去那些已經有你網站暫存資料的位置,所以不但可以提升連線速度還可以減少你主機的負擔

最有名的 CDN 就是 Cloudflare, Cloudflare 除了做為 CDN 使用之外,他也可以當作是你的 DNS,最棒的是連安全性問題都幫你處理掉了保護你不被有心人士攻擊

因此,沒有道理不使用 Cloudflare,先去 Cloudflare 註冊一個帳號吧,選擇免費的方案就可以!


接下來我們就可以開始開主機架站了!教學的部分我以 Cloudways 為主(未來也有機會再新增),這家廠商可以免費(免綁卡)試玩 3 天,3 天後看你的需求重新選擇主機或繼續付款使用都可以。

延伸閱讀: [2020] 11 個最佳虛擬主機推薦

另外 Cloudways 雖然品質很好,但同時也比較多東西要設定,如果你可以成功架設好,那其它家的都不用怕了!

Step1. Cloudways 註冊帳號

 (2:35 秒開始)

這個部分要注意的是進行身份的驗證,不然是沒有辦法開主機的!註冊的時候如果是個人的網站和 Blogger 選擇 Blogger 就可以了。(不是很重要隨便選也可以)

Step2. Cloudways 開啟一台主機

 (4:33 秒開始)

  • Application 選擇 wordpress 
  • Project 的名稱可以照你喜歡的名稱來做設定,那Project 是什麼呢?簡單來說可以想成是一個資料夾的概念,一個 Project 裡面可以有很多個 App,一個 App 可以想成是一個網站。
  • Managed App 的名稱照你喜歡的名稱來做設定(方便自己辨識用)
  • Managed Server 的名稱照你喜歡的名稱來做設定(方便自己辨識用)

這邊選擇的廠商是 Vultr (影片中的 Managed Server 忘記改寫成 linode), Vultr 有 Tokyo 的機房可以選(Linode 通常也有),離我們越近的國家網路速度會越快

網站的速度越快使用者才會願意繼續瀏覽你的網站,也會影響到在 Google 的排名!一開始網站剛起步只要先選 1GB 就可以了未來有需要可以再進行調整。

Step3. Cloudflare 設定 DNS

 (9:51 秒開始)

先註冊好 Cloudflare 帳號,就可以選用免費方案來管理你的網域啦! 主要有幾個重點:

  • A Record 填入你的主機 ip
  • CNAME 填入你購買的網域名稱

DNS 設定要生效會需要一些時間,可能最多會需要等待 48 小時,但通常是一天內就可以完成,甚至幾個小時。

Step4. 修改 Namecheap 設定

( 11:13 秒開始)

在 Namecheap 的部分我們要選擇 Custom DNS ,然候填入 Cloudflare 提供給我們的兩組 NS ,填完後別忘記打勾。

Step5. Cloudflare 完成設定 

11:50 秒開始)

Namecheap 設定好 NS 之後,就回到 Cloudflare 完成設定,並等待 Cloudflare 檢查。

Step6. Cloudways 設定 SSL 憑證

 (12:41 秒開始)

最後要加上 SSL 憑證,很多主機商都有一鍵添加憑證的功能!當然 Cloudways 也不例外,添加完之後看看你的網站有沒有問題,如果 DNS 還沒生效就再等待一段時間,整個架設過程就這樣結束了!

添加 SSL 憑證除了是增加安全性之外,這也是 Google 判斷你的網站品質的方法,會影響你在 Google 的排名,所以務必要這麼做。

延伸閱讀:【10分鐘極速架站教學】 使用cloudways架設wordpress網站 (含教學影片)

開始來玩 WordPress 

架設好主機其實你就已經完成 80% 了,最後剩下一點點的 WordPress 設定要調整而已,你的網站即將大功告成!

Step1. 基本設定

首先要登入後台,通常後台的登入畫面會是在你的網址後方加上/wp-admin,或是從主機的管理介面連過去。

如果是用 Cloudways 的話你可以從 Access Detail 找到你的後台密碼,預設帳號是你註冊時的 Email。

wordperss-setting

要設定的部分有:

  • 網站標題、網站說明,這兩個項目會影響到別人搜尋到你網站時會看到的內容
  • 調整網站介面語言方便你自己觀看,有些預設可能是 English
  • 時區調整 成 UTC+8 就是台灣的時間了

Step2. 安裝佈景主題

preinstall-theme

安裝佈景主題有兩種方式。

1. 從 wordpress 直接搜尋

2. 將佈景主題下載回來再上傳

安裝完成之後我們要記得啟用他!這樣就可以看到我們的佈景主題成功更換了,建議只保留你要啟用的佈景主題就好,如果有想用新的就把舊的給刪除,這樣就不會有太多用不到的程式碼。

佈景主題每一家的設計都會有點不同,因此你想調整一些設定的時候都會有一些差異,所以也是蠻建議一開始先選定一個佈景主題,比較不需要再重新適應。

install-theme


Step3. 安裝外掛

preinstall-plugin

安裝外掛的方式跟安裝佈景主題類似,一樣分成用搜尋跟自行上傳的方式,安裝完成後記得點選啟用!

那麼外掛程式有哪些常用的呢?

1. 頁面編輯器

這些頁面編輯器通常都有免費版的可以使用,可以比較一下你喜歡哪個,例如說是 Elementor。

頁面編輯器主要是拿來

  • 製作特定的頁面,比如說是設計出一個「關於我」的頁面
  • 增加一些豐富的元素到你的文章內容中!比如說我可能會在一些評測型的文章中使用優缺點分析的表格

2. SEO 工具

WordPress 最重要的一個部分就是文章!所以你會需要做好文章 SEO,比較知名的有 All in one seoyoast 我比較推薦的是 Rankmath! Rankmath免費,他的安裝流程很簡潔,後台介面也相當清楚,並且有一些功能是其它家付費版才有的功能!

3. 表單工具

在你的網站上可能會需要一個讓別人聯絡的管道,所以會用表單工具製作一頁聯絡我們的頁面,你可以選擇 WPforms

4. 網站優化工具

網站優化工具是必裝的外掛,你如果要讓網站速度維持在不錯的速度,就需要使用優化的外掛。

有些主機廠商有自己的加速工具,通常如果廠商有的話我會建議就使用廠商的就好了,因為他們一定針對自己的環境做到最好的優化,像是 Siteground 有 SG optimizer。

如果你選擇的廠商並沒有製作自己的優化工具,那才需要去安裝優化的外掛,可以選擇 WP Rocket 或是 WP super cache

優化的原理主要有幾個方向:

  1. 主機端使用 gzip 壓縮
  2. 網站前端程式碼最小化及合併
  3. 網站圖片最小化

其中網站前端有 CSS 和  Javascript 的檔案,使用最小化不會有問題,但是採用合併的話有機會產生一些問題,因為的把各個外掛的 javascript 檔案合併成一個,所以可以先啟用最小化就好。

而圖片通常都是影響速度最大的關鍵,因為程式碼再怎麼優化也比不上把一張圖縮小的效果來得更好,所以務必記得壓縮你的圖片,有些外掛有幫忙處理這塊,但你也可以在上傳前先自己做好。

5. 備份工具

有些主機廠商有提供每日或者是每週備份的功能,如果你的主機商並沒有這個服務,你可以自行下載外掛來幫你處理,例如說你可以選擇 updraftplus


經過以上的步驟你的網站也大致上完成了,在還沒開始新增主要的內容前,可以盡量的多玩玩多做實驗,接下來你可以先練習嘗試的是:

1. 新增一個頁面

2. 新增一篇文章

結語

不知道你對於這篇wordpress教學有沒有什麼疑問呢?

如果有任何問題都可以留言詢問,這篇文章會持續增加內容,你也可以在下方許願你還想知道哪些,比方說某一家主機廠商的安裝方式,或者是某一家佈景主題的設定方式,我會盡量找機會買回來試玩看看。

我目前使用的是 ThriveThemes 的佈景主題,他在編輯上有非常大的彈性,而且他是一家 focus 在轉換率的一家廠商。

因為本站就是要將你如何透過網路賺錢最重要的當然會是轉換率了,所以如果你使用 ThriveThemes 的話我可以比精確地回應你的問題,未來也會著重在 Thrivetheme 的教學!

那就先祝你順利架站!!

延伸閱讀:
聯盟行銷是什麼?連在睡覺的時候都可以賺錢!?
[2020] 33 個網路賺錢方法大揭密-學生也能從現在開始!

關於我

Mike Chen

在這裡和你分享網路世界的相關資訊與技能

留言
(你的 email 不會公開顯示)


{"email":"Email address invalid","url":"Website address invalid","required":"Required field missing"}