20分鐘完成,最簡單的wordpress安裝教學,一勞永逸最佳網域主機之架站組合,試試看!

想在家透過網站賺錢?寫出人生第一桶金?這篇必看!

>>>>新手網站該開啟Google AdSense嗎?google廣告收益預估分享

全球每2個網站就有1個是透過wordpress系統建置,本文3步驟教你安裝wordpress架設網站,
透過最佳組合(wordpress+cloudways主機),這輩子不用再大費周章換平台主機囉!

為什麼用wordpress架站?

wordpress是全球市佔4成以上的網站內容管理系統,
幾乎每2個網站就有1個是透過wordpress系統建置
微軟、FB、Disney也都用它當作網站首頁。

重點是就算不會寫程式碼,
也能簡單客製化、輕鬆管理自己的網站!

下圖是2022最新統計數據,灰色是前1000萬個網站中的佔比,綠色則是在CMS(內容管理系統)網站中的佔比,可看出wordpress遠遠超越我們常看到廣告的Shopify、Wix、Blogger。

wordpress全球市佔率65%,每兩個網站就有一個是wordpress
wordpress全球市佔率65%,來源:W3Techs.com, 28 January 2022

而他之所以這麼強,最厲害的就是…..

他就像一台iphone,就算你不懂程式,也可以根據自身需求下載需要的app(外掛),與你喜歡的主題(痞客邦的主題數量跟她相比是滄海一粟…),搭建出美麗又客製化的網站。

此外因為使用wordpress系統的網站夠多,因此相關學習資源也多,更換主機商也不是問題,出問題也能找工程師幫忙還原修繕,甚至請求主機商客服協助,他們就能幫你處理囉!

(「備份」很重要,本文推薦的主機商cloudways本身就有定期備份功能,不小心搞壞了最糟就是自己還原,或請客服、工程師 幫你還原而已。)

總之,進可攻,退可守,與google的搜尋引擎優化(SEO)搭配上超強大,
不需要依附方格子、痞客邦等平台,從零開始導入google流量也不是問題!

>>>>【網站賺錢】不求人google廣告收入基本功,5大技巧讓可愛的錢自動滾進來!

這個網站就是使用wordpress架設,2年來已經幫我賺了不少錢。

而wordpress網站架設到底怎麼開始呢?

雖然網路上已經有很多中文教學,能購買網域,主機的方式也相當多元,godaddy、bluehost…..都有人推薦!

然而一開始如果沒有夠詳盡的了解,沒有備份或不懂備份,或者是選錯主機,都可能會造成後續各種麻煩,就是求救也沒用的狀況。

然而網站經營是長且遠的事業,具有累積性,至少要半年一年才能看到成效,因此帶點前瞻性眼光,理解可能會發生的問題與需求,搶先一步打好地基與基礎,對於未來很有幫助喔!

以下3步驟,教你用最佳組合(wordpress系統+namecheap網域+cloudways主機)架設個人網站,每月12美金的花費,簡單省力好上手!

wordpress安裝教學,用最佳組合來架設網站,省錢省力的創作賺錢工具!
wordpress安裝教學,用最佳組合來架設網站,省錢省力的創作賺錢工具! 攝影師:Andrea Piacquadio

這兩年微貓實在聽聞太多人一開始為了便宜、後來又因為效率…等原因,最後還是搬家到cloudways的狀況,那不如一開始就使用cloudways主機。

無論是寫內容或賣東西,這輩子不用再大費周章換平台或更換主機囉!

不用擔心平台倒閉,也不用被收取廣告費或抽成分潤。
在家賺錢,就仰賴這個穩固網站組合吧~GO!

★★★

wordpress.org架站的第一步,並不是到wordpress官網註冊,
而是先購買「網域」與「能搭配wordpress的主機」最後再進入後台設定
這點跟大家的想像很不同,請特別注意。

★★★

按照以下3步驟,網址購買、主機購買、wordpress設定,
一個下午,就能完成你的個人部落格網站囉!

步驟一:網址設定教學

「網址」就是網站在網路世界的地址,不貴,但有沒有自己專屬的門牌地址差很多!

如果掛在痞客邦下面寫文,就是寄人籬下,幫人寫文,幫痞客邦帶入流量與廣告費。
一旦你想離開,你只能帶走內容,帶不走網址與google信任度。

如果有專屬網址,串接google廣告費、競爭SEO曝光、google排名都特別有幫助。

關於網域/網址購買,可以透過中華電信godaddynamecheap,都是值得信任的網域購買商,如果堅持要使用「.tw」可能就要透過中華電信或是godaddy(但我自己認為不需要堅持這件事,價格不僅會貴上許多,也沒有實質幫助。)

網址選購通常會以跟自己的個人名稱、品牌名稱、領域主題…做關聯,
有些網址太熱門被競標中就會比較貴,我會建議選擇價格合理的網址就好。

價格上最經濟實惠的是namecheap,是間歷史悠久的老牌公司,網域註冊服務很有名。

在namecheap購買網域,一年大約只要200~300元,經濟實惠,因此我自己是使用namecheap購買,以下也以namecheap進行手把手圖文教學示範。

1.註冊Namecheap

首先,進到namecheap官網,看到下圖這隻可愛的刺蝟就是他囉!

namecheap官網首頁。
圖:namecheap官網首頁。

點擊首頁右上角的「Account」,
進到下圖畫面再選擇右上角的「SIGN UP」註冊一個新帳號,
記得去信箱收取驗證信,後續步驟才會順。

namecheap註冊頁面
圖:namecheap註冊頁面

2.選購合適的網域

驗證完成後請再次登入namecheap首頁。

若預設不是下圖,那就點擊上方列表中左邊第一個「Domains」(網域),在中間空白處輸入你想要的關鍵字。

我以我的網域「dreamcatcafe」作為搜尋示範,「.com .net….」這些域名先不用填寫沒關係,相關價格等等都會一次跑出來,不用在這裡限縮想像。

輸入你想要的網域關鍵字。
圖:輸入你想要的網域關鍵字。

會跑出以下關鍵字,可以很清楚看見價格還有是否能買。

可買的才能加入「購物車」(add to cart)
因為「dreamcatcafe.com」已經被我買下,
所以會呈現一個「X」不能被購買,
但其他「dreamcatcafe.net」「dreamcatcafe.org」還是可購買狀態。

