WordPress架站教學

【WordPress架站教學】9步驟超完整自架站指南

文章最後更新於 2022-09-20

我在2019年的時候下定決心架設部落格,至今仍然是我做過最好的決定之一,完全改變我的人生。

寫部落格是絕對可以賺錢的,只要用對方法、用對策略,它能帶給你的財富超乎你的想像。

寫部落格同時讓你有更多選擇。當部落格開始自動運轉,每個月帶給你的收入超過你的正職薪水時,你可以繼續現在的工作,或者開除老闆,當個自由的全職部落客。

這篇文章要幫你把幻想變成現實,會帶著你一步一步把部落建立起來。

但是在架設之前,我希望你先看過幾篇文章。

首先是開始寫部落格前必須知道的21件事,這篇文章可以讓你了解一下部落格的真實樣貌是不是跟你想像的一樣。把這些觀念吸收,在未來寫部落格的時候會比較順利。

還有5步驟精準挑選利基市場這篇文章一定要先閱讀。你必須知道你的利基市場是什麼,才有辦法開始架站。

最後,如果你對部落格賺錢有疑慮,對於部落格為什麼可以賺錢這件事很困惑,你可以看看10種入門到進階的部落格賺錢方式這篇文章。我解析了10個最常見的部落格賺錢方式,看看哪個方式比較適合你未來的走向。

把事前功課都做好之後,接下來我們就要開始架站!

WordPress架站教學

Step 1. 選擇網域

網域是架站三大元素之一(網域、主機、WordPress),網域就像一個家的地址,讓使用者知道如何找到你。

一般我們會把部落格名稱翻成英文當作網域。如果你還沒幫部落格取名稱,可以參考「如何幫部落格取名稱?8大步驟取一個不後悔的名字」這篇文章。

一個網域是由「二級域」以及「頂級域」組成。

「Google.com」這個網域,「Google」是二級域,也就是網站名稱。而「.com」是頂級域。

「.com」為最常見的頂級域,是Commercial(商業)的縮寫。

如果你的網域沒辦法選擇「.com」,你可以選「.co」、「.com.tw」,盡量不要選太奇怪的頂級域如「.biz」、「.xyz」,這會看起來很像詐騙網站。

取好網域名稱之後,我們就到Namecheap購買網域。

請你先註冊Namecheap的會員。

Namecheap輸入網域

接著,在搜尋框框裡面打上你想要的網域名,點選「Search」。

Namecheap確認網域

可以購買的話,就會顯示上圖的樣子。如果不能購買,代表已經有人使用,請換一個。

確認價格之後,點選「Add to cart」。

Namecheap 不需要加購

他可能會詢問你需不需要加購SSL憑證、VPN或主機,全都不需要加購。主機我們會使用Cloudways購買,他本身就有送SSL憑證。

Namecheap 打開auto renew

你要做的是確認網域購買一年,接著把AUTO-RENEW打開,這樣網域每年就會自動更新。

如果沒有打開的話,你需要每年都需要在同一時間過來更新,忘記的話網站不只不能使用,網域也很有可能被買走。

接著,點選「Confirm Order」。

Namecheap填寫資料

填寫資料。「Job Title」的部分,只要把下面勾選起來,就可以不用填寫。

Namecheap填寫資料
Namecheap填寫資料

填寫地址及電話等資訊,完成之後點選Continue。

接下來就要填寫信用卡資訊,填寫完畢之後點「Pay Now」,這樣我們的網域就購買完畢了。

Step 2. 連接Cloudflare

Cloudflare為網站多了一層保護,可以抵擋惡意攻擊,保護網站因為遭受攻擊而停止運作。

cloudflare註冊

註冊帳號。

Cloudways 輸入網域

在框框中輸入在Namecheap購買的網域,接著點擊「新增網站」。

選擇0元的免費方案。

直接點選「繼續」。

到了這一頁,可以看到第4點「新增Cloudflare的伺服器」,有兩段位址。

我們回到Namecheap的頁面,點選「Dashboard」的部分,點選右邊的「Manage」。

在「NAMESERVERS」的地方選擇「Custom DNS」。

將剛剛Cloudflare的兩個位址,分別填入Nameserver 1與 Nameserver 2 ,之後點選勾勾表示儲存。

