Last Updated on 20 9 月, 2023 by Youi Shih
【 聲明 】這篇文章有聯盟行銷,當你透過文章內特定的連結購買產品,我可以獲得分潤。這些資源全是我親自使用過後的真心推薦,更多細節請點這裡。(Disclosure: This post may contain affiliate links, meaning I get a commission if you decide to make a purchase through my links, at no cost to you. Get more info here.
這是一個給部落格新手自學的「網站架設教學」與「如何用部落格賺錢」的教學指南。
在成長過程中,我不斷在尋找能讓我獲得極大自由的工作,而選擇在網路上用部落格來微型創業,是我生命中做過極好的決定之一。這是一個沒有年紀、職業和性別的限制,能以低成本、在任何地方都能進行的事業。
幾年下來,我得到了超出自己原先預期的成果、學會許多知識,也踩過不少誤區,我期望能將好的內容傳承給我的讀者,並協助你展開這段創造多元收入的旅程。
新手想跨入盈利部落格的領域,先「建立一個部落格」就是你的起點。
建立一個 WordPress 網站通常只需 15 分鐘,其他時間則用來構思網站定位、設計網站視覺與內容。每人所花的時間不同,因此我整理了一個簡單的架站流程,讓你用「六個步驟」就能輕鬆開始!
部落格是一個分享關於特定主題的評論、意見或想法的個人網站。內容主要以文字為主,也會加入圖片、影片等媒材,讀者彼此之間可以透過留言來交流。若在部落格裡結合「商業模式」並產生收入,我便它為「盈利部落格」。
只要你喜歡寫字、對文字創作有興趣,我都建議你可以經營一個部落格,建立一個紀錄自己成長軌跡的地方。而若你對在網路上微型創業有興趣,部落格是最省成本、彈性自由度最大的選擇。你不需要是專家,任何人都有機會成功透過部落格來賺錢。
還記得嗎?許多經典的電影或戲劇都是源自於文學作品。文字是創作的基石,閱讀是成長最好的夥伴。部落格的歷史悠久,其「文字的本質」也是它能一直存在至今的原因。每人吸收資訊的管道都不同,只要你能在部落格中提供價值,你就能持續創造收入。
隨著科技發展,現在架設一個網站已經不如以前來得複雜,相反的,還很簡單快速。架站平台的流程精簡,每個步驟都有清楚的引導,而我也在這篇文章中附上了詳細的步驟解說,帶著你逐步前進。
首年經營部落格,最基本的開銷是 $35.4 美元,作為虛擬主機的費用。每年的花費會依據你的經營目標來進行調整,隨著你閱讀本篇教學,我將分享節省開銷的方法和資源,讓你能降低經營的成本。
1. 部落格的主題定位
首先,我們要來決定部落格的主題定位(Niche)。
Niche 又稱為利基或小眾市場,指在「既有的市場」中找到「未被滿足的一群人」,並為他們服務。
你要在現有的主題領域中,找到沒有被滿足到的讀者,並為他們提供資訊和解決問題。
例如:在健身的領域裡,有糖尿病的人會需要特別的健身指南和方式。這樣一來,你寫的就是「針對糖尿病患者的健身教學」,能立刻跟其他人畫出區別。你可以用下面的方法來發想:
- 列出自己「有興趣和有熱誠」的主題
- 在這個領域裡,有什麼類別是你有一些了解或擅長,並且網路上還沒有足夠(好)的資訊?
若上述的方法還是無法找到主題,可以試著想想看以下的問題:
- 你最愛跟身邊的人聊什麼話題?
- 你最常看的電影或書籍是什麼類型的書?
你可以先將答案作為你的主題,只要是你熱愛的事,就能為你帶來寫作、學習和探索的動力。當經營一陣子之後,你會開始有更清晰的想法,到時再來調整定位就可以了。
當然可以。我敢說大部分你所知道的每個知名的部落客,都是從懵懂無知開始學習、試錯與成長。世界上一定有「和你相似的人」有著跟你相同的問題,你唯一要做的事情就是「分享」。
無論你是不知道要寫什麼主題,還是想經營的主題太多無法抉擇,當遇到這些情況,建議你「直接開始寫」就對了。寫作是一個釐清思緒的過程,當你開始付諸行動,你的方向就會越來越清晰。
記住,沒有完美的決策,你不會做錯,不會失敗,永遠只有學習和成長。
主題領域的選擇非常多元,例如:美食、烹飪、旅遊、科技、投資、金融、感情、攝影、藝術、書法、芳療、運動、身心健康、設計、程式設計、教育、職涯、時事新聞等。
我知道決定部落格的主題是一件容易讓人猶豫不定的事,若你有一些想法,但遲遲無法下定決心,歡迎你寫信給我。請在信裡附上你的自我介紹和你的想法,讓我來協助你做決定。
2. 部落格的名稱與網址
有了主題與對象,我們可以開始來為你的部落格命名。通常,部落格的名稱會直接變成你的網址,例如 yourblog.com,同時也是讀者對你的第一印象。
因此,建議名稱越能直覺地連結「你的主題與對象」越好。常見的作法有四種:
- 直接用你的名字或綽號
- 參考公式「你的目標對象」加「你的主題」
- 加上特定的名詞、形容詞或動詞
- 創意發想新的字彙
例如:沒有牆的小房間、無憂室、媽媽的自由工作貼士、雪莉的非典型幸福學、跳芭蕾的媽媽等。
決定部落格的網址
有了名字之後,你就可以開始發想部落格的「網域名稱」了,可以參考以下建議:
- 把部落格的中文名稱,直接翻譯成英文
- 用你的名字當作網址
- 用一句簡短好記的話命名,例如 iamchampion.com(我是冠軍)
一個容易讓人記得的網址,通常是簡單又好拼寫,請盡量把網址縮短,字數控制在 2-4 個英文詞彙以內。
你可以到 Bluehost 檢查網域有沒有被註冊過。將「你的網址」打在輸入框,選擇「.com」後點擊「Search」。若結果顯示綠色的「Available」就表示網址可以使用。
若你用的虛擬主機是 Bluehost,它可以讓你選擇之後再決定網域名稱(I’ll create my domain later),讓你能先開始經營部落格,不必現在就做決定。無論是部落格名稱或網址,之後都可以再更改,所以千萬別讓自己被完美主義給綁架囉!
com 的原名為 commercial(商業),代表這個網站是商業網站,但現在已經沒有這個限制,建議你直接選擇「.com」就可以了。其他常見的還有 .org(組織)、.edu(學校)和 .tv(影視產業)等。
3. 建立你的部落格網站
若想建立一個具有盈利潛能的部落格,我建議使用免費的「Wordpress」開放原始碼軟體。
WordPress 又稱為內容管理系統,於 2003 年創立,最初是專門為部落客設計的工具,現已成為各大企業愛用的網頁架站平台。有大量使用者,幾乎你在網路上看到的部落格有 60% 都是使用 WordPress。
我自己最愛用它來架設網站,速度快又簡單,功能擴充性強,且網路上教學也很多。
為了使用 WordPress,你需要租一個虛擬主機(Web Hosting),用來存放網站資料的雲端空間。而我個人最推薦給新手使用的是 Bluehost,它是方案便宜划算、系統穩定安全且歷史同樣悠久的公司。
初次購買,Bluehost 提供免費網域一年、免費 SSL 憑證、快速安裝 WordPress 的工具與 24 小時客服團隊,最棒的是它還提供 30 天全額退費保證,不滿意可直接退費。
這兩個系統將會用來建立你的第一個部落格。準備好了嗎?我們開始吧!
好消息!我現在有提供一對一的部落格諮詢服務,若你使用我的推廣連結購買 Bluehost,你將可以獲得免費三次的系列諮詢服務,能在你遇到卡關時協助你解決問題。完成購買後,請來信給我,並附上你的「購買信箱」,我將會在 48 小時內回覆你喔。
SSL 憑證,是在網頁的「伺服器與瀏覽器」之間建立一個密碼連結,當資料在這中間傳遞時,加密的密碼可產生安全的連線來保護資訊的安全,是企業的標準規範。當你看到一個網址開頭為「https://」而不是「http://」時,網站就受到了 SSL 憑證的保護。
內容管理系統(Content Management System, CMS),就是一個能夠「管理和呈現」你的網站內容的工具,包含文章、媒體和各種檔案。一個好的 CMS 可以讓你提升經營的效率,好的介面設計也能使你在修改網站資料時可以方便又快速,例如:Wordpress。
開放原始碼系統,其精神就是允許程式自由再散佈、授權他人自由修改與散佈程式,也就是說 —— 每個人都可以自由取得軟體,不需要花任何一毛錢購買就能使用它。
如果你不想自己管理虛擬主機,想請專業團隊幫你處理,你就可以到 WordPress.com 上直接購買網站架設的服務。但若你想大幅節省開銷,願意學習自己手動將 WordPress 安裝到自己購買的虛擬主機,價格會便宜非常多,這時你就要去 WordPress.org 免費下載架站軟體。
初期經營盈利部落格,我建議自學網站架設,可以讓你沒有經濟壓力。而我會在這篇文章裡,按部就班地教你如何從零開始架站,讓你能簡單的學習與執行!
STEP 1. 選擇你的主機方案
打開 Bluehost 官網,點擊「Get Started」開始註冊,直接取得免費的網域。
接著,選擇虛擬主機(Hosting)的方案,我個人建議使用「Choice Plus」。
因為它提供了 Domain Privacy(網域隱私保護)能保護你的個人資料不被上傳至網路,如姓名、電話、信箱或地址等。另外,它還提供了每月的自動備份,這非常好用,當網站壞掉時,你可以隨時復回。
如果你選了「Basic」方案,在 STEP 4 的額外購買區(Package Extras)裡記得勾選「Domain Privacy」。
STEP 2. 輸入你的網域名稱
下一步,我們要設定部落格網址(Domain)。
你可以把「你想要的網域名稱」輸入進去,保持「.com」不動,點擊「Next」。若想用的網址已經被註冊了,你也可以先點擊「I’ll create my domain later」,先完成申請,晚一點想到新的網址時再更新。
STEP 3. 新增你的 Bluehost 帳戶資料
來到購買環節的最後一個部分,建立你的 Bluehost 帳號(Account Information)。
將你的個人基本資料輸入進去,必須全部是「英文」,你可以用這個工具來翻譯台灣的地址。請注意,信箱要填寫「能收發信件」的正常信箱,所有 Bluehost 重要的通知都會寄到這裡。
STEP 4. 選擇你要購買的方案細節
接著,我們要選擇購買的方案內容(Package Information)。你可以看到方案的細節。例如:方案的名稱和期限、每月的費用、免費的網站安全憑證和自動備份。
初次購買 Bluehost 會有很大的折扣,若有預算,我會建議買「36 個月」的方案,能大幅降低成本。如果你想先試水溫經營看看,你也可以選「12 個月」就好,但要注意一年之後,你的租費會恢復到原本的價格。
無論哪種方案都很划算,就算你事後反悔,也有 30 天全額退款的保障,所以你可以放心選擇。
選完之後,你會看到額外購買區(Package Extras)。
不用懷疑,全部「取消勾選」就好了,這些工具之後都可以透過 WordPress 外掛來取代!
STEP 5. 輸入你的結帳資訊
最後一步,輸入你的「信用卡資訊」之後,把服務條款「勾選」起來,再按「submit」就可以結帳囉。完成之後,你會收到一封購買的確認信。
STEP 6. 變更密碼
接著,你的頁面會自動跳轉到購買成功的頁面,點擊「Create Account」來修改你的帳號密碼。
輸入密碼時,要確保右邊有出現「綠色勾勾」才會是合格的密碼,輸入完再按一次「Create Account」。完成之後,你可以點擊「go to login」來登入 Bluehost 後台。
接下來,我們要把 WordPress 安裝到你的虛擬主機裡,並開始建立一個新的部落格網站。
STEP 7. 在 Bluehost 安裝 WordPress
先登入 Bluehost 後台,點擊右邊的「Login to WordPress」來進入 WordPress 的管理後台。你會看到 Bluehost 的流程引導畫面,點擊「Create your website」來建立網站。
接著,Bluehost 會問你架設網站的目的,並根據你的目的來設定你的 WordPress 後台介面。你可以選擇「Blog」,未來若改變經營的方向都可以再進行修改。
下個問題,Bluehost 會問你過去架站的經驗,並提供你適當的幫助。你可以選擇最靠近「A little」的項目,讓 Bluehost 知道你會需要較多的支援。
接著,Bluehost 會問你想用什麼樣的方式架站,建議選擇左邊的「Wordpress」,這樣你才能將部落格用最客製化的方式來設計,不會有任何受限。
要開始進入建立網站的設定囉!你要在 What type is it 回答部落格的類別;在 Who are you creating a site for 回答你的部落格是為誰而建立,我先選擇「Lifestyle」和「Myself」。
接著,你要開始設定部落格的名稱(site’s name)和副標(site’s tagline)。建議可以根據你的利基市場去發想「一句話」來形容你的部落格。參考我的公式,將畫線的字換成「你的內容」就是一句基本的副標了。
範例:幽默 Bar 致力於透過分享好笑的日常生活來為人們創造歡樂和紓解壓力。幽默 Bar 是「你的部落格名稱」;好笑的日常生活是「你的部落格內容主題」;創造歡樂和紓解壓力是「你想為讀者創造的價值」。
這也是所謂的電梯演講(Elevetor Pitch),指讓你可以在短暫搭電梯的時間裡和別人快速介紹你自己。
下一步,你可選一個 WordPress 的佈景主題(Wordpress Theme)了,這是部落格的主要視覺。你可以先隨便選一個免費的,之後我們可以再來更改它,安裝 CP 值更高的佈景主題。
點擊「你要的佈景主題」之後,Bluehost 就會自動開始安裝 WordPress 了,要稍等一下喔!
安裝成功之後,你會被導回 Bluehost 的後台,點擊右邊的「Log into WordPress」。
完成!現在你看到的介面就是 WordPress 後台,未來你將會在這個後台管裡所有的網站內容。
Hooray!恭喜你完成了最重要的步驟,取得了你的第一個部落格。這是很大的躍進,可以小小的慶祝一下,謝謝自己果敢的採取行動。下個階段,我們要開始來設計你的部落格了,準備好了嗎?GO!
4. 用 WordPress 佈景主題設計視覺
一個好的網站視覺,可以幫助你快速和讀者建立「信任關係」。
除了視覺的舒適美觀,當讀者來到你的網站,他會被你的「網站設計介面」導引到你希望他去的地方。因此,好的設計可以優化讀者的閱讀體驗,讓他們在你的網站裡流連忘返。
好的設計,不是指精緻的動畫或圖片,而是能夠「清楚簡單」地瀏覽你的網站和內容。
初期經營部落格,我建議可以先使用免費的佈景主題就好,等到你開始有一些流量並且有足夠的預算後,可以再付費升級,擴增更多的功能和設定。
我個人最推薦是 Blckosy 佈景主題,有 30+ 種版型可選擇,速度非常快,操作直覺簡單好理解。除此之外,他們的客服團隊也很強大,每當我遇到問題時,都可以獲得技術的支援。
另一個我最喜歡的原因是,Blocksy 有提供免費的版本,也有提供「一次買斷」的付費版本。當你之後想升級時,不用花太多錢就能直接升級,解鎖更多更棒的功能。
接下來,我們就來安裝 Blocksy 佈景主題吧!
在挑選 WordPress 佈景主題時,你可以參考「以下元素」來找到最適合你的產品:
- 持續更新:Wordpress 系統時常會更新,因此佈景主題也需要持續更新才行。若未更新,網站可能會出現錯誤,要盡可能避免購買近期沒有更新的產品。
- 客服支援:每個佈景主題設定都不同,當操作遇到問題,一定要有人能夠支援。
- 內建的功能符合需求:每個佈景主題裡都會有豐富的功能可用,要仔細評估哪些功能是多餘的,過多外掛會降低網站速度,影響搜尋引擎的排名。
- 具備響應式設計(Responsive Design, RWD):擁有 RWD 設計,你的網站在讀者的電腦、平板和手機上才會有最佳的瀏覽體驗。
RWD,指網站視覺可在「不同的螢幕」裡呈現「不同的樣子」。例如:在手機上觀看,版面會變窄,內容精簡化。通常網站的基本呈現是以電腦螢幕為主,但佈景主題也必須要具備平板和手機的設定介面才行,方便你能快速進行調整。
付費的佈景主題才可以使用完整的功能和服務。以 Blocksy 的 Pro 來說,我很推薦使用付費版。除了 Lifetme 的買斷制很划算,還會增加許多客製化的設定,完全釋放設計的潛力。
若你本身對網站視覺的要求比較高,預算沒有問題的話,建議你可以選擇「一次到位」。
我手上目前有三個網站,全部都是用 Blocksy 的佈景主題。因為操作容易,所以架設起來總是很快,非常推薦給新手使用。若在設定上有遇到問題,你可以留言給我,我會嘗試幫你解決。
STEP 1. 下載與安裝 Blocksy 佈景主題
在 WordPress 後台裡,點擊左邊選單裡的「設定」底下的「佈景主題」。
你會在這裡看到你安裝的所有佈景主題,往下找到「安裝佈景主題」,我們要來新增佈景主題。
接著,你會看到有很多佈景主題可以使用。找到右邊的搜尋列後輸入「Blocksy」來快速尋找我們要的主題。
點擊「安裝」之後,系統就會開始進行安裝。當安裝完成,這裡會變成「啟動」的按鈕,記得要點擊啟動,佈景主題才會正式套用到你的網站。
STEP 2. 安裝網站版型
現在你已經安裝完 Blocksy 佈景主題了,頁面會被自動跳轉到 Blocksy 的首頁。接下來,我們要來安裝 Blocksy 的版型(Template)。從首頁往下拉,找到「Blocksy Companion」並點擊安裝。
安裝好之後,你會看到上面的頁籤出現了「Starter Sites」,代表安裝完成。
點擊 Starter Sites,你會看到有非常多版型可供選擇。當你把游標移到縮圖上,出現的字就是該版型所使用的編輯器,如 Elementor 和 Gutenberg;而點擊「Preview」可以觀看網站的範本(Demo)。
對新手來說,很多版型的設計都有點過於豐富,會容易感到困惑,因為剛開始經營,你不會有這麼多內容可以呈現。因此我建議你可以拉到底下,選擇「Blocksy News」的最基本版型來作為開始。
決定好之後,點擊「Import」開始安裝的流程。
安裝總共有「三個步驟」,如下圖所示。
首先,Install Child Theme(安裝子主題),請「打勾」。這個目的是為了防止你把原始的主題修改壞掉,因此額外安裝一個子主題,這樣你在做任何修改時,就不會更動到原始主題。
下一個,Install & Activate Plugins(安裝與啟動外掛),全部「打勾」。版型裡的內容,有些是用「外掛」去製作的,所以若選擇不安裝外掛,到時版型可能會有些內容呈無法呈現。
最後一步,Import Content(匯入內容),全部「打勾」。預設的版型內容,是為了方便呈現完整的視覺給你看,建議可以先全部匯入,到時後再手動刪除不要的內容。
安裝完畢以後,點擊「View Site」就可以預覽你的網站囉!
哇!安裝完佈景主題和版型又是一大邁進,現在你已經可以看到部落格的實際樣貌,有沒有很興奮呢?接下來,你就可以開始製作網站的「基本內容」來客製化你的部落格囉。
5. 製作部落格的基本內容
當陌生讀者首次進入你的部落格時,你想要他們看見什麼內容?想要他們如何瀏覽你的網站?對於這些內容的編排,就會是你的網站結構。結構越清楚,讀者在吸收資訊時就能更加地順暢。
例如:當進入你的網站首頁,你的主選單(Menu)裡有首頁、關於、部落格、產品、服務、聯繫等頁面,這些就是網站裡面「最上層的結構」。
較複雜的網站,會有第二、第三、第四層結構等。例如:在「與我合作」底下,還有兩個子頁面,分別代表著不同的項目,包含我的產品(課程)和聯繫頁面,以此類推,可以無限擴增結構。
對新手來說,初始的網站結構比較單純,因為還沒有什麼內容可呈現。我建議你,網站結構先「一層」並製作以下「三個頁面」就好,未來等內容越來越多時,再慢慢增加複雜度。
STEP 1. 首頁
首頁(Home Page)是網站的入口頁面,功能是引導讀者快速認識你的部落格。
你可以在這個頁面裡放入一些關於「你的簡介和部落格的資訊」。例如:你是誰、為什麼他們要閱讀你的文章、能如何找到你、電子報訂閱表單、你的產品或服務、最新消息等。
如果你才剛開始經營部落格,手邊沒有足夠的內容可以放,你也可以直接把首頁設定成「部落格頁面」。未來當你經營出心得了,累積的文章也越增越多,到時再來製作一個新的首頁就好。
首先,登入 WordPress 後台。點擊左邊選單「設定」底下的「閱讀」。
進入閱讀設定頁面後,在網站首頁顯示內容那裡選擇「最新文章」再按下「儲存設定」就好囉。
STEP 2. 關於
關於頁面(About Page)是一個讓讀者能深入了解你和你的網站的地方。
當讀者從搜尋引擎裡找到你的文章,若喜歡你的文章,他們就會想進一步了解你這個人,同時探索網站裡的其他內容。因此,關於頁面很有可能會成為你的熱門瀏覽頁面之一,要好好撰寫。
初次撰寫關於自己的文字是一件不容易的事,你可以展開下面的教學來學習如何撰寫。
你可以打開空白的頁面,回答以下的問題。寫完後,你的關於頁面就能有豐富的內容囉。
你的背景故事:這是一個讓讀者認識你的好機會,但是注意,並不是寫下所有關於你的故事。你要寫的內容,必須與這個部落格是有關聯的,讓他們可以串連起對「你和你的部落格」之間的印象。
為什麼你想經營這個部落格:做每件事的背後,都有一個強大的動機,而這個動機,通常可以讓你跟讀者之間產生共鳴。想一想,是什麼原因讓你決定要經營部落格。
你的經營理念與想傳遞的價值:每個人在做事時,都會有自己堅信的理念和價值。也因如此,你才能和他人產生區別,使你跳脫出來。想一想,你的經營理念是什麼,以及你想創造什麼價值給讀者。
你的部落格適合誰閱讀:會閱讀部落格文章的人,通常是想要「找一個答案」的讀者。你可以寫出最適合瀏覽這個網站的人,讓讀者知道他來對了地方,而你或許就是那個能夠幫助他解決問題的人。
為什麼讀者應該閱讀你的文章:這是一個展現你的「專業和權威性」的好機會。若你有獲得任何與部落格有關的報導、媒體刊登或訪談,你可以放上那些媒體的 Logo。若你沒有任何報導,也可以展現「學習和分享的熱誠」,讓讀者知道你很積極在鑽研這一塊,並邀請他們和你一同成長。
你建議讀者怎樣瀏覽你的網站:當看完你的文章,讀者可能會隨意瀏覽你的網站。但若你可以有系統地用「說明文字」來引導他循序漸進地瀏覽你的部落格,他們就有機會停留在你的網站上越久。
你提供什麼產品或服務(Optional):若你本身有在接案或有開發個人的產品,且這個項目是與你的部落格有關,你可以告訴大家你有在做這些事,並附上連結,將他們導入產品或服務的頁面。
你的部落格歷史(Optional):人們大多會對歷史久遠的東西產生信任感,因為它經的起時間的考驗。因此在經營部落格的同時,你也可以紀錄關於部落格的歷史,讓讀者了解部落格的成長歷程。
好啦,相信這些內容已經足夠你分享了,你可以挑選幾個合適的來寫寫看。
提醒你,這個頁面通常是隨著「你的成長」而變動。我自己每年都會重新檢視部落格的首頁和關於頁面,看著這些視覺化的成果,我常會感到不可思議和成就感,同時鼓勵自己繼續努力前進。
STEP 3. 聯繫
聯繫頁面(Contact Page)是一個讀者可以主動與你聯繫的地方。
通常你看到的聯繫頁面都只是一個「留言表單」,但你其實可以做更清楚的引導。例如:若你是自由工作者有提供自己的服務,現在就是個好機會告訴你的讀者,你可以參考以下教學來製作聯繫頁面。
普遍來說,當你完成 WordPress 佈景主題的安裝時,你就的聯繫頁面就已經被建立好了。但假如你沒有這個頁面,你可以下載 WPForms 外掛來建立「留言表單」。
首先,進入 WordPress 後台,點擊左邊選單的「外掛」底下的「安裝外掛」。
接著,在搜尋列表裡面輸入「WPForms」。找到外掛之後,點擊「立即安裝」並「啟動」它。
安裝完成後,點擊 WordPress 選單裡的「WP Forms」底下的「Add New」來新增一個表單。
先為你的表單「取個名字」,再選擇表單模板「Simple Contact Form」並點擊「Use Template」。
系統跑完後,你會看到表單已經建立完成。接下來,點擊左邊選單的「Settings」來進行表單設定。
在 General(一般)裡,你可以將 Submit Button Text(按鈕的文字)和 Submit Button Processing Text(表單送出中)的文字改成中文。
在 Spam Protection and Security(垃圾郵件和安全機制)裡,把「Enable anti-spam protection」勾選來打開垃圾郵件的防火牆。若想啟動雙重保護機制,你也可以打開「Enable hCaptcha」。
在 Notifications(通知)裡,你要進行「留言通知」的設定。當有人寄信給你時,你會收到的信件通知。你可以在 Email Subject Line 裡輸入你想要的「留言通知的信件標題和寄件人名稱」。
在 Confirmations(確認)裡,我們要來設定「表單送出後」的結果。你可以在 Confirmation Type 那裡選擇確認的形式「Message」,直接將確認訊息顯示在同一個頁面上。
接著,在 Confirmation Message 裡打上你希望讀者在寄出留言後會看到的內容。完成之後按下「Save」儲存,再點擊旁邊的「叉叉」回到表單清單裡。
找到你建立的表單,拷貝它的短代碼(Shortcode)。
下一步,我們要將表單插入到你的頁面中。回到 WordPress 後台,建立一個新的頁面。
輸入「頁面標題」,貼上短代碼,設定頁面網址為「contact」,點擊「發佈」將頁面正式公開。
完成,恭喜你建立好一個基本的聯繫頁面!
若你想要多提供一些留言的引導資訊,你可以再回到頁面裡去編輯。例如:我用寫信的方式,分別對讀者、潛在合作對象與回報問題的人給予簡單的指引。
6. WordPress 的必備外掛
使用 WordPress 架站的好處之一,就是你可以透過外掛(Plugins)來擴充網站的功能,任何你想的到的功能,都有很大的機率能找到外掛來幫你實現。
在下載外掛時,因為選擇非常多,不小心可能會安裝過多不必要的外掛,導致網站速度變慢,甚至可能毀壞網站。因此安裝外掛時,還是要謹慎小心,你可以參考「以下幾點」來篩選外掛的品質:
- 更新時間:更新時間愈近,代表這個外掛現在仍有在進行維護和優化。
- 使用者評論:從最近期的評論開始閱讀,若看到有人說「外掛毀了他的網站」就要評估一下。
為了協助你能夠更順利的開始經營部落格,我整理了「九個推薦必備」的外掛。在這些外掛中,有部分皆提供「免費和付費」的版本,但我覺得免費版本的功能就很好用囉。
流量:Site Kit by Google
經營部落格時,你會想知道誰來你的網站、待了多久、看了哪些內容、點擊哪些連結等,而這些數據都可以透過 Google 旗下的產品來取得,以下是常見的 Google 實用工具:
- Google Analytics:網站流量統計的工具。
- Google Search Console:網站管理員工具,可以看到更多使用者的分析數據。
- Google PageSpeed Insights:可查看並優化你的網站速度。
- Google Adsense:可透過曝光和點擊來創造收益。
以上這些功能全是免費的,只要申請就能使用。當你申請完,就可以用 Site Kit by Google 來整合性的觀看數據。你可以直接在 WordPress 後台裡看到這些資料,超級方便,非常推薦你下載。
SEO:Rank Math
你撰寫的文章能被越多人看見,你的部落格就有機會能夠賺取更多的收益。而你必須在搜尋引擎(Search Engine)裡有良好的表現,擁有較高的排名,你的內容才會出現在搜尋頁面的前幾頁,如下圖。
為了達到這個結果,你需要進行搜尋引擎的優化(Search Engine Optimization, SEO),而 Rank Math 就是要協助你改善文章裡的資訊,包含文章標題、文章說明、內容長度、關鍵字設定等,讓你能有更好的排名。
備份:UpdraftPlus
個人經營部落格,網站就是你的資產,因此養成「定期備份」的好習慣能為你自己多買一份保險。
UpdraftPlus 是一款強大的定期自動備份軟體,當你因為網站被駭、系統無預警出錯、修改網站時意外調壞設定時,你就可以利用這個外掛來 Restore(恢復)你的網站,像我就被這個外掛拯救好幾次呢。
網站成效:WP Rocket
影響讀者操作體驗其中一個很重要的關鍵,就是「網站載入速度」。當網頁被開啟時,瀏覽器需要載入非常多程式碼,載入完成後,使用者才能看到你的網站,而 WP Rocket 能幫你縮短網站載入時間。
WP Rocket 是網頁快取外掛,透過整合與壓縮你的檔案,網站可以大幅提升速度與效能,是非常推薦必備的外掛。這款外掛目前只有付費版本,因此你可以等到網站有較穩定的流量與足夠的內容後再使用。
在提升網站速度上,除了選擇輕量的 Blocksy 佈景主題,加上 WP Rocket 的幫助使我的網站表現來到評分 A 等級 100% 的最佳表現,是我覺得最相見恨晚的一款外掛。
當你在修改佈景主題時,或要在 WordPress 上安裝某種功能時,你偶爾會需要「手動加入程式碼」在網站的頁首(Header)或頁尾(Footer),這時就能用 Header Footer Code Manager(HFCM)來管理程式碼。
你可以將所有程式碼「整合」在一個地方。當需要修改程式碼時,你不用到個別的頁面裡去調整,只要在 HFCM 的總後台進行修改,它就會自動將網站上有這個程式碼的地方全部連動更新,非常方便。
表單:WPForms
經營部落格,撰寫文章只是其中一件小事,真正重要的是「與你的讀者互動」並建立信任關係。透過互動,你可以知道他們的想法、困境、實際需求等,如此才能為你的部落格帶來源源不絕的靈感和創造收入的機會。
WPForms 是建立表單的外掛,包含留言表單、購買表單、調查表單等,通通可用這個外掛來製作。透過簡單的拖拉(drag & drop)就能快速建立好不同類型的表單,也可加入結帳系統,是必備的外掛之一。
內容:LuckyWP Table of Contents
在撰寫文章時,偶爾會有越寫越長的情況發生,這時給予內容適當的「分段」就非常重要。不僅可以提升讀者在閱讀文字時的吸收力,幫助他們更好理解你寫的內容,讀者也更容易記住文章的重點。
LuckyWP Table of Contents 是我從經營部落格開始就使用的外掛,設定簡單好上手。唯一的缺點,雖然免費版本很好用,但若要客製化設計就得自行撰寫程式碼,或升級至付費版本。
若喜歡文章,請花 1 秒點選廣告給予支持,再繼續往下閱讀 :^)
7. 結束與啟程
這篇文章很長,資訊很多,但是你閱讀到這裡了,並且成功建立一個屬於你的部落格,這對沒有架站經驗的人來說一點都不容易。請好好為自己喝采,小小慶祝一下吧!
接下來的日子,將是你的盈利部落格之旅的啟程。你將會開始撰寫文章,並且學習更多有關網站架設、部落格經營、SEO、一人事業等知識。你會遇到新的瓶頸,並且突破困境,在技術和思想上都會逐漸成長。
你準備好為自己的理想奮鬥了嗎?現在就對自己許下願景,讓我們一起努力。
最後,我想邀請你和我分享你「為什麼決定經營部落格」的動機和願景。你可以在底下留言或寫信給我,無論哪一種我都會看,並且親自回覆你。See you soon, should we?
延伸閱讀:如何用部落格賺錢的「九個方法」
歡迎你訂閱我的電子報,在提升個人成長的路上,我會持續學習,將自己的經歷誠實的分享給你。如果你覺得這篇文章寫得不錯,你也可以把它分享給你認為需要的人喔。