另外也會發現天價般的網域……一年「64.88美金」不知道在貴什麼。
實際上除了這些建議選項,下方還有更多選項可供參考。

namecheap挑選網域看價格。
圖:namecheap挑選網域看價格。

選定之後就點擊深灰色框框,把他加進購物車,接著點擊右下角紅色按鈕「checkout」準備結帳囉!

namecheap平台把想要的網域加入購物車。
圖:namecheap平台把想要的網域加入購物車。

【網域選擇原則】

因為這邊許多人都會被卡住,會有不少猶豫跟莫名擔憂,
所以加碼分享一下微貓的【網域名稱選擇原則】小知識。

網域發想上最好跟你的網站主題相關,也可以是個人筆名、英文名字、漢字拼音…等等,有些網域太熱門就會被炒高,也可能會被買走,所以大家可以先想好一些替代方案再開始搜尋,若是太貴就換一個,用經濟實惠的方式購入就好囉!

而域名選擇部分,「.com」「 .co 」都是很不錯的域名,可優先選擇,「.org」也有人在使用,另外有人會提問「是否使用.tw在台灣搜尋上會更有優勢呢?」

其實普遍答案都說不影響,重點還是透過優質內容來提高網站的SEO搜尋排名, 整串網址好記就好囉!

若你是寫生活感的東西,「.life」也是不錯的選擇呢!

例如白日貓咖啡館就是「dreamcatcafe.com(白日夢、貓、咖啡館)簡單明暸,也很好記。

【白日貓咖啡館】的FB、IG、部落格、podcast、email都是用同一個網域名稱,相當一致!

3.確認自動續約

以下是結帳前的明細資料,這邊要特別記得打開「自動續約」(AUTO-RENEW),還有下方的「網域隱私保護」,避免日子過著過著不小心就過期,導致辛苦經營的網域被買走。

而最後的總價格在右手邊,可以看到是「9.36美金」,確認無誤、確定你想購買的網域沒錯,就可以點擊長紅色按鈕「Confirm Order」。

網域名稱一經售出就是一年也不會退費,所以要仔細比對一下網域喔!

詳細的收費內容解說,請開啟重要的自動續約。
圖:詳細的收費內容解說,請開啟重要的自動續約。

接著會進入結帳畫面,可輸入信用卡資訊或者是paypal結帳,帳單地址、姓名請全部都填寫英文,就跟一般台灣電商購物相同。

到這邊購買就完成囉!

步驟二:wordpress安裝教學

下一步我們來購買wordpress網站的核心「線上主機」,也可以說是網站的CPU中央處理器

wordpress網站的「運轉效率」與「後續維護時間成本」,跟主機品質、主機商客服態度、回覆速度息息相關,開始時謹慎選責,未來能省下不少麻煩。

分享常見的wordpress主機商如下:

主機商費用NTD優點缺點推薦指數
Bluehost1,633/年經濟實惠共享主機
速度最慢
只能放一個網站
★★
Godaddy125/月中文介面
中文客服
續約昂貴2倍價
主機不穩定
綁約時間長
Cloudways360/月VPS主機代管商
速度快,可隨時升級
以日計費不綁約
不用再搬家
價格較高
無法開統編
★★★
wordpress主機比較表,bluehost/ godaddy/ cloudways優缺比較。

瑕不掩瑜,最推薦的還是cloudways,想想這個價格若負擔得起,那就能省下未來很多的麻煩呢!網站效率、穩定度、客服能力、備份轉移能力,都大勝其他便宜主機。

有人會說初學者可以先從「便宜共用主機」開始就好,
但微貓身邊真的已經有不少朋友先求便宜,最後發生不少問題,
被搞到一肚子氣,弄的自己很緊張才急忙搬家…….因此大家可以仔細想想看囉!

網站搬家
圖:巴黎莫內花園的花冠雞:「選對主機,未來就不用擔心搬家,升級流量也超方便喔!」

我目前使用cloudways主機,快2年都沒什麼問題,
升級主機流量也超方便!前幾個月搬遷另一個網站客服也超幫忙的,
24小時cloudways工程團隊幫你完成。

如果你下定決心要寫出一桶金 或 建構一個優質電商網站,
不如一勞永逸架好一個網站,專心寫內容吧!

因此以下以我最推薦的cloudways主機來示範「主機購買」與「wordpress安裝設定」!

1.點擊下方按鈕進行註冊,前3天免費試用。

2.點擊右上角「START FREE」免費開始註冊。

cloudways 首頁,點擊綠色框框註冊一個新的帳號,自己架站worpress教學開始,先購買主機吧!
圖:cloudways 首頁,點擊綠色框框註冊一個新的帳號,自己架站worpress教學開始,先購買主機吧!

透過第一步的連結按鈕進到首頁後,接著點選右上角或左下角的 「START FREE」 「GET STARTED FREE」。

3.填寫姓名/購買目的/填入微貓折扣碼!

接著填寫註冊資訊,從上而下是「姓名、註冊email、最能描述你的身分、主機需求、主機每月預算」,英文若有困難,就按照下圖選填,cloudways 在更新版面滿快的,若是後來有出入,建議複製貼到google翻譯找答案囉!

但基本上這裡重點是姓名跟email,其他只是問卷調查,沒什麼大影響。

最後送出前,記得點擊 「Got a Promo Code」★
填入微貓折扣碼【catcafe】(7個英文小寫字母),就能享有前3個月的9折優惠價格!
(只有這邊輸入折扣碼才有效~忘記輸入就GG,沒有地方可以重填折扣碼了)

而如果你之前有帳號但最後沒啟用,建議直接註冊一個新帳號,才有前3天免費試用(記得是這樣,若有誤再請留言更正~),填寫完畢後請點擊綠色方框「START FREE」。

cloudways註冊資料填寫
圖:cloudways註冊資料填寫,註冊目的、需求、預算,照著填寫即可。

★接著完成以下帳號驗證2步驟,才能享有3天免費試用,請一步一步來。
(網頁最下方的白色半透明框也是這個意思。)

4.開啟信箱驗證信

回到填寫註冊的信箱地址,會收到一封驗證信,點擊按鈕完成驗證!之後會跳出下個畫面。

回到註冊信箱,按下驗證紐,激活你的帳號。
圖:回到註冊信箱,按下驗證紐,激活你的帳號。

若出現上述畫面,請繼續點擊activate account.

5.cloudways網站上,填寫手機驗證帳號。