回到Cloudflare,點擊「完成,請檢查名稱伺服器」。

等待幾個小時,Namecheap與Cloudflare就會完成連結。

Step 3. 購買主機及基本設定

接著我們來到架站三大元素的第二項——虛擬主幾。

可以把主機看成房屋空間,主機的效能越好,房子裡能放的東西就多,可以容納的流量也就越高,速度也越快。

虛擬主機的廠商有幾十家,提供的主機類別、效能、方案各不相同,我這邊推薦我現在正在使用的主機——Cloudways

Cloudways不是單一主機商,而是提供雲端主機代管服務。

單一主機商的缺點,就是一台主機可能服務數個網站,別人的網站可能會佔用到你的資源。而且如果這台主機壞掉,你的網站也會掛掉。

雲端主機代管,提供每個網站獨立資源,速度更快。Cloudways同時代管多家雲端主機,方案多元,可以依照自己的需求選擇適合的方案。

再提一個Cloudways的優點。Cloudways提供自動備份的服務(免費),這點對部落客來說非常重要。有時候WordPress更新會有些問題、被惡意軟體或駭客攻擊時,都需要備份檔案來還原網站。

我推薦部落客新手選擇「Linode每個月1GB12美元」的方案,是對新手來說最經濟實惠的方案。包含365天24小時的客服(英文)、免費SSL憑證(網站開頭的https)。

可以使用我為大家爭取的優惠碼「NOB20」,獲得前兩個月8折的優惠!

因為Cloudways有前三天免費的優惠,你必須在這三天內登入信用卡資訊,不然三天過後,Cloudways會自動刪去你的網站及帳號。

Cloudways

進入Cloudways,點選「GET STARTED FREE」。

Cloudways setting

填完姓名、電子信箱及密碼之後,有兩個題目需要選擇。

第一個是「I would best describe myself as?」,通常會選擇「Blogger」。

第二個是「My monthly hosting spending is?」,通常會選擇$0-$50。

這裡記得要填寫優惠碼「NOB20」,可以有前兩個月8折折扣。這邊忘記填之後就沒機會囉!

最後點擊「START FREE」。

Cloudways購買主機

這一頁就是購買主機的頁面。

① 填寫「網站名稱+Application」。範例為:LivaGreen Application

② 填寫「伺服器+Server」。範例為:Linode Server。Linode是我們準備要購買的主機類型,也是伺服器名稱。

③ 填寫「自己/公司名稱+Project」。範例為:Elaine Project。

④ 選擇「Linode」

⑤ 調整為 1 GB

⑥ 伺服器位置選擇「Tokyo」,或是選擇離你所在城市鄰近的城市。

最後點擊「LAUNCH NOW」。

cloudways

伺服器要等待幾分鐘才會被準備好,大概等10分鐘以內。
好了之後,我們可以先點擊左邊「Linode Server」開始做基本設定。

選擇左邊Settings & Packages,滑下來找到「PHP TIMEZONE」選擇「Taipei」。

記得要再滑到下面儲存檔案

往上滑點選「ADVANCED」。

往下滑,找到「MYSQL」的「TIMEZONE」,選擇「Taipei」。

往下滑,找到「SYSTEM」的「LOCALES」,選擇「Chinese(Taiwan)」,最後點擊「SAVE CHANGES」。

往上滑,選擇「MAINTENANCE」。

這是選擇主機維護時間,選擇流量最少的時間比較不會干擾到讀者。

我建議大家選擇星期一的凌晨四點。UTC的20:00就是台灣時間的凌晨四點。

左邊點選「Backups」,這邊是選擇備份時間。

選擇UTC 20:00,代表凌晨四點開始備份。

選擇1 Day,代表每天都會備份一次。

選擇4 Weeks,代表備份檔案會保留四週。

最後點擊「SAVE CHANGES」。

點擊右上方的「www」,選取我們的伺服器。

點擊「UPDATE MY ACCOUNT」,更新你的付款資訊。

旁邊會提醒你還有多久之內要完成付款資訊的更新。

如果沒有在時間內更新完畢,你購買的主機就會被取消。

付款資訊頁面。

輸入完信用卡資訊後,點選上方「Application」。

