寫了很久的部落格,希望能有點收入嗎?
本文不只適用於想用部落格賺錢的朋友,
對於個人品牌、小型電商、公司形象網站都很適合。
微貓會從wordpress的好處與架構開始分享,
帶著你從零到1,完成屬於你的部落格網站,而且可以用一輩子!
除此之外,網站完成後的細節注意事項微貓也會一併提醒你,
畢竟網站維護也很重要,該做的備份一定要做好,
而如果出狀況哪裡能求救?一起來看看囉!
【NEW】文末有2023出爐,熱騰騰的公益服務開跑,百元架站協助,看完還是有困難的朋友喔:)
Table of Contents
為什麼使用wordpress?
wordpress是全球市佔4成的網站內容管理系統,
幾乎每兩個網站就有一個是wordpress系統,
微軟、FB、Disney也都用它作網站首頁。
下圖是2022最新統計數據,灰色是前1000萬個網站中的佔比,綠色則是在CMS(內容管理系統)網站中的佔比,可看出wordpress遠遠超越我們常看到廣告的Shopify、Wix、Blogger。
而他之所以這麼強,最厲害的就是…..
他就像一台iphone,就算你不懂程式,也可以根據自身需求下載需要的app(外掛),與你喜歡的主題(痞客邦的主題數量跟她相比是滄海一粟…),搭建出美麗又客製化的網站。
而如果你是懂程式的工程師,也能簡單輸入語法來進行修改,滿足自身或客戶的需求,更省時省力。
此外使用wordpress也能輕易備份整個網站與搬家,更換主機商都不是問題,因此後續維護也能自己來,出問題也能找工程師幫忙還原修繕,甚至請求主機商客服協助,他們就能幫你處理囉!
(所以備份很重要,下面推薦的主機商cloudways本身就有備份,不小心搞壞了最糟就是還原而已。)
wordpress架站7大好處
除了上述提到的穩定性便利性,wordpress還有許多好處,彙整如下,幫助大家更了解他!
1.wordpress SEO優化能力優於Wix、Weebly、痞客邦、方格子。
2.wordpress市佔超過40%,超過6萬個外掛、主題版型供選擇。
3.wordpress中文資源豐富,遇到問題也可在社群上求解答。
>>>>值得關注的wordpress社群整理。
4.Wordpress主機普及性高,搬家(替換不同的主機服務商)容易。
5.wordpress可加掛購物車、串接金物流。
6.wordpress網站可擁有google廣告收入。
微貓從痞客邦搬家過來wordpress,完全不想再回去痞客邦,
真的超喜歡wordpress,又美又好用!
有了自己的wordpress專屬網站、部落格,
不再需要擔心平台倒閉轉移的問題,
也能慢慢累積google廣告收入。
>>>>【網站賺錢】不求人google廣告收入基本功,SEO寫文、GA分析、GSC管理員,5大技巧讓可愛的錢自動滾進來!
不過在安裝wordpress之前,請注意wordpress有很相似的兩個版本,千萬別搞混,兩者的架設方式、價格花費、未來成效差很多喔!
wordpress雙胞胎
wordpress有兩種「wordpress.org」與「wordpress.com」,
請鎖定「wordpress.org 」,但到底差在哪裡呢?
上述提到的好處與市佔率,幾乎專屬於wordpress.org.
當我推薦好友使用wordpress之後,她下意識的就找尋wordpress.com,
兩者都是wordpress旗下產品,看起來都很厲害,但本質上有極大差異。
wordpress.com乍看之下很方便,卻暗藏許多麻煩與更多的花費。
wordpress.com很像痞客邦,註冊後就能開始寫文章,
沒有獨立網址、沒有獨立主機,所有外加功能、外掛都要加錢。
「想要清掉廣告?可以,請付錢買外掛」
「想要掛個人網址?可以,請付錢買外掛」
默默加總會變成一大筆錢,
未來搬家到wordpress.org也會造成人氣大量下滑,
需要重新培養信任度,很可惜。
關於搬家造成人氣下滑這件事,三言兩語解釋不清,請參考下文囉!
>>>>痞客邦搬家wordpress讓你煩惱嗎?網站搬家10步驟,完整細節大公開。(含架站轉移,301轉址,SEO搬家教學)
微貓好友最初誤會在wordpress.com購買網址花掉1,000多元,
我的網址一年才280元差超多,因此趕緊讓她申請退費(購買不到7天…)。
然後微貓花了一個下午在咖啡廳,
陪她架設出第一個wordpress.org 部落格「VOYAGE!質感女子的行旅地圖」(如下圖),
是不是很棒呢?
接下來我也會教你如何3步驟架設wordpress網站,
首先,先讓你知道一下整個架站費用需要多少錢囉!
不貴,真的,一年 4,600元。
詳細下述說給你聽。
wordpress架站費用多少錢?
串接「wordpress網站內容管理系統」來架設一個屬於自己的網站,只需要3件事!
擁有一個專屬網址,這是你網站的入口、門牌號碼,
一個高效穩定的主機,儲存保管你的wordpress網站內容,
wordpress設定裝潢,下載佈景主題、重要外掛,做好備份與後續維護。
目前你看到的網站,就是我用wordpress架站的成果。
花費如下:
1.namecheap購買網域/網址:280NTD/年。
2.Cloudways購買虛擬主機:12美金/月。
3.Wordpress網站內容管理系統:0元。
總計一年 = 280+(360*12)+0 = 4,600元。
比買一台iphone還便宜,而且隨著持續創作累積google信任度,這個網站會用越久越值錢。
光是2021年就替我賺進25萬收入,並且只會越來越多。
個人網站作為一個「賺錢工具」,4,600元,是很超值的投資。
步驟零:教學提醒
★★★
wordpress.org架站的第一步,並不是到wordpress官網註冊,
而是先購買「網域」與「能搭配wordpress的主機」,最後再進入後台設定。
這點跟大家的想像很不同,請特別注意。
★★★
按照以下3步驟,網址購買、主機購買、wordpress設定,
一個下午,就能完成你的個人部落格網站囉!
步驟一:網址設定教學
「網址」就是網站在網路世界的地址,不貴,但有沒有自己專屬的門牌地址差很多!
如果掛在痞客邦下面寫文,就是寄人籬下,幫人寫文,幫痞客邦帶入流量與廣告費。
一旦你想離開,你只能帶走內容,帶不走網址與google信任度。
如果有專屬網址,串接google廣告費、競爭SEO曝光、google排名都特別有幫助。
>>>>透過GSC網站管理員google search console打開大門,最簡單3步驟串接安裝教學,優化網站SEO第一步!
關於網域/網址購買,可以透過中華電信、godaddy、namecheap,都是值得信任的網域購買商,如果堅持要使用「.tw」可能就要透過中華電信或是godaddy。
網址選購通常會以跟自己的個人名稱、品牌名稱、領域主題…做關聯,
有些網址太熱門被競標中就會比較貴,微貓會建議選擇價格合理的網址就好。
價格上最經濟實惠的是namecheap,是間歷史悠久的老牌公司,網域註冊服務很有名。
在namecheap購買網域,一年大約只要200~300元,經濟實惠,因此我自己是使用namecheap購買,以下也以namecheap進行手把手圖文教學示範。
其他的網域購買方式大同小異,但串接部分需要多花些心思。
1.註冊Namecheap
首先,進到namecheap官網,看到下圖這隻可愛的刺蝟就是他囉!
點擊首頁右上角的「Account」,
進到下圖畫面再選擇右上角的「SIGN UP」註冊一個新帳號,
記得去信箱收取驗證信,後續步驟才會順。
2.選購合適的網域
驗證完成後請再次登入namecheap首頁。
若預設不是下圖,那就點擊上方列表中左邊第一個「Domains」(網域),在中間空白處輸入你想要的關鍵字。
我以我的網域「dreamcatcafe」作為搜尋示範,「.com .net….」這些域名先不用填寫沒關係,相關價格等等都會一次跑出來,不用在這裡限縮想像。
會跑出以下關鍵字,可以很清楚看見價格還有是否能買。
可買的才能加入「購物車」(add to cart)
因為「dreamcatcafe.com」已經被我買下,
所以會呈現一個「X」不能被購買,
但其他「dreamcatcafe.net」「dreamcatcafe.org」還是可購買狀態。
另外也會發現天價般的網域……一年「64.88美金」不知道在貴什麼。
實際上除了這些建議選項,下方還有更多選項可供參考。
選定之後就點擊深灰色框框,把他加進購物車,接著點擊右下角紅色按鈕「checkout」準備結帳囉!
【網域選擇原則】
因為這邊許多人都會被卡住,會有不少猶豫跟莫名擔憂,
所以加碼分享一下微貓的【網域名稱選擇原則】小知識。
網域發想上最好跟你的網站主題相關,也可以是個人筆名、英文名字、漢字拼音…等等,有些網域太熱門就會被炒高,也可能會被買走,所以大家可以先想好一些替代方案再開始搜尋,若是太貴就換一個,用經濟實惠的方式購入就好囉!
而域名選擇的部分,「.com」「 .tw 」都是很不錯的域名可優先選擇,「.org」也有人在使用,另外有人會提問「是否使用.tw在台灣搜尋上會更有優勢呢?」
其實普遍答案都說不影響,
重點還是透過優質內容來提高SEO搜尋排名, 整串網址好記就好囉!
若你是寫生活感的東西,「.life」也是不錯的選擇呢!
例如白日貓咖啡館就是「dreamcatcafe.com」(白日夢、貓、咖啡館)簡單明暸,也很好記。
【白日貓咖啡館】的FB、IG、部落格、podcast、email都是用同一個域名相當一致!
3.確認自動續約
以下是結帳前的明細資料,這邊要特別記得打開「自動續約」(AUTO-RENEW),還有下方的「網域隱私保護」,避免日子過著過著不小心就過期,導致辛苦經營的網域被買走。
而最後的總價格在右手邊,可以看到是「9.36美金」,確認無誤、確定你想購買的網域沒錯,就可以點擊長紅色按鈕「Confirm Order」。
網域名稱一經售出就是一年也不會退費,所以要仔細比對一下網域喔!
接著會進入結帳畫面,可輸入信用卡資訊或者是paypal結帳,帳單地址、姓名請全部都填寫英文,就跟一般台灣電商購物相同。
到這邊購買就完成囉!
步驟二:主機安裝教學
下一步我們來購買wordpress網站的核心「線上主機」,也可以說是網站的CPU中央處理器。
wordpress網站的「運轉效率」與「後續維護時間成本」,跟主機品質、主機商客服態度、回覆速度息息相關,開始時謹慎選責,未來能省下不少麻煩。
分享常見的wordpress主機商如下:
主機商 | 費用NTD | 優點 | 缺點 | 推薦指數 |
Bluehost | 1,633/年 | 經濟實惠 | 共享主機 速度最慢 只能放一個網站 | ★★ |
Godaddy | 125/月 | 中文介面 中文客服 | 續約昂貴2倍價 主機不穩定 綁約時間長 | ★ |
Cloudways | 360/月 | VPS主機代管商 速度快,可隨時升級 以日計費不綁約 不用再搬家 | 價格較高 無法開統編 | ★★★ |
有人會說初學者可以先從便宜的共用主機開始就好,
但微貓身邊真的已經有不少先求便宜,最後發生不少問題,被搞到一肚子氣,弄的自己很緊張才急忙搬家…….因此大家可以仔細想想看囉!我是認為真的有心,就用cloudways吧!
我目前使用cloudways主機,快2年都沒什麼問題。
升級主機流量也超方便!
前幾個月搬遷另一個網站時,客服也超幫忙,
24小時cloudways工程團隊免費幫我完成,超讚!超乎我的想像與期待,非常感謝。
只要敢用google翻譯搭配著用英文好好提問,都能得到很好的回應。
7個cloudways好處整理給你:
1.效能佳穩定性高,不限網站數量,同時運行幾個wordpress網站都沒問題,自己實測這半年還速度都還不錯。若是人流攀升,也可以隨時升級到需要的流量。
2.每日客服協助,遇到任何問題都可以聯繫客服進行處理,速度很快。
>>>>想請Cloudways 客服協助搬遷網站?真的可以!工程團隊24小時完成,免費又有效。
3.備份功能完善,這是使用wordpress.org自架站一定要特別注意的部分,自架站要自己掌控網站安全性與資料存放。
備份絕對要做好,當發生任何大問題,還原備份是最簡單的方法,根據網路上的教學,就可以一鍵還原。
4.附帶SSL安全性功能,不額外加價,讓自己的網址可以掛上「https」對SEO搜尋更加分!
5.彈性高,不綁約,以日計費,隨時想停止、想升級都沒問題。
>>>>網站太慢?3步驟5秒升級cloudways主機流量很簡單!按日計費超划算。
6.不用再搬家!(超重要!)
7.使用微貓折扣碼,可以有前三個月9折優惠價!
這段時間聽到很多人從bluehost搬家到cloudways、從godaddy搬家到cloudways……,網路上也因此有很多搬家到cloudways的教學文,為什麼大家的搬家終點都是cloudways呢?
看著看著你就會知道搬家再方便都會有些不便,
因此避免麻煩,我會建議朋友直接使用cloudways.
都不是專業工程師了,幹嘛一直沒事找事做?XD
費用既然能負擔,一次到位最棒了!
你可以自己想想看,若是想從便宜的Bluehost開始架設wordpress也可以唷!
而本篇的主機安裝教學,會以cloudways作為示範。
1.點擊下方按鈕進行註冊,前3天免費試用。
2.點擊右上角「START FREE」免費開始註冊。
透過第一步的連結按鈕進到首頁後,接著點選右上角或左下角的 「START FREE」 「GET STARTED FREE」。
3.填寫姓名/購買目的/填入微貓折扣碼!
接著填寫註冊資訊,從上而下是「姓名、註冊email、最能描述你的身分、主機需求、主機每月預算」,英文若有困難,就按照下圖選填,cloudways 在更新版面滿快的,若是後來有出入,建議複製貼到google翻譯找答案囉!
但基本上這裡重點是姓名跟email,其他只是問卷調查,沒什麼大影響。
★最後送出前,記得點擊 「Got a Promo Code」★
填入微貓折扣碼「catcafe」(7個英文小寫字母),就能享有前3個月的9折優惠價格!
(只有這邊輸入折扣碼才有效~忘記輸入就GG,沒有地方可以重填折扣碼了)
而如果你之前有帳號但最後沒啟用,建議直接註冊一個新帳號,才有前3天免費試用(記得是這樣,若有誤再請留言更正~),填寫完畢後請點擊綠色方框「START FREE」。
★接著完成以下帳號驗證2步驟,才能享有3天免費試用,請一步一步來。
(網頁最下方的白色半透明框也是這個意思。)
4.開啟信箱驗證信
回到填寫註冊的信箱地址,會收到一封驗證信,點擊按鈕完成驗證!之後會跳出下個畫面。
若出現上述畫面,請繼續點擊activate account.
5.cloudways網站上,填寫手機驗證帳號。
點完應該會自動登入cloudways網站,
要你輸入手機號碼,完成最後認證步驟。
輸入手機號碼,會即時收到驗證碼,限時2分鐘內填入。
6.選擇網站主機 linode&1G流量方案。
接著要採購cloudways上的主機伺服器方案!
cloudways上面有6個主機商可選擇,價格不同,流量也可客製或隨時加碼,
因此第一步就是選擇適合的主機方案,可參考我的方案選配,不夠用在隨時加購流量就好。cloudways不綁約,每日計費,不佔你便宜。
請按照下圖從上而下選填一切,完成abcd。
a.wordpress選擇目前最新版本,後面「Name…….」不重要,未來都可以再更改別擔心。
b.中間的圖示都是主機伺服器的牌子,可以選擇linode(左邊數來第2個),是許多人推薦的老牌主機伺服器,新加坡與東京都有位置,我用了一年多也沒什麼問題喔!
c.服務流量(service size)選擇1GB即可,微貓用了一年,速度都沒問題,未來有需求也可以隨時調整購買,不用擔心,若是你不放心也可以先選擇2GB,費用就會再貴一些。
d.位置(site)建議可選擇「新加坡 Singapore」或「東京Tokyo」,離台灣比較近。
7.確認每月12美金後「LAUNCH NOW」送出。
按照步驟一調整完後,會看見最下方顯示每小時$0.0167(美金)每個月$12 (美金),這樣就沒問題囉!若價格不同,則代表流量或主機選擇應該跟我不同,可再回去檢查。
不放心的人可以再對照下圖,一一確認看看是否一模一樣。
接著就可以點選右下角綠色的「LAUNCH NOW」送出囉!
8.等待主機建立完成。
會看到以下畫面,上排文字提醒免費試用將會開始倒數,下排則是可以看見主機建立還剩下幾分鐘,我的畫面上顯示大約剩餘7分鐘就可完成。
★如果等待後卻跑出如下的畫面,可能是有bug,請重新整理就好囉!
3天試用期間,也會限制只能試用一個主機服務,
所以不會給你安裝多個主機的機會,不用太擔心!
有任何狀況先重新整理,或關掉頁面重新登入。
到這裡表示採購安裝完成囉!接下來要調整wordpress架站儲存狀況。
首先我們要先進來主機設定畫面,記下IP,確認執行環境與資料儲存環境。
9.點擊綠色圖示,進主機設定畫面
第一步驟,點擊下圖的綠色圖示,就可以進來主機設定畫面,這裡就是你所購買的主機服務之設定介面囉!換句話說各種連結或是服務要升級,都是在這裡。
進入主機畫面後,首先會看見IP說明。
請先記住IP位置,未來綁定網域時會需要這個IP,其他目前不是很重要。
10.將PHP與MySQL設定到最新版
這一個步驟,嘗試將下面兩個參數設定到最新版本。
PHP=wordpress執行環境
MySQL=wordpress資料儲存環境
左邊選單選擇 setting&packages (從上數來第四個),
右邊選擇packages頁面(左到右鼠來第3個),
目前最新php是8.0 (目前可以使用7.4沒問題);
而MySQL一次只能升一級且升級後就不能降級,當前預設是10.3版本,先不變動。
確定要更改後,點擊儲存(SAVE),需要等cloudways花時間跑一下。
未來流量想要升級、設定備份時間(Backups)….等等,都是來到這個介面進行尋找與調整!
設定wordpress後台語言&基本設定
接著我們來查看Cloudways目前幫我們預設的wordpress狀態!(全新的手機已經到手了,桌布軟體都等你自行更換與安裝!)來開箱看網站囉!
11.點擊右上角的www進到「your application」
a.參考上圖,可以從servers 進入,點擊右邊的www橘色圓點處來進入。
b.也可從上一個步驟繼續延伸,一樣點擊右上方的www橘色圓點處。
進入後會看見下圖,預設好的後台資訊。
現在點擊上方紫色框,就可以看見網站目前預設的樣子。未來都可以更改,目前也不會有人搜尋到這個網址,所以不用擔心。(而且你也還沒綁上你的網域domain)
★左手邊3個重要頁籤,
「網域設定、啟動SSL憑證、備份還原」項目,都在這裡。
>>>>【wordpress架站教學】namecheap網域/網址DNS設定步驟說明,一年不到10美金女生好上手,不會網路語法也OK
★另外也請在這個畫面,抄寫下你的主機IP,之後會用到。
12.進入wordpress後台操作系統
點擊上圖下方第二個紫色方框,則可以進入wordpress後台介面,真正可以讓你操作wordpress的地方!舉凡換背景、發布文章…等等都在這裡!(也是最關鍵的核心。)
帳號就是你註冊的信箱,密碼複製貼上即可,
微貓建議不要另外設定密碼,來這裡複製就好,這樣反而比較安全。
(也建議另外用紙筆抄寫下來,存放在安全地方。)
13.將預設改為中文操作介面
看到英文操作介面別緊張,
1.左列選擇「Setting」
2. > 右邊找到「site language 」項目 > 選擇繁體中文
3.>再滑到最下方「save changes」(儲存變更)
全部變成繁體中文拉!
是不是親民許多了呢?:)
未來這個後台就是你的好夥伴,
寫文章草稿、發布文章、安裝外掛小工具….等等都可以輕鬆處理!
基本上若跟著本文提到的教學文章步驟操作,現在應該已經順利啟用wordpress囉!
知道如何進入自己的wordpress網站、清楚帳密後台網址、看完wordpress 網站前後台樣貌後(沒錯,只要有網路有網址入口有帳號密碼,你在世界上任何一個角落都可以發布文章囉!)
我們來完成cloudways的最後設定,填入剛剛在namecheap購買的網域(domain),並開啟很重要的SSL加密設定。
14.回到cloudways-server -www介面內
為了怕大家不清楚,再重述一下這條路徑,如果你不小心關掉剛剛的cloudways頁面,就只要打開首頁,然後登入,接著選擇左上角的SERVERS,就會進入上圖,看見你的主機服務圖示與方案簡介,點擊右手邊的www橘色小圈圈,就會進入下圖。
回到這個wordpress應用程式資訊列表,我們要來設定你購買的網址(網域)還有SSL憑證。
15.填寫網域/網址
在這個步驟,我們要把你的網址/網域,綁定到這個虛擬主機上。
點選左邊灰底欄位中的「Domain Management」,
接著就是把網域參照下圖填入即可,
填寫完成後,記得點擊綠色按鈕「SAVE CHANGES」儲存變更。
★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步驟。
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是國外服務平台,因此刷台灣信用卡會再被扣國外交易手續費,建議綁定一張國外刷卡回饋夠高、可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)。
19.進到namecheap DNS設定介面
確認IP之後,我們就要來開啟DNS設定囉!
回到namecheap頁面,點選最右側的「Account」,下拉選單選擇「Dashboard」。
接著會看到下圖畫面,可以看見你所購買的網域,若你購買很多個,就都會顯示在這邊。
接著請點擊「MANAGE」,進到這個網域的管理介面。
接著會進到下圖畫面,確定狀態是激活的,代表購買且審核成功了!
若還沒激活(沒有下圖「打勾勾的ACTIVE」)那就請再等1天再看看。
接著請選擇最右邊選項的「Advanced DNS」,就能進入我們要設定的主頁面囉!
20.設定DNS 「A record」「CNAME record」
設定主頁面如下圖,往下滑會看見「Type Host Value TTL」,
這之中我們只要新增2行設定就完成囉!
首先是「A record」接著是「CNAME record」。
「A record」設定示範
先示範給大家看要設定成下方的樣貌。
「A record」的部分,請完全照抄下方設定,只有Value部分要填入你的主機IP。
就是步驟三開頭細細叮嚀你要去cloudways找出來的主機IP,若你不是用cloudways也無仿,請跟你的主機商索取。
這個設定就是將「網域」綁定「虛擬主機」!
因此每個網域設定也只能設置一個「A record」不然會打架。
「CNAME record」設定示範
接著是「CNAME record」,請依照下圖設定,
唯一不同得是Value下方填入你的域名,我的話就會是「dreamcatcafe.com」。
這個設定的用意是,讓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.設定 > 一般設定
填寫「網站標題、網站說明」,根據主題的不同,會顯示在網站前台不同位置。
「網站管理員電子郵件」填上你想收到訊息的email,可以與註冊cloudways不同的email沒問題。
「成員資格」目前不用理他,未來你有要開放訂閱再勾選研究即可。
「網站介面語言」選擇繁體中文,
「時區」選擇「台北」,日期與時間格式選擇自己喜歡的即可。
★最後記得點擊「儲存設定」,才會完成變更。
c.設定>閱讀
可跟著下圖設定。
「網站首頁顯示內容」:一開始選取「最新文章」,首頁會出現最新寫好的文章。
未來如果製作好美麗的「靜態首頁」,再來這裡做更改即可。
「資訊提供中的文章顯示方式」:請選取「內容摘要」,同時寫文章時記得放上「閱讀全文」分隔線(如下圖),這樣分隔線前方的內容就會顯示在首頁上喔!
微貓喜歡這種摘要模式,你可以試情況調整。
★最後記得點擊「儲存設定」,才會完成變更。
d.設定>討論
這邊可設定留言審核狀態,
強烈建議勾選「留言顯示於網站前端的條件」之「留言必須由相關站務人員手動核准」。
因為很容易遇到大量垃圾留言,
為了避免文章下方被垃圾留言淹沒,
務必親自審核,將垃圾留言擋下來。
★最後記得點擊「儲存設定」,才會完成變更。
e.設定>永久連結
為了有利SEO(搜尋引擎優化)google排名,
請選擇以「文章名稱」最為永久連結(下圖),
並且在每篇文章發布前,以英文關鍵字做連結。
★最後記得點擊「儲存設定」,才會完成變更。
f.wordpress寫文介面教學
wordpress的寫文模板真的很好用,上手超方便,
詳細教學寫出來是滿滿一大篇,大家請自己摸索。
這裡僅提醒一些重要基本設定。
(1).文章>新增文章
路徑如下圖,寫過的文章都會在這裡,隨時可以更改編修。
(2).「加號」新增段落,插入各種「內容區塊」。
如下圖,看起來空白的編輯頁面,鼠標稍作停留,就會出現「加號」圖示。
點擊「加號」會出現小塊選擇框,框內會出現最近使用的「內容區塊」,
若想插入的區塊不在這裡,可在搜尋框輸入搜尋,或者點擊瀏覽全部。
點擊「瀏覽全部」後,左手邊就會出現長條區塊,各種功能區塊在裡面喔!
像是表格、按鈕….等等,都在裡面。
而每篇文章必用的就是「閱讀全文」、「標題」、「段落」、「圖片」、「空白間隔」,
微貓也一定會在文末插入「可重複使用區塊」,介紹我自己。
(3).「可重複使用區塊」建置教學
將文章中未來會重複使用的段落一起選取,點擊上方白框最左邊的3個點,下拉式選單選擇「新增至可重複使用區塊」。
未來在左方段落的「可重複使用區塊」就能輕鬆選取插入囉!非常方便的小技巧!
(4).永久連結、精選圖片之設定編修
右上角小齒輪打開,就能看見「文章」與「區塊」。
選擇「文章」頁籤就能調整整篇文章的設定,
包含永久連結、精選圖片、分類、標籤…都在這裡設定。
★為了優化SEO,建議文章發布前,使用「文章英文關鍵字」作為永久連接的「網址代稱」。
ex.電影「沙丘」影評,網址代稱我就只填寫「dune」,也可以填寫「dune-review」。
(當然文章的標題也要包含關鍵字,有利於文章SEO優化,提高google排名。)
>>>> google排名寫文技巧,優化網站SEO這樣做。
選擇區塊,就能對選取的段落做細節調整,例如字型大小、改顏色、加底色…等等等。
2.wordpress必裝6外掛
安裝好的wordpress就像是新手機,
而好用的外掛就是各種手機APP,幫助大家完成各種需求。
不論是未來google廣告串連、GA分析串連….等,或者是一些好用小工具、購物車功能,都可以利用外掛來解決。
但外掛不要裝太多,可能會卡網站速度,也可能會帶來不相容的衝突,因此每一個外掛安裝前,微貓都會先好好研究,才敢安裝。
微貓推薦新手下面6個重要外掛(其他外掛不用可以刪除):
a.breeze
是cloudways特別設計的外掛,用來增加與wordpress的同步性,可以保留。
b.Revision Control (開發者: Dion Hulse)
整理網站後台文章版本存檔,設定一次未來不用再理他(設定示範如下)。
只保留各個文章最後3版,其他版次會刪去,可減少主機負擔,提升網站效率,很重要。
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外觀主題
在「外觀」這邊,可以搜尋各種類型的主題,從最熱門主題、精選主題、來嘗試下手。
發現有興趣的主題,就先點擊「安裝」,
安裝後,可以再點擊「即時預覽」,真的喜歡再點擊「啟用並發佈」。
若是拿不定主意,新手可以先從
「Kotha」「Astra」「OceanWP」「Primer」這4個免費主題試試看!
左邊標籤「外觀」下方的「佈景主題」、「自訂」、「小工具」、「選單」、「頁首」,都可以調整玩玩看,但千萬別動「佈景主題編輯器」,這是給懂程式碼的人使用的,隨意調整可能會搞壞整個網站。(這時有備份有保佑,請務必備份,可能只有備份還原能救你。)
wordpress外觀「選單」
選單頁面可以客製選單排列組合,不論是「頁首選單」或「頁尾選單」都可以。
步驟1.從最上方先選擇你想編輯的選單(ex.頁首或頁尾。)
步驟2.在左欄選擇要插入的頁面、或新文章、分類、甚至是自訂連結也可以,選好後點擊「新贈至選單」按鈕。
步驟3.會跑到右欄最下方,可在此拖曳位置來改變「層級屬性」,並修改想顯示的「標籤名稱」。
★最後記得點擊「儲存選單」按鈕,才會完成變更。
微貓網站首頁豐富的選單列表,就是這樣層層拖曳完成的!
目的是讓初入網站的人,輕易找到精選文章。
可以想像成百貨公司透明櫥窗,最美最好的要擺出來,吸引客人目光!
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個社團爬文與發問,
記得先善用搜尋,先爬文再發問,才不會讓社團的前輩覺得煩喔!
2.WordPress不懂程式的新手站長 – 網站帶路姬學園
4.WordPress 新手站長 | 網站建置 | SEO優化 -傑哥架站教室交流團
說真的wordpress知識博大精深,
記得把基本的網站備份做好,
有需求再見招拆招學習就可以囉!
有需求再學習,才會學得更扎實,也更有幫助。
電商購物車怎麼做?
最近有朋友詢問我在wordpress網站串接購物車外掛這件事。
想說或許以後我也會用到了,所以幫尋找網路資源,在看完google搜尋第一頁的詳細內容後,發現下面這兩個犬哥分享說明的woocommerce教學資源,影片跟文章都好完整!太感動了!
也是我覺得最好上手的教學資源,歡迎大家跟著做。
3小時購物網站教學影片
若是覺得影片版太過冗長,也可以先看wordpress購物車外掛教學文章,理解串接原理與各種方法,再來決定是否要跟著操作囉!
真的是每個步驟都講得很清楚,示範得很仔細,超優秀的分享,
雖然微貓自己還沒實際串接過這個外掛,但未來如果需要,我會按照這個步驟來學習。
唯一要注意的重點是「影片雖然詳細,但教學的內容並非絕對。」
其中主機部分,我還是比較推薦按照我的教學使用cloudways,更能省下未來搬家的困擾。
另外影片中推薦的付費主題,是創作者犬哥的電商主題推薦,但就算不使用這個主題,其實也可以依樣畫葫蘆透過「woocommerce外掛」來串接購物車與後續的金物流。
他也有另外推薦「使用 Astra 主題+Elementor 頁面編輯器」,一樣也能達到這樣的專業效果,而Astra就是免費的主題,很適合資源不多、剛起步的站長新手來做嘗試。
購物車外掛woocommerce缺點
而搜尋時為了綜觀全局,
總是要了解一下wordpress網站串接購物車,到底有什麼可能的缺點呢?
這部分我發現可以參考阿福筆記的比較文章,內容算是滿中肯的。
因此如果你的架站出發點,就是品牌購物網站,可以仔細理解比較一下,
主要問題就是如果wordpress架站管理不夠熟練、操作不熟練,可能會覺得複雜。
但平心而論,如果上述教學有看懂,有能力一步驟一步驟跟著操作,或者對於使用wordpress寫部落格都沒什麼問題的朋友,應該不用擔心阿福筆記提到的缺點,裝上外掛嘗試就對囉!
因為就算是其他購物商城(例如shopify、樂天…等等,這些微貓也曾經因為工作需求而處裡管理過。),裡面的介面也依然需要熟悉,全部都需要自行操作,想要有質感跟流量?其實不會比自己架站容易。
另外也要額外付出廣告費,才有可能被放在首頁廣告欄…等等,這跟付錢給google購買關鍵字,其實也大同小異(自己架站一樣可以下廣告曝光)。
大概就只差在他們賺你的分潤,然後你有問題可以找他們提供簡易的教學,就這樣。
但如果能自己掌握內容行銷,引進流量,根本不用依靠第三方購物平台與商城,自己處理就好囉!掌控度與永續性都更高。
萬一經營的好好,但「平台倒了」或「要求更高的分潤(就像是提高房租)」,
那也只能摸著鼻子乖乖付錢,或者此時再搬家。
進階分享:電郵行銷
ConvertKit電郵系統,累積1,000鐵粉好幫手!
大家有聽過1,000鐵粉策略嗎?不論是在斜槓青年、暢玩一人公司….等暢銷書籍中都提過這個概念,身為創作者,你不需要百萬訂閱卻不會買你東西的粉絲,你需要的只是1,000個鐵粉。
所謂的鐵粉,他們信任你、喜歡你,你推薦的東西他們相信且買單。
>>>>埃及【行旅圖集】開羅貓城金字塔清真寺、哈利利市集,素人之姿走跳星光大道!
你出的書、你創作的周邊商品他們都願意用新台幣來支持你,
甚至願意每月訂閱你的付費內容。
想想只要1,000人每個月願意付100元給你,
每月就有10萬元收入,是不是很驚人呢?
而如何清楚自己的鐵粉樣貌並且頻繁互動?
「社群、電子報/電郵行銷」就扮演著很重要的橋樑。
社群雖然最方便,但受限於社群平台演算法,近年來觸及率大大降低,
電郵的觸及率與開啟率,反而高過於社群(不下廣告的前提)。
不論是遠距工作品牌的Zoey、生活理財的Selena.….這些真正開始將流量變現的創作者,都很看重email電郵行銷。
ConvertKit真的是很好用的電郵行銷工具,微貓身邊許多厲害創作者都是以ConvertKit作為幫手,預先寫好信件與電子磁鐵,自動發信。
舉例來說,有人訂閱你的電子報,ConvertKit就會自動發10天份的好內容給對方,一天一封,培養粉絲黏著度,超方便!又有一種一對一寫信收信的感覺。
先透露一個微貓自己覺得相當有感的小技巧:「其實比起大品牌華麗的宣傳電子報(新品通知/特價通知),簡簡單單平鋪直述的電子信,更能打動收件人喔!」
微貓現在也會訂閱喜歡的創作者,知道什麼內容什麼寫法能打動自己,就可以有樣學樣,分享自創好內容跟乾貨,與粉絲拉近距離。
有興趣的人,也歡迎輸入姓名與email訂閱微貓電子報。
微貓現在每週都會寫一封信,一週一分享,
微貓「倒7年旅居世界」心法攻略(在家工作也拉高主動收入、被動收入的好方法),
希望對你也會有幫助!
架站完成然後呢?下一步,內容。
以上,就是新手自己架站的脈絡教學,網域購買、虛擬主機購買、wordpress基礎設定、電郵行銷一次搞定。
昨天陪著朋友完成了一遍上述動作,她也是依樣畫葫蘆流暢地完成了,只有選網址時有一點點小麻煩,因為太常見的字組都很貴,需要一點創意發想與討論。
萬事起頭難,希望我的文章,有幫你克服最困難的第一步。
看完這篇文章,關於自己架設網站這件事,就像是開店或買房子已經到「地基完成、房子建好,地址也設定好了,基本裝潢也完成,可以專心產內容囉!」
如果看完上述步驟還是有疑問,歡迎留言提問,
若真的需要微貓幫忙架站,請點擊公益合作服務,2023年熱騰騰出爐,每月限額10名!
百元佛心價格幫助大家,這部分收入會全數捐款給「咪可思關懷流浪動物協會」幫助粉絲也幫助流浪貓咪,一舉兩得O_O歡迎分享給有需要的朋友!
至於部落格架設完成後,要怎麼透過寫文章寫出一桶金,就是另外的故事囉!
而關於後續的SEO文章撰寫學習、想跟微貓一樣越寫越有成就感?
慢慢滾出越來越多的被動收入?
重要的「google分析、google管理員、google廣告」3大重點操作,
點擊下方文章學起來!
>>>>【網站賺錢】不求人google廣告收入基本功,SEO寫文、GA分析、GSC管理員,5大技巧讓可愛的錢自動滾進來!
>>>>暢玩一人公司【我們讀書會筆記】平均18~24個月才會被看見,如何堅持?
除此之外,
微貓與朋友們共創品牌【我們 · 創作者】每週舉辦線上讀書會。
「孤單自媒體,我們陪伴你!」
【我們】舉辦的讀書會,以「實際行動與改變」為宗旨,
每月共讀一本對經營自媒體很有幫助的好書。
大家提出創作難題共同討論,收穫良多,
目前很受歡迎喔!歡迎追蹤訂閱。
>>>>【我們讀書會】乾貨電子報不訂嗎?謝謝參與者的暖心回饋!
以上細心分享,希望有幫助到你。
微貓 – 財富引導師,願望探險家
嗨,我是微貓,從小氣旅人變身自媒體創業家。意識富腦袋之重要「省錢很好,用錢滾錢更好」,勵志6年後與籤先生&小孩旅繪世界,幫助更多女生「實現夢想,我可以。」
十年財富自由計畫執行中,倒數6年!【訂閱電子報】見證我的旅繪冒險,FB/IG/podcast,若能啟發你,轉動富而豐盛的人生,是我的榮幸。
★女子遠距收入第1步:架設部落格,低成本開啟品牌事業
★firstrade美股開戶教學:領取25美金入金補助說明。
★旅人出國6大技巧,省下上萬元,精打細算玩更多!
嗨~微貓你好~
文中你提到
” 只要1000人每個月願意付200元給你,你一個月就有2萬元收入,是不是很驚人呢? ”
如果是每個月的話,月收入會有20萬哦~年收入高達240萬 🙂
哈哈~真的耶!感謝幫忙糾正!!!^^超驚人!