點完應該會自動登入cloudways網站,
要你輸入手機號碼,完成最後認證步驟。
輸入手機號碼,會即時收到驗證碼,限時2分鐘內填入。

6.選擇網站主機 linode&1G流量方案。

接著要採購cloudways上的主機伺服器方案!

cloudways上面有6個主機商可選擇,價格不同,流量也可客製或隨時加碼,
因此第一步就是選擇適合的主機方案,可參考我的方案選配,不夠用在隨時加購流量就好。cloudways不綁約,每日計費,不佔你便宜。

>>>>cloudways提升主機流量教學!

請按照下圖從上而下選填一切,完成abcd。

cloudways 主機採購方案建議
圖:cloudways 主機採購方案建議,供新手參考。

a.wordpress選擇目前最新版本,後面「Name…….」不重要,未來都可以再更改別擔心。

b.中間的圖示都是主機伺服器的牌子,可以選擇linode(左邊數來第2個),是許多人推薦的老牌主機伺服器,新加坡與東京都有位置,我用了一年多也沒什麼問題喔!

c.服務流量(service size)選擇1GB即可,微貓用了一年,速度都沒問題,未來有需求也可以隨時調整購買,不用擔心,若是你不放心也可以先選擇2GB,費用就會再貴一些。

>>>>網站太慢?3步驟5秒升級cloudways主機流量很簡單!

d.位置(site)建議可選擇「新加坡 Singapore」或「東京Tokyo」,離台灣比較近。

7.確認每月12美金後「LAUNCH NOW」送出。

按照步驟一調整完後,會看見最下方顯示每小時$0.0167(美金)每個月$12 (美金),這樣就沒問題囉!若價格不同,則代表流量或主機選擇應該跟我不同,可再回去檢查。

不放心的人可以再對照下圖,一一確認看看是否一模一樣。

cloudways 主機採購方案建議,最下方有目前的價格。
圖:cloudways 主機採購方案建議,最下方有目前的價格。

接著就可以點選右下角綠色的「LAUNCH NOW」送出囉!

8.等待主機建立完成。

會看到以下畫面,上排文字提醒免費試用將會開始倒數,下排則是可以看見主機建立還剩下幾分鐘,我的畫面上顯示大約剩餘7分鐘就可完成。

等待7分鐘,linode主機即將建立完成。
圖:等待7分鐘,linode主機即將建立完成。

★如果等待後卻跑出如下的畫面,可能是有bug,請重新整理就好囉!

若是出現這個圖示,可能是bug,請重新整理畫面。
圖:若是出現這個圖示,可能是bug,請重新整理畫面。
3天試用期間,也會限制只能適用一個主機服務,也是某種防呆,避免重複購買。
圖:3天試用期間,也會限制只能適用一個主機服務,也是某種防呆,避免重複購買。


3天試用期間,也會限制只能試用一個主機服務,
所以不會給你安裝多個主機的機會,不用太擔心!
有任何狀況先重新整理,或關掉頁面重新登入。

這是安裝完成的正確畫面,你會看到一個安裝完成的 server !
圖:這是安裝完成的正確畫面,你會看到一個安裝完成的 server !

到這裡表示採購安裝完成囉!接下來要調整wordpress架站儲存狀況。

首先我們要先進來主機設定畫面,記下IP,確認執行環境資料儲存環境

9.點擊綠色圖示,進主機設定畫面

第一步驟,點擊下圖的綠色圖示,就可以進來主機設定畫面,這裡就是你所購買的主機服務之設定介面囉!換句話說各種連結或是服務要升級,都是在這裡。

點擊圖上的綠色圖示,就會進來主機設定畫面。
圖:點擊圖上的綠色圖示,就會進來主機設定畫面。


進入主機畫面後,首先會看見IP說明。
請先記住IP位置,未來綁定網域時會需要這個IP,其他目前不是很重要。

進入主機畫面後,首先會看見IP說明。
圖:進入主機畫面後,首先會看見IP說明。

10.將PHP與MySQL設定到最新版

這一個步驟,嘗試將下面兩個參數設定到最新版本。

PHP=wordpress執行環境
MySQL=wordpress資料儲存環境

左邊選單選擇 setting&packages (從上數來第四個)右邊選擇packages頁面(左到右鼠來第3個),目前最新php是8.0 (當前預設是7.3);
而MySQL一次只能升一級且升級後就不能降級,當前預設是10.3版本,先不變動。

PHP 執行環境 與 MySQL 資料儲存環境設定
圖:PHP 執行環境 與 MySQL 資料儲存環境設定

確定要更改後,點擊儲存(SAVE),需要等cloudways花時間跑一下。

未來流量想要升級、設定備份時間(Backups)….等等,都是來到這個介面進行尋找與調整!

設定wordpress後台語言&基本設定

接著我們來查看Cloudways目前幫我們預設的wordpress狀態!(全新的手機已經到手了,桌布軟體都等你自行更換與安裝!)來開箱看網站囉!

11.點擊右上角的www進到「your application」

點擊畫面中右邊點點的www,進入「your application」。
圖:點擊畫面中右邊點點的www,進入「your application」。

a.參考上圖,可以從servers 進入,點擊右邊的www橘色圓點處來進入。
b.也可從上一個步驟繼續延伸,一樣點擊右上方的www橘色圓點處。

進入後會看見下圖,預設好的後台資訊。

屬於你的wordpress應用程式資訊。
圖:屬於你的wordpress應用程式資訊。

現在點擊上方紫色框,就可以看見網站目前預設的樣子。未來都可以更改,目前也不會有人搜尋到這個網址,所以不用擔心。(而且你也還沒綁上你的網域domain

★左手邊3個重要頁籤,
「網域設定、啟動SSL憑證、備份還原」項目,都在這裡。

>>>>【wordpress架站教學】namecheap網域/網址DNS設定步驟說明,一年不到10美金女生好上手,不會網路語法也OK

★另外也請在這個畫面,抄寫下你的主機IP,之後會用到。

12.進入wordpress後台操作系統

點擊上圖下方第二個紫色方框,則可以進入wordpress後台介面,真正可以讓你操作wordpress的地方!舉凡換背景、發布文章…等等都在這裡!(也是最關鍵的核心。)

帳號就是你註冊的信箱,密碼複製貼上即可,
微貓建議不要另外設定密碼,來這裡複製就好,這樣反而比較安全。
(也建議另外用紙筆抄寫下來,存放在安全地方。)

最重要的wordpress後台系統。
圖:最重要的wordpress後台系統。

13.將預設改為中文操作介面

看到英文操作介面別緊張,
1.左列選擇「Setting」
2. > 右邊找到「site language 」項目 > 選擇繁體中文
3.>再滑到最下方「save changes」(儲存變更)

更改操作介面語言
圖:更改操作介面語言

全部變成繁體中文拉!
是不是親民許多了呢?:)