點選左邊「Domain Management」,把網域填寫在框框處,點擊「SAVE CHANGES」。

點選左邊「Access Details」,把框框中的IP位址複製起來。

回到Cloudflare,點選左邊「DNS」,在類型「A」的那一欄,點下編輯。

把剛剛複製的IP位址貼上,點擊「儲存」。

同樣在Cloudflare,點選類型「CNAME」那一欄的編輯。

在框框中把網域輸入進去,點擊「儲存」。

回到Cloudways,點擊框框中的網址,可以到WordPress的登錄頁面。

網址下方是登入WordPress的帳號密碼,點擊即可複製。

Step 4. 設定WordPress

登入到WordPress之後,WordPress預設的語言是中文,所以我們第一個要做的就是設定語言。

左邊選作「Settings」,然後選擇「General」。

在「Site Language」的地方選擇「繁體中文」,下面「Timezone」的地方選擇「UTC+8」。

滑到下面選擇「Save Changes」。

接下來我們要設定文章的永久連結。永久連結就是文章的網址,文章的網址如果有包含關鍵字(當然,是中文關鍵字翻譯成英文),對SEO會比較好。

有些部落客的文章的永久連結是發布日期、文章篇數、或是亂碼,這樣看起來很不專業之外,對SEO也有影響。

點選左邊「設定」→「永久連結」,選擇「文章名稱」,之後寫文章的時候就可以自訂每篇文章的永久連結了。

Step 5. 選擇主題

主題就像房子的外觀一樣,挑選適合自己利基市場的主題十分重要。

WordPress提供非常多免費主題,而付費主題的功能多元,能調整的細項也更多。

你可以多下載幾個主題套用看看。新手一開始可以使用免費主題就好,因為你可能對網站架構還不熟悉,也不知道有哪些地方想要調整。

等到未來文章寫得上手了,再升級成付費版本即可。

選擇「外觀」→「佈景主題」,接著點選「安裝佈景主題」。

Step 6. 下載外掛

從前沒有WordPress這樣的內容管理系統時,在網站上想增加什麼功能,都又另外寫程式、寫代碼。

現在不用了,WordPress同樣提供成千上萬種付費及免費外掛,外掛為網站增添豐富功能,幾乎你想要的功能就有對應的外掛可以下載。

新手安裝外掛的時候容易失心瘋,這個也想安裝、那個也想安裝。但請注意,安裝太多外掛會使網站速度變慢,造成使用者體驗不佳,對SEO會有不好的影響。

在安裝外掛的時候,仔細思考是不是真的需要這個功能。有些外掛一開以為需要,到後來根本沒有用到,這時候也要記得刪除他。

外掛的總數量盡量不要超過20個,可以參考「如何挑選外掛」。

在架設網站初期,我推薦你9個部落客必裝的免費外掛:

#1 Akismet Anti-Spam

文章的留言區有時候會出現一些垃圾留言,裡面夾著釣魚網站的網址,如果不小心點進去(或不小心害使用者點進去),網站可能會遭受攻擊。

Akismet Anti-Spam就是一個專業的垃圾留言防護外掛,可以過濾留言板上的所有留言,把垃圾留言統一放垃圾桶,方便你手動檢查。

#2 Contact Form 7

在「聯絡我」這個頁面,我會放上一個Contact Form 7製作的表單,方便使用者或廠商留言給我。

他們不需要特別到信箱寫信給我,只需要快速填上一些資訊,系統就會自動把訊息寄到我的信箱。

#3 Easy Table of Contents

這是一個好用簡單的目錄外掛,沒有太多花俏功能,適合新手使用。

會需要目錄外掛的原因,是因為很少讀者能好好地把一篇好幾千字的文章從頭到尾看完,他們通常會用瀏覽的方式尋找自己要的答案。

如果讀者沒辦法在短時間找到答案,很可能會離開你的網站,去別人的網站尋找。

目錄可以幫助他們快速找到想要的資訊,而且目錄還有錨點功能,讀者只要點擊目錄上的副標題(用H標籤判別),就可以直接跳轉到該標題的所屬位置。

#4 Elementor

Elementor是一個很棒的頁面編輯器,他可以幫助我們製作出漂亮的頁面(注意:頁面與文章不同)。像是我深入京都的首頁就是用Elementor製作的。

