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排名都特別有幫助。

關於網域/網址購買,可以透過中華電信、godaddy、namecheap,都是值得信任的網域購買商,如果堅持要使用「.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歡迎分享給有需要的朋友!

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

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


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

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

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


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

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

發佈留言

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