切換成繁體中文頁面了!
圖:切換成繁體中文頁面了!

未來這個後台就是你的好夥伴,
寫文章草稿、發布文章、安裝外掛小工具….等等都可以輕鬆處理!

基本上若跟著本文提到的教學文章步驟操作,現在應該已經順利啟用wordpress囉!

知道如何進入自己的wordpress網站清楚帳密後台網址看完wordpress 網站前後台樣貌後(沒錯,只要有網路有網址入口有帳號密碼,你在世界上任何一個角落都可以發布文章囉!)

我們來完成cloudways的最後設定,填入剛剛在namecheap購買的網域(domain),並開啟很重要的SSL加密設定。

14.回到cloudways-server -www介面內

點擊畫面中右邊點點的www,進入「your application」。
圖:點擊畫面中右邊點點的www,進入「your application」。

為了怕大家不清楚,再重述一下這條路徑,如果你不小心關掉剛剛的cloudways頁面,就只要打開首頁,然後登入,接著選擇左上角的SERVERS,就會進入上圖,看見你的主機服務圖示與方案簡介,點擊右手邊的www橘色小圈圈,就會進入下圖。

回到這個wordpress應用程式資訊列表,我們要來設定你購買的網址(網域)還有SSL憑證。

屬於你的wordpress應用程式資訊。
圖:屬於你的wordpress應用程式資訊。

15.填寫網域/網址

在這個步驟,我們要把你的網址/網域,綁定到這個虛擬主機上。

點選左邊灰底欄位中的「Domain Management」,
接著就是把網域參照下圖填入即可,
填寫完成後,記得點擊綠色按鈕「SAVE CHANGES」儲存變更。

cloudways填寫網域。
圖:cloudways填寫網域。

★www.dreamcatcafe.com 與 dreamcatcafe.com 兩者是不同的,擇一填寫就可以,我是選擇後者,前者會在網域購買處做「CNAME record」設定,這樣就算輸入前者也會被導向後者,因此不衝突。

16.設定開啟「SSL安全性憑證」(https)

cloudways有這個免費的SSL服務,當然要好好利用囉!
這在其他地方可是還要加錢購買的呢!

所謂的SSL安全性憑證,簡單來說就是幫你的網址加掛上「https」,除了更安全之外,還有下面3個好處。

好處一:開啟率,避免跑出「這個網頁沒有安全性認證,確定要前往嗎?」的字樣,若因此讓使用者心生害怕而關掉本來要開啟的網頁,不看你的文章,那就太可惜了。

好處二:現在一次設定好,未來就不用多作轉網址設定。因為網址前方http與https 對google來說就是完全不同的網址喔!所以若未來才突然想到要變更,請記得做轉址設定,在google管理員中告訴google這兩個都是你。

好處三:對SEO搜尋也加分!大家都知道SEO優化很重要,google排名SEO時也很看重安全性憑證,因此這是加分項目無誤。

那如何在cloudways免費開啟SSL安全性認證呢?

左手邊灰色欄位選擇「SSL Certificate」,參照下圖完成a.b.c步驟。

cloudways免費SSL安全性認證填寫教學。
圖:cloudways免費SSL安全性認證填寫教學。

a.方案選擇「Let’s Encrypt」

b.domain(網域)填寫,請填入完整主網址,必須與上個步驟填寫內容一致。(都要有www或都沒有www)

c.自動更新認證請打勾!避免90天後過期。

以上cloudways設定99%大功告成,整個wordpress架站也完成70%囉!
最後要記得綁定信用卡,否則3天免費試用後伺服器就會消失…..

17.綁定cloudways付款方式

3天免費後,若沒有綁定信用卡扣款,伺服器就會消失,為避免麻煩與驚恐,現在就填上付款資訊吧!

另外就算現在馬上填寫,費用還是會從3天後才開始計算喔!
說好免費的3天,不會因為先填卡就變成付費的3天。

但是若你真的還沒有確定要使用,也可以先不要填寫信用卡資訊,
這樣cloudways3天後就會自動停止服務,不會進行扣款動作(也扣不到)。

然而下次若再用同一個帳號購買主機,就不會有3天免費試用。

如何設定付款綁定呢?
回到cloudways網站,上方有一個試用倒數計時器,最右邊「upgrade my account」綠色按鈕點下去,就會出現信用卡空白介面,就可以依照指示綁定信用卡囉!

cloudways 付款綁定教學,點擊畫面中的綠色按鈕。
圖:cloudways 付款綁定教學,點擊畫面中的綠色按鈕。

依序填寫信用卡卡號、持卡人姓名、卡片到期日、安全碼,還有帳單地址,點擊下方綠色按鈕,確認授權,就完成了。

cloudways信用卡綁定頁面。
圖:cloudways信用卡綁定頁面。

★由於cloudways是國外服務平台,因此刷台灣信用卡會再被扣國外交易手續費建議綁定一張國外刷卡回饋夠高、可cover國外交易手續費的信用卡比較划算!(ex.元大鑽金卡 或 flygo卡)

接下來我們要「綁定虛擬主機進行DNS設定」

在這個階段,我們要回到namecheap網域設定介面,將cloudways上顯示的主機IP填入,進行綁定(俗稱的DNS設定)。

實際上cloudways跟namecheap後台都有互相綁定的機制,
cloudways要填入正確的網域名稱,
namecheap要填入正確的主機IP與DNS設定,
唯有兩者都設定正確,網站才能正常運轉也才不會隨便被人綁架或使用。

18.確認cloudways上的主機IP

剛剛提到「主機IP」是多少你還記得嗎?

如果你還是不清楚自己的主機IP,可以回到步驟11參考下圖來找出主機IP,
cloudways 主機IP會顯示在下圖畫面右手邊(public IP)

cloudways主機後台頁面。
圖:cloudways主機後台頁面。

19.進到namecheap DNS設定介面