如果從0開始製作一個頁面對你來說有難度,也可以直接使用Elementor的模板。

#5 Fixed Widget and Sticky Elements for WordPress

這是一個可以把小工具固定在網站側邊欄的外掛。通常會把最想讓讀者看到的資訊固定,例如廣告、電子書、Facebook粉絲專頁連結等。這麼做可以大幅度提升點擊率。

#6 Insert Headers and Footers

網站需要跟Google Analytics做連結的時候,系統會告訴我們需要將Google Analytics的專屬程式碼放入網站中的頁首(Head)或頁尾(Footer)中。

但我們不熟悉WordPress的程式碼,不太可能找得到頁首(Head)或頁尾(Footer)的位置,就算找到了,下次可能還是會忘記。

而Insert Headers and Footers的方便之處就在於,他直接把頁首跟頁尾貼程式碼的地方挑出來,我們只需要把程式碼放進去就完成了。

#7 Pretty Links

Pretty Links這個外掛,可以把廠商提供的連結(又臭又長)縮短,換上帶有自己網域的網址,看起來更好看也更專業。

同時,Pretty Links也會幫忙記錄每個網址的點擊數,可以觀察哪些網址點擊數太低,針對這些網址做改善。

當原始網址有變動,但同一個網址被放在網站好幾篇文章中,我們也不需要一篇文章一篇文章更改網址(實際的狀況是根本不知道哪些文章放了哪些網址),只需要到後台做一次更改就可以。

#8 Share buttons by AddThis

AddThis是建立分享、追蹤按鈕的外掛,可以在AddThis後台看到哪些文章被分享到哪些平台上。

AddThis的按鈕可以客製化,跟你網站的主要色調一致,看起來美觀又專業。

#9 Yoast SEO

一個功能強大的SEO外掛,用紅綠燈的方式告訴我們每篇文章的可讀性分析,也方便我們填寫關鍵字、文章敘述、文章永久連結、設定基石文章等。

不過Yoast SEO目前對於繁體中文的偵測還不是那麼準確,所以就算文章亮紅燈,也不需要太過緊張。

Step 7. 購買Logo

為網站設置一個Logo吧!人對圖像的記憶比文字的記憶還要好,選擇一個簡單大方的Logo,讓讀者輕鬆地把你記住。

如果你本身會畫畫,那就不必花錢購買,自己畫一個適合利基市場的就好。

但如果你跟我一樣對畫畫毫無天份,還是可以用便宜的價格買到一個專業的Logo。

你可以到DesignEvo挑選Logo,可以自己替換顏色、字體與圖像的位置大小等。

最後購買時是根據你需要的圖片檔案去定價,我當時製作京都旅遊部落格的Logo時,只需要PNG檔,只需要USD 24.99就完成購買。

如果你目前手頭比較緊,也可以暫時不用買Logo,你可以看到現在這個部落格也是沒有Logo的狀態。但是我未來會買。

Step 8. 建立必要頁面

頁面與部落格文章不太一樣。部落格文章需要時常更新,頁面則是偶爾更新一次即可。

一個部落格有三個必要頁面:關於我、聯絡我、隱私權政策

 關於我(們):簡單描述自己是誰、為什麼架設這個部落格、主要想幫助誰、你想實現什麼願望等。讀者會想了解是誰在提供資訊給他們。你也可以提到你的經歷、學歷(如果對部落格有幫助)、你的職涯、部落格流量等。因為不只讀者會看,廠商也會藉由「關於我」頁面了解你。

聯絡我:提供聯繫方式,讓想聯繫你的人知道該怎麼找到你。你可以使用前面提到的Contact Form 7去製作一個聯絡表單,這樣讀者跟廠商可以簡單快速地留言,系統會直接把訊息寄到你的信箱。你也可以在這個頁面放上社群媒體的連結。在這個頁面,可以鼓勵大家留下訊息給你。

隱私權政策:這是一個放置必要法律訊息的頁面,主要為了保護人們的私人資訊。你可以搜尋「隱私權政策範本」,直接下載放在網站上就可以。或者你也可以參考我的隱私權政策頁面,把我的網站名稱改成你的就可以。

Step 9. 設定側邊欄