確認IP之後,我們就要來開啟DNS設定囉!
回到namecheap頁面,點選最右側的「Account」,下拉選單選擇「Dashboard」。

namecheap DNS設定教學。
圖:namecheap DNS設定教學。

接著會看到下圖畫面,可以看見你所購買的網域,若你購買很多個,就都會顯示在這邊。
接著請點擊「MANAGE」,進到這個網域的管理介面。

namecheap DNS設定教學,進到Dashboard.
圖:namecheap DNS設定教學,進到Dashboard.

接著會進到下圖畫面,確定狀態是激活的,代表購買且審核成功了!
若還沒激活(沒有下圖「打勾勾的ACTIVE」)那就請再等1天再看看。

接著請選擇最右邊選項的「Advanced DNS」,就能進入我們要設定的主頁面囉!

namecheap DNS設定教學,進到Dashboard中的網域(domain)管理介面。
圖:namecheap DNS設定教學,進到Dashboard中的網域(domain)管理介面。

20.設定DNS 「A record」「CNAME record

設定主頁面如下圖,往下滑會看見「Type Host Value TTL」,
這之中我們只要新增2行設定就完成囉!
首先是「A record」接著是「CNAME record」。

namecheap 平台之DNS設定教學。
圖:namecheap 平台之DNS設定教學

「A record」設定示範

先示範給大家看要設定成下方的樣貌。

A record」的部分,請完全照抄下方設定,只有Value部分要填入你的主機IP。

namecheap 平台之DNS設定之A指向(A Record).
圖:namecheap 平台之DNS設定之A指向(A Record).

就是步驟三開頭細細叮嚀你要去cloudways找出來的主機IP,若你不是用cloudways也無仿,請跟你的主機商索取。

這個設定就是將「網域」綁定「虛擬主機」!
因此每個網域設定也只能設置一個「A record」不然會打架。

CNAME record」設定示範

接著是「CNAME record」,請依照下圖設定,
唯一不同得是Value下方填入你的域名,我的話就會是「dreamcatcafe.com」。

namecheap 平台之DNS設定之(CNAME Record)
圖:namecheap 平台之DNS設定之(CNAME Record)

這個設定的用意是,讓google「www.dreamcatcafe.com」也直接導向「dreamcatcafe.com」。

★更多關於record設定的詳細解說,可以參考namecheap網站上的細心解釋

完成上述這兩行,就搞定一切囉!
至於這兩行到底如何新增?
只要點擊上圖的紅色加號「ADD NEW RECORD」就沒問題囉!

會出現下拉式選單,選取你的Type類型,另外設定完請記得要在最右方打上藍色小勾勾才有儲存到,並且下方的藍色小勾勾(SAVE ALL CHANGES)也要進行儲存。

新增後可以用下拉式選單選擇類型。
圖:新增後可以用下拉式選單選擇類型。

以上,大功告成,網域與主機的設定都已經完成。

現在只要輸入你的首頁網址,就會跳出你的首頁 ( 預設畫面 ),開頭也應該會出現完整鑰匙頭,表示具有「https」安全憑證,幫助讀者有信心進入你的網站。

步驟三:wordpress設定教學

完成上述動作,你已經完成最困難的事情了,請給自己一個鼓勵!

整個wordpress架站完成度來到90%囉~~~~

最後我們要來裝潢我們的wordpress網站,最有趣最有成就感的部分即將來臨!

請打開你的wordpress後台(= 控制台),
若是忘記如何進入,可以回到步驟12,
從cloudways後台點擊連結,貼上帳號密碼登入。

可以將這個頁面加入書籤列,甚至當作是你的google首頁,
方便內容創作,也更加深自己用網站創作賺錢的決心,越做越上手。

切換成繁體中文頁面了!
圖:切換成繁體中文頁面了!

以下整理出wordpress基礎設定,幫助你上手wordpress後台順利創作,美化你的網站!

1.基礎設定與寫作教學,
2.下載安裝6個必備外掛,
3.選1個適合的主題外觀
4.了解維護網站眉眉角角
5.可求救之優質社團推薦。

1.wordpress 寫作6基礎設定

為了幫助大家快快上手,熟悉wordpress,
就從最簡單但重要的功能版面開始介紹學習。

a.網站前後台切換

點擊一下左上方「房子圖案」,就能切換到網站前台,查看其他人造訪網站時的樣子。
反之再點擊一下,就會回到控制台(後台),非常方便。

後台左上方的小房子,是前後台快速切換的大門。
後台左上方的小房子,是前後台快速切換的大門。

b.設定 > 一般設定

填寫「網站標題、網站說明」,根據主題的不同,會顯示在網站前台不同位置。

wordpress設定中的一般設定,填寫網站標題與說明,以及電郵地址。
wordpress設定之一般設定,填寫網站標題與說明,以及電郵地址。

「網站管理員電子郵件」填上你想收到訊息的email,可以與註冊cloudways不同的email沒問題。

「成員資格」目前不用理他,未來你有要開放訂閱再勾選研究即可。

「網站介面語言」選擇繁體中文
「時區」選擇「台北」,日期與時間格式選擇自己喜歡的即可。

最後記得點擊「儲存設定」,才會完成變更

c.設定>閱讀

可跟著下圖設定。

wordpress設定 >閱讀,設定範例。
wordpress設定 >閱讀,設定範例。

「網站首頁顯示內容」:一開始選取「最新文章」,首頁會出現最新寫好的文章。
未來如果製作好美麗的「靜態首頁」,再來這裡做更改即可。

「資訊提供中的文章顯示方式」:請選取「內容摘要」,同時寫文章時記得放上「閱讀全文」分隔線(如下圖),這樣分隔線前方的內容就會顯示在首頁上喔!

wordpress閱讀全文分隔線,切分出內容摘要與全文的分界線。
wordpress閱讀全文分隔線,切分出內容摘要與全文的分界線。

微貓喜歡這種摘要模式,你可以試情況調整。

最後記得點擊「儲存設定」,才會完成變更

d.設定>討論

這邊可設定留言審核狀態,
強烈建議勾選「留言顯示於網站前端的條件」之「留言必須由相關站務人員手動核准」

wordpress討論,預防垃圾留言轟炸,請勾選手動核准。
wordpress討論,預防垃圾留言轟炸,請勾選手動核准。

因為很容易遇到大量垃圾留言,
為了避免文章下方被垃圾留言淹沒,
務必親自審核,將垃圾留言擋下來。

最後記得點擊「儲存設定」,才會完成變更

e.設定>永久連結

為了有利SEO(搜尋引擎優化)google排名
請選擇以「文章名稱」最為永久連結(下圖),
並且在每篇文章發布前,以英文關鍵字做連結。

最後記得點擊「儲存設定」,才會完成變更

wordpress設定 > 永久連結,選擇文章名稱。
wordpress設定 > 永久連結,選擇文章名稱。

f.wordpress寫文介面教學

wordpress的寫文模板真的很好用,上手超方便,
詳細教學寫出來是滿滿一大篇,大家請自己摸索。

這裡僅提醒一些重要基本設定。

(1).文章>新增文章

路徑如下圖,寫過的文章都會在這裡,隨時可以更改編修。

wordpress 新增文章,開始創作吧!
wordpress 新增文章,開始創作吧!

(2).「加號」新增段落,插入各種「內容區塊」

如下圖,看起來空白的編輯頁面,鼠標稍作停留,就會出現「加號」圖示。
點擊「加號」會出現小塊選擇框,框內會出現最近使用的「內容區塊」
若想插入的區塊不在這裡,可在搜尋框輸入搜尋,或者點擊瀏覽全部。

wordpress文章頁面,稍作停留就會出現加號,可新增內容區塊。
wordpress文章頁面,稍作停留就會出現加號,可新增內容區塊。

點擊「瀏覽全部」後,左手邊就會出現長條區塊,各種功能區塊在裡面喔!
像是表格按鈕….等等,都在裡面。

所有的wordpress區塊功能藏在這裡,可細細挖寶,嘗試各個按鈕。
所有的wordpress區塊功能藏在這裡,可細細挖寶,嘗試各個按鈕。

而每篇文章必用的就是「閱讀全文」、「標題」、「段落」、「圖片」、「空白間隔」
微貓也一定會在文末插入「可重複使用區塊」,介紹我自己。

(3).「可重複使用區塊」建置教學

將文章中未來會重複使用的段落一起選取,點擊上方白框最左邊的3個點,下拉式選單選擇「新增至可重複使用區塊」

好用功能之選取段落,點擊「新增至可重複使用區塊」。
好用功能之選取段落,點擊「新增至可重複使用區塊」,輕鬆建置。

未來在左方段落的「可重複使用區塊」就能輕鬆選取插入囉!非常方便的小技巧!

wordpress文章後台的「可重複使用」區塊所在之處。
wordpress文章後台的「可重複使用」區塊所在之處。
微貓每篇文章必放的介紹欄,就是使用「可重複區塊」,方便好用!
微貓每篇文章必放的介紹欄,就是使用「可重複區塊」,方便好用!

(4).永久連結、精選圖片之設定編修

右上角小齒輪打開,就能看見「文章」與「區塊」

選擇「文章」頁籤就能調整整篇文章的設定,
包含永久連結精選圖片、分類、標籤…都在這裡設定。

wordpress文章永久連結設定位置。
wordpress文章永久連結設定位置。

★為了優化SEO,建議文章發布前,使用「文章英文關鍵字」作為永久連接的「網址代稱」
ex.電影「沙丘」影評,網址代稱我就只填寫「dune」,也可以填寫「dune-review」。

(當然文章的標題也要包含關鍵字,有利於文章SEO優化,提高google排名。)

>>>> google排名寫文技巧,優化網站SEO這樣做。

選擇區塊,就能對選取的段落做細節調整,例如字型大小、改顏色、加底色…等等等。

文章區塊調整處,修改字型大小、顏色的地方。
文章區塊調整處,修改字型大小、顏色的地方。

2.wordpress必裝6外掛

安裝好的wordpress就像是新手機,而好用的外掛就是各種手機APP,可以幫助大家完成需要的功能。

不論是未來google廣告串連、GA分析串連….等,或者是一些好用小工具購物車功能,都可以利用外掛來解決。

wordpress有很多好用外掛,創建網站購物車沒問題
圖:用wordpress創建網站購物車沒問題,相關外掛能搞定。攝影師:Andrea Piacquadio

推薦新手下面6個重要外掛如下:
(其他外掛不用可以刪除,前方超連結是近一步教學)

a.breeze

是cloudways特別設計的外掛,用來增加與wordpress的同步性,可以保留。

b.Revision Control (開發者: Dion Hulse)

整理網站後台文章版本存檔,設定一次未來不用再理他(設定示範如下)。
只保留各個文章最後3版,其他版次會刪去,可減少主機負擔,提升網站效率,很重要。

螢幕快照 2021 07 08 下午6.27.16
圖::Revision Control 設定微貓示範

c.UpdraftPlus -backup/restore

很重要的備份外掛!網站備份一定要做好

自己的網站自己負責,我們在安裝各式外掛時偶而也會出現bug,或是玩著玩著網站就當掉了。

這時有做好備份,只要還原到上一個版次就沒問題了,
就算自己無解也能找工程師救你。

★強烈建議未來「wordpress版本更新」、「主題變更」前都先手動備份,
若是成果不如意或網站掛掉,就能馬上還原。

有些主機商有附上定期備份功能,
例如微貓推薦的cloudways就有,一鍵還原也超方便。
(若是有問題也可以先請客服幫忙看看!)

我另外使用UpdraftPlus外掛進行第二個備份設定,
以防cloudways主機若發生問題,還有第二備案。

再說一次自己的網站自己負責,網站是重要資產,多一個保障有利無害。

d.Easy Table of Contents

可以在文章中最前方顯示摘要連結,很有幫助,推薦大家研究一下。

e.pretty link

彙整你的所有聯盟行銷連結,縮網址管理很方便!
但如果你沒有聯盟行銷就不需要安裝沒問題。

>>>>小資賺錢術:聯盟行銷是什麼?「聯盟行銷」優缺點分析!

>>>>聯盟行銷新手推薦:註冊通路王,輕鬆取得各大品牌聯盟分潤資格。

f.Rank Math SEO

進階卻重要的SEO優化外掛工具,如果你希望部落格網站能排名,文章被看見,那建議可以參考連結文章來學習設定,優化自己的wordpress網站。

不過SEO優化最重要的還是優質內容的持續產出,質比量更重要。
其他「GA串連GSC串接」也是很重要的免費優化工具。