網站會越經營越大,側邊欄算是精選集,把你最想讓讀者看到的東西放在這裡。

現在有大約一半的人都使用手機瀏覽網頁。在手機上,側邊欄會跑到最底部,不太容易看到側邊欄的內容。

但還是有另一半的人在電腦上瀏覽網頁,所以還是要把側邊欄做得精美漂亮!

側邊欄有很多東西可以放,如果你想放的東西內建沒有,就可以去尋找相關的外掛。

我習慣在側邊欄放這幾個東西:

熱門文章:告訴讀者你網站中的熱門文章有哪些,越熱門也代表越多人喜歡這些文章。根據從眾效應,讀者也會想知道其他人都在看些什麼文章。我使用WordPress Popular Posts這個外掛去放置熱門文章。

訂閱電子報:我得誠實的說,只有真的很愛你網站的讀者才會願意訂閱電子郵件,大部分的人並不會白白給你他們的資訊,所以我蒐集電郵名單的方式還是用Lead Magnet去吸引讀者。但是為了有些人單純想訂閱,我還是會放一個訂閱電子報的欄位在側邊欄。我用的是ConvertKit來製作訂閱電子報的表單。

聯盟連結:可以在側邊欄放一些聯盟連結,但不要大放特放。聯盟連結就跟廣告一樣,放太多也會讓人感到反感。

廣告:我不太喜歡在文章中放廣告,以前架設部落格之前,瀏覽文章的時候一直看到廣告真的覺得很煩躁,我不希望帶給讀者這樣的感覺,所以我只會在側邊欄放一個廣告。

Lead Magnet:Lead Magnet可以直接稱為「磁鐵」。簡單來說,就是我送讀者一個對他們來說有價值的東西,跟他們交換電子郵件。

社群媒體連結:在我京都旅遊的部落格側邊欄,就有放Instagram和Facebook粉絲專頁的連結,提示讀者們可以追蹤。我的京都旅遊的Facebook粉絲專頁就是因為放在側邊欄,沒有特別經營但粉絲追蹤數超過3000人。

產品:如果你有自己的產品,如電子書、線上課程,你也可以把產品放在側邊欄。

相關文章
Google Analytics 4教學|部落客必備超完整GA 4教學與設定
如何寫出好文章?連新手都會的9個撰寫技巧
聯盟行銷是什麼?部落客新手也能賺15萬+的入門指南

༝༝༝༝༝༝༝༝༝༝༝༝༝༝༝༝༝༝༝༝༝༝༝༝༝༝༝༝༝༝༝༝༝༝༝༝༝༝༝༝༝༝༝༝༝༝༝༝༝༝༝༝༝༝༝༝༝༝༝༝༝༝༝༝༝༝༝༝༝༝༝༝༝༝༝༝

如果你想利用部落格賺錢,但不知道怎麼開始,

或者你正在經營一個部落格,但沒有流量、不會變現,

或是遇到各種經營部落格上的疑難雜症,

歡迎預約我的部落格諮詢服務♥♥
༝༝༝༝༝༝༝༝༝༝༝༝༝༝༝༝༝༝༝༝༝༝༝༝༝༝༝༝༝༝༝༝༝༝༝༝༝༝༝༝༝༝༝༝༝༝༝༝༝༝༝༝༝༝༝༝༝༝༝༝༝༝༝༝༝༝༝༝༝༝༝༝༝༝༝༝

   

嗨,我是潔西卡。因為我真的很懶,目標是在家工作,成為真正的數位遊民(Digital Nomad)。 我的專長是旅遊部落格的文章撰寫,這裡主要分享部落格架設經驗,也會特別著重在旅遊部落格的經營技巧,希望你在看完我的文章之後可以帶點東西回去。 未來會增加部落格諮詢、網站架設等服務。有問題也可以隨時聯繫我喔!
Posts created 31

18 thoughts on “【WordPress架站教學】9步驟超完整自架站指南

  1. Hi Jessica妳好~ 我是Cheryl 🙂

    想要請問關於網域購買的「Step 1. 選擇網域」這塊。
    有沒有 [Namecheap] 與 [GoDaddy] 之間的比較或是建議呢?
    如果使用Godaddy購買後,在Step 2會不會有操作上不合適的問題呢?

    期待得到回覆~感謝感謝 🙂

    1. Hi Cheryl,

      我兩個網站的網域,一個在Godaddy買的,一個在Namecheap買的。
      Godaddy的優點是全中文,Namecheap的優點是稍微便宜~
      主機共同使用Cloudways,沒有不適的問題
      祝你架站順利 =)

      1. 太好了!感謝Jessica如此詳細的回覆~
        此網站的內容受用無窮!超喜歡!
        謝謝你~

  2. Jessica你好,想問一下有什麼方法安裝像討論區,youtube那種篩選器,可以選最新文章,熱門文章,最高瀏覽..
    想安裝在首頁,分類及標籤頁面。
    感激不盡

    1. Hi Wayne,

      「最新文章」這個功能WordPress內建就有。你可以到小工具那裡找一下「近期文章」。
      「熱門文章」我是用這個外掛:WordPress Popular Post,你可已試試看。
      「最高瀏覽」我沒有找到類似的外掛,不過你可以從GA後台看到自己最高瀏覽的文章,用小工具中「文字」這個功能放在側邊欄。

      希望有回答到你 =)

  3. Hi
    謝謝你詳細的步驟引導,獲益良多。
    有兩個問題:
    1. Cloudways通知我 “have not enabled SMTP add on on your server. You can enable SMTP add on on your server from the platform.”
    請問我需要設定這個嗎?
    2. 我搞不清楚到底有無付款成功。在Cloudways填完信用卡資料後,我收到信用卡銀行通知只刷了台幣30元。這樣算有付款成功嗎?帳號會不會被刪?

    1. Hi Jasmin,

      1. 我沒有設定SMTP耶。如果Cloudways持續寄信給你,可能要詢問一下客服。
      2. 應該是有。你可能是一天最後幾小時購買的,因為Cloudways是每月結算,所以第一次的價格可能很低。

  4. 版主您好,

    想請問一下namecheap 與 bluehost 都有提供網域購買, 請問這2者有甚麼不一樣以及您選擇的考量是甚麼, 謝謝

  5. Hi Jessica,
    您好,請問一下,您瀏覽人數是用哪個外掛啊,我不知道到底該不該裝?有裝的必要嗎?謝謝。

    1. Hi sea,

      我沒有使用瀏覽人數的外掛喔~
      我觀察每日流量是使用Google Analytics這個工具。
      要看你安裝外掛的目的是什麼,為什麼你會想裝?

  6. 請問經營部落格購買網域是必要的嗎?
    這和值接使用google 的blogger 寫文章,有何不同?

    1. Hi Mary,

      免費平台
      – 免費
      – 易上手
      – 無法自訂網站樣式,網站外觀、功能受平台限制,無法做出差異化且專業的網站。
      – 無法累積網站權重。網站權重對網站排名是很重要的因素。通常免費平台的權重都是高的,那是因為作者們一起累積給平台的,都屬於平台的。
      – 不容易賺錢。有些平台無法放置廣告,廣告位置有限制,有些平台放置廣告還會被抽成。
      – 風險高。若平台倒了(例如無名小站),你的心血也就沒了。

      WordPress
      – 需花費(以我來說,一個網站一年約花費6000元,平均每月500元)。可以看「架設網站花費多少錢?小資女成立部落格的花費紀錄表」這篇文章。
      – 功能多,上手稍微困難
      – 網站即資產,網域屬於個人,且從架設那一刻起就開始累積網站權重,沒人搶得走。
      – 可以製作出非常有質感又專業的網站。且全世界有近4成的網站都是由WordPress製作而成。佈景主題、外掛資源豐富,幾乎你想像得到的功能全都可以找到相應資源。
      – 國外許多知名網站都是由WordPress製作的,專業大品牌也肯定WordPress。如美國白宮、迪士尼、梅賽德斯-賓士。
      – 賺錢方式多元。廣告、聯盟行銷、商業合作、產品等,在自己的網站上想怎麼賺錢都不受限制。

      如果你的長遠目標是賺錢,而且想把部落格當作收入管道之一,那我推薦WordPress。
      如果你只是想玩玩看部落格,想分享心情與生活,那使用Blogger是OK的。

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。

Begin typing your search term above and press enter to search. Press ESC to cancel.

Back To Top