>>>>【網站賺錢】不求人google廣告收入基本功,SEO寫文、GA分析、GSC管理員,5大技巧讓可愛的錢自動滾進來!

但如果你只是想做個人品牌/公司形象網站,那沒有SEO優化其實也不打緊。

★微貓推薦閱讀:如何挑選 WordPress 佈景主題、外掛 | 站長之路#4

3.wordpress網站外觀主題

這邊來玩最有趣的網站外觀!佈置裝潢你的網站!
帶你認識「主題外觀」、「選單」、「小工具」。

wordpress外觀主題

「外觀」這邊,可以搜尋各種類型的主題,從最熱門主題、精選主題、來嘗試下手。

wordpress安裝佈景主題,多種選擇任你挑。
wordpress安裝佈景主題,多種選擇任你挑。
也能開啟篩選器,根據主題或版面需求,來尋適合的佈景主題。
也能開啟篩選器,根據主題或版面需求,來尋適合的佈景主題。

發現有興趣的主題,就先點擊「安裝」,
安裝後,可以再點擊「即時預覽」,真的喜歡再點擊「啟用並發佈」。

若是拿不定主意,新手可以先從
「Kotha」「Astra」「OceanWP」「Primer」這4個免費主題試試看!

左邊標籤「外觀」下方的「佈景主題」、「自訂」、「小工具」、「選單」、「頁首」,都可以調整玩玩看,但千萬別動「佈景主題編輯器」,這是給懂程式碼的人使用的,隨意調整可能會搞壞整個網站。(這時有備份有保佑,請務必備份,可能只有備份還原能救你。)

下方是自訂內的狀態,不同主題可能略有不同,是網站外觀微調的重要功能。付費主題可能會有更多可變動的細節,然而對於新手,建議可以先用免費主題來嘗試,才不會太過混亂。

記住所謂的設計感,「簡潔、一至性、統一性」很重要,less is more.

佈景主題「自訂」點進去,可以做各種調整,大家可以盡情玩玩看!
佈景主題「自訂」點進去,可以做各種調整,大家可以盡情玩玩看!

wordpress外觀「選單」

選單頁面可以客製選單排列組合,不論是「頁首選單」或「頁尾選單」都可以。

wordpress外觀「選單」
ㄓㄓㄨㄓㄨㄥ重wordpress外觀「選單」

步驟1.從最上方先選擇你想編輯的選單(ex.頁首或頁尾。)

步驟2.在左欄選擇要插入的頁面、或新文章分類、甚至是自訂連結也可以,選好後點擊「新贈至選單」按鈕。

步驟3.會跑到右欄最下方,可在此拖曳位置來改變「層級屬性」,並修改想顯示的「標籤名稱」

最後記得點擊「儲存選單」按鈕,才會完成變更

步驟3.拖曳位置,修改名稱。
步驟3.拖曳位置,修改名稱。

微貓網站首頁豐富的選單列表,就是這樣層層拖曳完成的!
目的是讓初入網站的人,輕易找到精選文章。

可以想像成百貨公司透明櫥窗,最美最好的要擺出來,吸引客人目光!

白日貓咖啡館的頁首選單,層層展開的樣貌。
白日貓咖啡館的頁首選單,層層展開的樣貌。

wordpress外觀小工具

網頁上豐富的「側邊欄」就是透過外觀「小工具」堆疊出來的,
非常方便與直覺。

wordpress外觀小工具,很重要。
wordpress外觀小工具,很重要。

只要將左側的工具拖曳至右側,就能輕易的點擊開來編排,插入圖文。
不論是搜尋框、分類、FB(使用HTML語法)、最新文章….等,都能在這邊輕鬆編輯。

放到右欄就能開始輕鬆編輯。
放到右欄就能開始輕鬆編輯。

不同主題的外觀編輯小工具會略有不同,欄位可能會有所差異,
這都是很正常的現象,不用慌張。

微貓覺得使用wordpress真的很像在堆樂高積木,
可以在網路上找到邏輯教學,幫助自己自由堆疊出獨一無二的樣子,成就感無限。

有時候也會有bug,可能是因為外掛與版本都不停更新的關係,
這時候A路不通就走B路,調整不了就先移除再重新安裝,
或過幾週再來嘗試,可能版本相容後就好囉!

保持彈性,不斷嘗試,不灰心,一切都會水到渠成的。

最後,文章能否被排名,文章內容最重要,
外觀簡單直覺就好,建議新手不要花太多時間在外觀上。

可以美化網站,但千萬記得要同時產出喔!

產出比美化重要,
如果沒有人來造訪你的網頁,那網站再美也沒用。

★美麗的首頁可以利用elementor製作,主題盡量找多人使用推薦、穩定性佳更重要。

4.wordpress網站維護檢核表

自己的網站自己照顧,這邊提供3個維護重點,可謹記在心。

a.定期備份完成了嗎?網站重大更新調整前務必「先備份再行動」,
就算有找工程師幫忙,也可以自己先備份,多一層保障。
如果你沒備份,就算是工程師可能也很難救你。

b.裁切每張上傳圖檔。
每張圖片盡量裁切至「寬度800像素以下,大小200KB以內」,以「英文命名」再上傳。

因為網頁讀取速度會影響google排名,中文命名則是未來搬家時可能會變成亂碼,唯有上傳時就以英文上傳,可降低連結出錯的狀況。

c.刪除不需要的主題與外掛,外掛數量越少越好,盡量不要超過20個外掛。

外掛太多不僅會拖慢速度,更可能會打架,
因此千萬不要什麼小問題都要找外掛來解決,能精簡就精簡,好處無限。

以上三點很簡單,卻會在經年累月創作之下幫助自己很多,
可避免節外生枝,將最重要的能量放在創作經營上面喔!

不過就算按照上述步驟維護網站,當你的文章越來越多,每日來瀏覽你的網站人數越來越多,最後勢必要提升你的主機流量,使用cloudways升級主機也超方便、超有彈性,可以按照以下步驟自己升級。

>>>>網站太慢?3步驟5秒升級cloudways主機流量很簡單!按日計費超划算。

5.優質wordpress社團推薦

未來遇到問題不用怕,可以先來這5個社團爬文與發問,
記得先善用搜尋,先爬文再發問,才不會讓社團的前輩覺得煩喔!

1.wordpress台灣正體中文

2.WordPress不懂程式的新手站長 – 網站帶路姬學園

3.WordPress 教學時光屋 – 犬哥網站

4.WordPress 新手站長 | 網站建置 | SEO優化 -傑哥架站教室交流團

5.WordPress 社群生態普查與研習 – 網站迷谷

說真的wordpress知識博大精深,
記得把基本的網站備份做好,
有需求再見招拆招學習就可以囉!

有需求再學習,才會學得更扎實,也更有幫助。

電商購物車怎麼做?

雖然微貓目前沒有外掛購物車系統,但或許以後也會用到,google搜尋第一頁的詳細內容後,發現下面這兩個犬哥分享說明的woocommerce教學資源,影片跟文章都好完整!

上述設定都不須變動,
只要參考影片來串接購物車外掛,還有金流、物流設定教學就可以囉!

3小時購物網站教學影片

犬哥教學:手把手架設購物網站這樣做,3小時教學影片超佛心!

若是覺得影片版太過冗長,也可以先看wordpress購物車外掛教學文章理解串接原理與各種方法,再來決定是否要跟著操作囉!

真的是每個步驟都講得很清楚,示範得很仔細,超優秀的分享,
雖然微貓自己還沒實際串接過這個外掛,但未來如果需要,我會按照這個步驟來學習。

唯一要注意的重點是「影片雖然詳細,但教學的內容並非絕對。」

另外影片中推薦的付費主題,是創作者犬哥的電商主題推薦,但就算不使用這個主題,其實也可以依樣畫葫蘆透過「woocommerce外掛」來串接購物車與後續的金物流。

其中主機部分,犬哥推薦的是bluehost,但我真的已經聽過太多抱怨,並見證很多人最後轉移到cloudways,所以我還是比較推薦按照我的教學使用cloudways,更能省下未來搬家的困擾。

除此之外,犬哥在另外一篇文章中也有說明購物車外掛的其他組合,另外推薦使用 Astra 主題+Elementor 頁面編輯器,一樣適合新手,也能達到這樣的專業ㄧ效果,而Astra就是免費的主題,很適合資源不多、剛起步的站長新手來做嘗試。

購物車外掛woocommerce缺點

而搜尋時為了綜觀全局,總是要了解一下wordpress網站串接購物車,到底有什麼可能的缺點呢?

這部分我發現可以參考阿福筆記的比較文章,內容算是滿中肯的。

因此如果你的架站出發點,就是品牌購物網站,可以仔細理解比較一下,
主要問題就是如果wordpress架站管理不夠熟練、操作不熟練,可能會覺得複雜。

但平心而論,如果上述教學有看懂,有能力一步驟一步驟跟著操作,或者對於使用wordpress寫部落格都沒什麼問題的朋友,應該不用擔心阿福筆記提到的缺點,裝上外掛嘗試就對囉!

因為就算是其他購物商城(例如shopify、樂天…等等),裡面的介面也依然需要熟悉,全部都需要自行操作。

另外也要額外付出廣告費,才有可能被放在首頁廣告欄…等等,這跟付錢給google購買關鍵字,其實也大同小異(自己架站一樣可以下廣告曝光)。

大概就只差在他們賺你的分潤,然後你有問題可以找他們提供簡易的教學,就這樣囉!

微貓過往也接過從零開始建置shopline網站的案子,
後台的侷限不少,也會有抽成,我覺得若是一人公司,
自己架設wordpress網站搭配購物車系統,其實更自由。

結論:網站一步到位很重要

老實說標題雖然寫20分鐘,但真正架站的過程,可能會因為思考網域名稱、反覆嘗試主題版面….等等而卡住,所以20分鐘只是讓你理解的時間,實際上可能需要2~4個小時來完成。

但如果你本身已經經營一段時間,有很明確的品牌概念,按照上述流程來建置網站真的會超快。

「要感謝的人太多,不如就謝天吧!」
「要做的事情太多,不如就一步到位吧!」

這兩句話很真實,道盡網站/自媒體創業家的心聲!

說真的,身為內容創作者或是電商站長,
網站架設只是第一步,卻是很重要的一步。

法國諾曼第聖米歇爾山,黑夜中閃閃發光,宛如迪士尼城堡。
法國諾曼第聖米歇爾山,黑夜中閃閃發光,宛如迪士尼城堡。

網站處理好不能保證你大紅大紫,
畢竟網站只是曝光管道,
網站上的「內容/產品」是否「專業、有用、有幫助」才是重點,
努力提供價值之餘,還需要一點運氣。

但倘若處理不好,就會增加更多麻煩變數,
像是貪小便宜省了幾百元來開店做生意,
但店面卻漏水又漏電,
你要招呼客人、進貨就很忙了,
還要抓漏修牆壁甚至還要繳交管理費,多麻煩?

>>>>【網站賺不到錢?】清點行銷漏斗是否破洞,2重點3關鍵。

搞得心情很糟,
最後才決定要搬家到好一點的地方,
還要一個一個通知客人「我們搬家囉」…..

那不如一次就找一個舒適溫馨、採光良好的店面,
直接把心力專注在讓內容更好、商品更好,
可以更用心「招呼客人、理解客人需求」,事半功倍!

如果看完上述步驟還是有疑問,歡迎留言提問,
若真的需要微貓幫忙架站,請點擊公益合作服務,2023年熱騰騰出爐,每月限額10名!

百元佛心價格幫助大家,這部分收入會全數捐款給「咪可思關懷流浪動物協會」幫助粉絲也幫助流浪貓咪,一舉兩得O_O歡迎分享給有需要的朋友!

至於部落格架設完成後,要怎麼透過寫文章寫出一桶金,就是另外的故事囉!

以上細心分享,希望有幫助到你。


微貓,白日貓咖啡館,美股投資人,願望探險家。

微貓財富引導師,願望探險家

嗨,我是微貓,從小氣旅人變身自媒體創業家。意識富腦袋之重要「省錢很好,用錢滾錢更好」,勵志6年後與籤先生&小孩旅繪世界,幫助更多女生「實現夢想,我可以。」


十年財富自由計畫執行中,倒數6年!【訂閱電子報】見證我的旅繪冒險FB/IG/podcast,若能啟發你,轉動富而豐盛的人生,是我的榮幸。

女子遠距收入第1步:架設部落格,低成本開啟品牌事業
firstrade美股開戶教學領取25美金入金補助說明。
旅人出國6大技巧,省下上萬元,精打細算玩更多!

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *