2025|WordPress 架站教學:從零開始經營部落格網站

❬ 聲明 ❭ 本文內的連結有部分參與聯盟計畫,分潤將用於網站的維護,更多詳情點此說明

本文為部落格新手自學「個人網站架設與經營」的教學指南。

在建立多元收入組合的期間,我不斷探索能獲得極大自由的賺錢方法,而透過部落格網站來紀錄生活、探索自我成長的歷程和創造收入,是既實用又充滿意義的選擇。

這是個沒有年紀、職業和性別限制,以相對低成本、在全世界任何地方都能進行的斜槓收入。最棒的是,它經的起時間考驗,只要好好經營,它將隨著歲月的更迭與你一同進化。

多年來,我獲得了超出自己原先預期的成果、學會許多知識技術,也踩過不少誤區。為了協助你能開始經營部落格,我將秘訣整理成《 新手的網站經營四部曲 》,本篇是首部曲

【 延伸閱讀 】

建立一個 WordPress 個人網站,通常只需 15 分鐘,其他時間則用來構思網站定位、設計網站視覺與內容。我整理出一個簡單的架站流程,讓你用「六個步驟」就能輕鬆在家開始架站!

準備好了嗎?找出一段不被打擾的時段,我們開始吧!

只要喜歡寫字、對創作或探索特定主題的事物有興趣的人,都很適合。

除了能紀錄生命成長和學習的軌跡,它還可以成為行銷自己的管道,創造多種的收入來源,包含:廣告收益、販售個人作品、服務或產品等。

你不必是專家,任何人都有機會成功靠部落格來賺錢;若你不熟悉電腦操作,別擔心,現在的介面都很人性化,我也附上詳細的解說帶著你逐步前進。

你可能會擔心在影像主宰的世界中,還有人會閱讀文字嗎?答案當然是會。

每個人習慣吸收資訊的管道都不同,無論是看影像、聽播客或閱讀文字,只要你能創造出有價值的內容,就可以找到喜歡你的人,並進一步創造收入。

除此之外,還記得嗎?許多經典電影或戲劇都是源自於文學作品。文字是創作的基石,是資訊傳遞最初始的模式,沒有文字,就沒有文明。

部落格的歷史悠久,其「文字的本質」便是它屹立不搖存續至今的原因。

2025 年,AI 的崛起更是經營部落格好時機。利用人工智能搜集大數據的能力,可以幫助你在經營網站上更有效率。例如:分析 SEO 關鍵字。

請注意:我不建議使用 AI 撰寫文章,因為那會剝奪你的大腦成長思考的機會。

第一次申請網站系統網址註冊,通常享有「首購族」優惠。建置一個最基礎的網站,首年最基本的開銷是 35.76 美元,非常划算!

而依據你選擇的方案,逐年會有不同的續約費用,詳細將於下方教學裡說明。

1. 設定部落格的主題與定位

每個網站都會有一個定位,並依此決定之後內容經營的走向和策略。

若你以未來想靠部落格創造收入為最終目標,在初期想定位時可用利基市場(Niche)來思考,又稱小眾市場,即「在主流市場中找到被忽視的細分市場」。

也就是在現有市場中,找到「未被滿足的一群人」,並為他們提供價值、服務或解決問題。

例如:通常健身房是針對一般大眾來設計課程,但若你專注於針對「糖尿病患者」來提供客製化的服務,便能立刻與其他品牌畫出區別,脫穎而出。

1.1. 發想部落格的主題

首先,參考以下問題來發想部落格的主題,請以直覺回答:

  • 列出自己「有興趣和熱誠」的事情。
  • 你最愛跟身邊的人聊什麼話題?
  • 你最常看的電影或書籍是什麼類型的書?
  • 沒人要求你,你也會主動去做,甚至花很多時間進行的事情?

1.2. 決定部落格的定位

決定好主題後,再用以下問題來決定部落格的細分定位

  • 在上述提到的領域中,有什麼是目前網路上還沒有足夠(好)的資訊?
  • 你希望網站能帶給別人什麼感受或幫助?
  • 你希望別人能從你的網站裡獲得什麼價值?
  • 你能如何與別人畫出區別?如:個人特色、文字風格、提供獨特的資訊。
  • 你的目標讀者是什麼樣的人?如:年齡、興趣、職業、角色或狀態。

總結上述的答案,相信你對部落格主題與定位已有初步的構想。隨著經營的時間越久,你可能會有更多其他的想法,到時若需要重新調整定位,都是很常有的事喔!

不需要是專家,只要對經營的主題有熱誠,你就會有充足的好奇心驅動你持續學習。而事實上,全球的每個專家也都是從懵懂無知開始接觸、試錯與成長。

你可以選擇「和讀者一起成長」,我就是這麼做的。因為世界上一定有和你相似的人,有著跟你相同的問題,只要樂於分享經驗,喜歡你的人就會找到你。

主題領域的選擇非常多元,例如:美食、烹飪、旅遊、科技、投資、金融、感情、攝影、藝術、書法、芳療、運動、身心健康、視覺和平面設計、程式設計、教育、職涯、時事新聞等。

初期若不太確定想長期經營的主題,建議先選定其中的「1-3」個,嘗試寫作三個月。寫作時,觀察自己做這件事的感受和情緒,你會得到答案。

無論是不知道要寫什麼主題,或想經營的主題太多無法抉擇,當遇到這些情況,建議「直接開始寫」就對了。寫作是一個釐清思緒的過程,當你開始付諸行動,有實際的體驗,方向與喜好就會越來越清晰。

記住,沒有完美的決策,你不會做錯,不會失敗,永遠只有學習和成長。

2. 發想部落格的名稱與網址

有了部落格的主題、定位與目標受眾,接著就要為你的網站進行命名。通常,部落格的名稱會直接變成你的網址,例如「yourblogname.com」,而名稱同時也會是讀者對你的第一印象。

2.1. 決定部落格的名稱

部落格的名稱越能直覺地連結「你的主題與對象」越好。常見作法有四種:

  1. 直接用你的名字或綽號
  2. 參考公式「你的目標對象」加「你的主題」
  3. 加上特定的名詞、形容詞或動詞
  4. 自行創造新的字彙

例如:沒有牆的小房間、無憂室、雪莉的非典型幸福學、跳芭蕾的媽媽等。

2.2. 決定部落格的網址

有了網站的名稱後,接著要設定部落格的網域名稱(又稱網址,URL)。參考以下建議:

  • 把部落格的中文名稱,直接翻譯成英文
  • 用你的名字當作網址
  • 用一句簡短好記的話命名,例如 iamchampion.com(我是冠軍)

容易讓人記得的網址,通常是較短的網址、簡單好拼寫,字數控制在「2-4」個英文詞彙。

寫下幾個候選名單後,到 NameCheap 檢查有沒有被註冊過。將「你的網址」打在輸入框,選擇「.com」後點擊「Continue」,若結果顯示為「Available」就表示網址可使用。

com 的全名為 commercial(商業),早期代表商業網站的意思,但現在已普及化,沒有這個限制,建議直接選擇「.com」就可以了。其他常見的還有 .org(組織)、.edu(學校)和 .tv(影視產業)等。

若你要申請的虛擬主機是 BluehostA2 Hosting,它可以在申請時選擇「之後再決定網域名稱」,讓你能先開始經營部落格,不必現在就做決定。

無論是部落格名稱或網址,之後都能更改,千萬別讓自己被完美主義綁架囉!

當然!你可以隨時更改部落格的名稱和網址。若需要更改網址,只要到 NameCheap 購買一個新的網址就好了,點擊這裡看教學。

3. 建立你的部落格網站

架設網站共有「三種方法」,分別是:自己用程式碼寫出一個網站、用第三方平台快速架站、自己用內容管理系統架設網站。 —— 在這些方法中,我最推薦第三種。

使用內容管理系統(Content Management System,簡稱 CMS)架設網站,價格最便宜,功能擴充性強且彈性自由,是多數人的首選。其中,尤以「WordPress」最知名。

WordPress 是一款免費開源軟體,任何人都可以使用這個系統。創立於 2003 年,最初是專門為部落客開發的工具,現已成為各大企業愛用的架站系統,有非常龐大的使用者。

我自己最愛用它來架設網站,速度快又簡單,且網路上教學非常多,有問題不怕沒得問。最重要的是,你將擁有整個網站資料的所有權,不會被其他平台掌控

若想用低成本建立一個具有營利性能的部落格,使用「WordPress 」就對了。

開源軟體,又名開放原始碼軟體,其精神是允許程式自由再散佈、授權他人自由修改程式,因此每個人都能免費取得軟體,不需花任何錢購買就能使用它。

要使用 WordPress 架設網站,必須將其安裝到電腦主機上才能運行。開發團隊考量到不會架站的人,因此有了第三方架站平台「WordPress.com」的出現,讓專家直接幫你安裝和管理網站系統。

若你的最終目標是經營一個能創造收入的部落格,我建議「自學網站架設」。在功能上不會被限制權限,完全開啟外掛的擴充性,並保持極低的預算。

我會按部就班地教你如何從零開始架站,讓你能簡單的學習與執行!

快速建立網站的必備三元素

建立一個網站需要「三個東西」,分別是:內容管理系統、虛擬主機、網址

虛擬主機(Web Hosting)是用來存放網站資料的地方。我們要將內容管理系統架設在主機上,再將這個主機與自己的網址串連起來,這樣網站就建置完成啦!

關於主機商,我曾用過很多品牌,而多年來最推薦給新手的一直都是「Bluehost」。Cloudways 也很多人推,但因價格較貴,使用後個人覺得 CP 值普通,就不再納入推薦。

Bluehost 是歷史和 WordPress 一樣悠久的公司,全球有 400 萬個網站都是用此款主機,使用者非常龐大。價格便宜 CP 值高,24 小時客服支援,操作介面簡單好上手,且能一鍵安裝 WordPress,對新手非常友善。

決定好了嗎?,我們開始來「申請虛擬主機」吧!

如果想要快速完成網站系統的建置,並及早開始經營網站內容,你也可以委託我直接幫你製作網站。歡迎聯繫我索取報價,讓我們有效率的展開部落格經營的旅程!

3.1. 選擇你的 Bluehost 主機方案

打開 Bluehost 官網,點擊「Get Started Now」開始購買流程,取得免費的網域。

接著,選擇虛擬主機的方案。我個人建議「Basic」就很夠用,其他方案的附加功能,都可以靠下載免費外掛來達到相同的效果。

3.2. 輸入你的網域名稱

下一步,我們要設定部落格網址(Domain)。

你可以把「想要的網域名稱」輸入進去,保持「.com」不動,點擊「Search For Domain」。若你的網址還沒有被註冊過,可以使用,頁面會直接跳轉至購物車。

3.3. 確認你的購買細節

購物車裡會有「四個」東西,包含:Basic Hosting(主幾方案)、.com Domain(網址)、Domain Privacy+Protection(網域隱私保護服務)、Professional Email Trial(專業信箱)。

Domain Privacy+Protection(網域隱私保護服務)是註冊網域時非常重要的項目,能保護註冊者的個資不外洩,是必須包含的項目,不建議刪除。

把握首購族優惠:第一次購買是最划算的時候,若你計劃長期經營部落格,建議選擇「3 Year」方案,直接享有三年優惠。假如不確定,也能先買「1 Year」就好。

確認價格沒錯的話,點擊「CONTINUE TO CHECKOUT」開始結帳。

3.4. 新增你的個人資料和付款資訊

來到購買的最後一個頁面,請以「英文」輸入全部的個人資料,包含:聯絡資訊(Contact Information)帳號資訊(Account Information)付款資訊(Billing Information)。

3.4.1. 聯絡資訊

你可以用這個工具來翻譯台灣地址,若太長就切成兩行來輸入。請注意,信箱要寫「能收發重要信件」的正常信箱;電話號碼要輸入國碼,例如:+886979425657。

3.4.2. 帳戶資訊和付款資訊

接著,要填寫「Bluehost 帳號的密碼」。請注意,密碼設定須符合規定,包含:8-16 個字元、大小寫字母、至少 1 個數字、至少 1 個特殊符號。 —— 寫完後,記得把密碼下來噢!

最後,填寫信用卡資訊。都寫完後,點擊右邊的「SUBMIT PAYMENT」去結帳。

3.4.3. 收取「信箱認證」通知信

購買完成後,你一定會在信箱收到兩封信,分別是:購買明細(Bluehost Order Confirmation)認證通知信(Alert: Keep Your Domain Active)

在購買明細中,會有你的「Bluehost 登入帳號和密碼」的資訊,以及暫時網址(Temporary Domain)。當申請的網址還未建置完成時,系統會自動先以這個暫時網址替代。

另一封「信箱認證」通知信,非常重要。務必開信,點擊下方的「CONFIRM EMAIL ADDRESS」完成信箱的驗證,申請才算完成喔!

3.5. 安裝 WordPress 系統

購買完成後,頁面會導至 Bluehost 管理後台,並跳出視窗顯示 WordPress 已正在安裝中,很快吧!點擊「LOG IN TO WORDPRESS」,你就可以登入 WordPress 管理後台。

初次建置網站,Bluehost 會問你是否需要引導,點擊最下方的「I’m following a tutorial, take me to the WP Admin Dashboard」離開頁面。

當看到以下畫面時,代表你已經完成網站的建置了!這裡是 WordPress 的管理後台,未來網站中所有的內容都是在這裡進行編輯。

3.6. 進行 Bluehost 安全設定

現在,我們要來進行「三個」Bluehost 的安全設定,分別是:安全碼(PIN)恢復帳戶的資訊(Recovery Information)雙重驗證設定(2-Steps Verification)

3.6.1 設定安全碼

請回到 Bluehost 管理後台,點擊右上方個人檔案小圖裡面的「My Profile」。

你會進入「設定 PIN 安全碼」的頁面。PIN 碼需由「六個數字」所組成,規則是不能重複、不能有兩個連續的數字,輸入完後點擊「NEXT」。

PIN 碼的用途:是當你跟客服聯繫時,對方會要你提供這組密碼,以保障帳戶安全。

接著,回到信箱收取「六位數」的認證碼,填回網頁中後,點擊「VERIFY」。

3.6.2. 設定恢復帳戶的資訊

下一步,要進行「恢復帳戶」的安全設定,點擊「SETUP」開始。這個用途是,當未來你的 Bluehost 因意外帳號被鎖時,可以用來進行驗證。

選擇「你的國家」,填上「你的電話號碼」後點擊「CONTINUE」。完成後,到手機的簡訊收取六位數的認證碼,回填網頁並點擊「VERIFY」。

接著,輸入「你的信箱」後點擊「CONTINUE」,到信箱收認證碼,再次回填網頁。

3.6.3. 啟動雙重驗證的功能

最後一個安全設定是「雙重驗證」,點擊「SETUP」開始。

看完雙重驗證的說明後,點擊「ACTIVATE」。你會看到一串 Recovery Key,請把它們複製下來貼到你的筆記本,之後按「FINISH」就完成啦!

未來要登入 Bluehost 後台時,你都會需要到信箱收取認證碼,輸入認證碼才能登入。

3.7. 設定 WordPress 的使用者帳號和密碼

通常,登入 WordPress 後台有兩種方式。一種是從 Bluehost 管理後台進入網站後台,另一種是直接打開 WordPress 網站的登入頁面,後者較快速方便。

為了之後能快速登入網站後台,我們要設定「WordPress 的使用者帳號和密碼」。

3.7.1. 進入你的網站資料庫

到 Bluehost 管理後台的「Websites」選單裡,於右側找到你的網站並按下「SETTINGS」。

把頁面往下拉,點擊右下方的「PHPMYADMIN」進入資料庫。

3.7.2. 修改使用者的個人資料

在左邊列表,找到並點擊名稱是以「…._users」結尾的項目。打開頁面後,你會看到全部 WordPress 使用者的資料。目前只有你一個,點擊「Edit」進入修改。

依序將以下項目輸入成你的個人資訊:

  • user_login:登入 WordPress 的使用者 ID。
  • user_pass:登入 WordPress 的使用者密碼。設定完時,在 Function 欄位選擇 MD5
  • user_nicename:在 WordPress 後台顯示的使用者名稱。
  • user_email:WordPress 的使用者連絡信箱。
  • display_name:在網站上公開對外顯示的使用者名稱。

輸入完後,點擊下方的「Go」儲存設定就完成囉!未來你將能透過以下網址快速登入網站:

WordPress 後台登入頁面:https://你的網址.com/wp-admin

把網址記下來,以後就不用透過 Bluehost 來登入網站後台了,非常方便!

3.8. 設定網站的基本資訊

完成系統的建置後,我們先試著來設定一些關於網站的基本資訊吧。請進入 WordPress 後台,點擊左邊選單的 Settings(設定)底下的 General(一般設定)

開啟頁面後,依照下圖標示來修改你想調整的項目。

  • 網站標題:你的網站名稱。
  • 網站副標:用簡短的一句話形容你的網站。類似電梯演講,想像在搭電梯的短時間裡如何向別人介紹你的網站,幫助他們迅速理解你在做的事情。
  • 網站圖示:又稱 Favicon,此圖會顯示在瀏覽器的頁籤裡,尺寸為 16×16 或 32×32 px。
  • 管理員信箱:若網站有任何更新,會寄通知至這個信箱。
  • 網站介面語言:WordPress 後台操作介面的語言,可切換成其他語言,如中文。
  • 網站時區:系統會依此時區顯示發佈或更新文章的時間。

其他如日期和時間的格式,可依喜好進行調整,完成後點擊「Save Changes」存擋。

若尚未有自己的網站圖示,可參考下方影片,使用 Canva 來製作你的圖示。目前免費版就能使用很多素材,非常方便!

在 WordPress 上傳完圖片時,視窗的右側會有填寫「媒體資訊」的地方,包含:替代文字媒體說明文字內容說明

  • 替代文字(Alt Text):此文字不會公開顯示。用途是為了無法看到圖片的讀者(如視障人士)或圖片載入失敗時,提供描述文字,需要精確的描述圖片內容,如:正在喝水的小狗。 —— 這是搜尋引擎理解圖片內容的重要依據,幫助提升 SEO 排名。
  • 媒體說明文字(Caption)此文字公開顯示於圖片下方。用途是向讀者說明圖片內容或來源
  • 內容說明(Description)此文字不會公開顯示。用途是供開發人員或媒體庫管理使用。你可以填寫關於圖片較完整的背景資訊,如:攝影者、拍攝地點、使用授權等。

建議確實填寫上述資料,若沒時間進行全部的設定,至少一定要寫「替代文字」,能幫助你的網站增加曝光度,提升圖片在搜尋引擎裡的排名。

3.9. 整理 WordPress 後台

通常架設好一個新網站,除完成基本設定,我還會整理 WordPress 的後台,將用不到的資料刪除,並取消安裝多餘的外掛功能,避免降低網站速度和性能,保持後台整潔。

用 Bluehost 架站,官方通常會自動安裝預設的外掛,但我們不一定會全部用到。因此,我習慣先將它們通通刪除,未來有需要再個別安裝。

首先進入 WordPress 後台,在左邊選單找到「外掛」底下的「已安裝的外掛」。開啟頁面後,在列表中找到「The Bluehost Plugin」後點擊「停用」。

接著,把「外掛名稱」旁邊的空格打勾,選取全部的外掛,但把「Akismet Anti-spam: Spam Protection 和 WPForms Lite」取消勾選

下一步,點擊「批次操作」並選擇「刪除」後,按下「套用」來刪除所選取的外掛。

Hooray,恭喜你前進了一個里程碑,完成網站的「系統建置」與「初步設定」,快小小慶祝一下!下個階段,我們要來安裝網站的佈景主題,開始進入設計的環節囉。

4. 安裝佈景主題和版型

在 WordPress 管理網站的視覺設計,有「兩個」重要元素:佈景主題版型

佈景主題(Theme),是控制網站整體的外觀與功能的總管,為網站設計的載體,包含:全站通用性的樣式、字體、佈局、顏色、側邊欄、頁首、頁尾等。

版型(Template)依附在佈景主題之下,進而製作出一系列文章或頁面的排版設計。開發者將這些內容打包成一個模板檔案,供使用者快速套用。

你的任務是,找到一個好的佈景主題,並從中選擇一個喜歡的版型來安裝。

如何挑選一個優質的佈景主題?

市面上許多佈景主題供應商,都會附上一個或多個版型可挑選,但在琳瑯滿目的選擇中,我們該如何判斷品質的好壞?一個好的佈景主題供應商,應該符合以下條件:

  1. 輕量快速:佈景主題本身的程式設計結構,會大大地影響網站的效能。
  2. 持續更新:Wordpress 系統時常更新,因此佈景主題也需持續更新,避免網站壞掉。
  3. 客服支援:每個佈景主題設計都不同,當操作遇到問題,一定要有專人能支援。
  4. 內建的功能符合需求:每個佈景主題都包含豐富的功能,要評估哪些功能是多餘的,安裝過多外掛會降低網站速度和性能,影響搜尋引擎排名。
  5. 具備響應式設計(Responsive Design, RWD):確保佈景主題有針對電腦、平板電腦和手機介面提供客製化的排版設計,以提升讀者的網站瀏覽體驗。

初期經營部落格,我建議先使用「免費佈景主題」來小試身手。等網站的訪客流量增加,且有足夠的預算後,可再付費升級,擴增更多客製化的功能。

我個人最愛用的是 Blckosy一款針對 WordPress 原生編輯器 Gutenberg 開發的佈景主題,極致輕量,速度快。有多達 40 種版型可選擇,操作介面直覺好理解。

他們的客服團隊也很優質,每當我遇到問題都能很快獲得技術支援。自從我換到 Blocksy 佈景主題後,GTmetrix 的表現從「D等級53%」提升到「A等級100%」,非常驚人。

Blocksy 除了有免費和訂閱制,也有「一次買斷」的選擇,很佛心。

Premium 付費版可打開所有的設計潛能,我使用Premium 版已四年了,很喜歡它能針對不同的頁面進行頁首、頁尾和側邊欄客製化的功能,對行銷提升讀者體驗十分有幫助。

範例:本篇文章的側邊欄的功能是「內容目錄和電子報訂閱表單」,但在部落格總頁面裡,側邊欄我是放「最新文章、文章分類、電子報訂閱表單和廣告」。

下一步,我們開始來安裝 Blocksy 佈景主題,用免費版進行示範!

4.1. 下載與安裝 Blocksy 佈景主題

在 WordPress 後台裡,點擊左邊選單裡的「外觀」底下的「佈景主題」。

在這裡,你會看到正在使用所有安裝過的佈景主題,點擊上方的「安裝佈景主題」。

接著,你會看到很多佈景主題的選擇。你可以自己選擇一個,或跟著我的示範,在右邊的搜尋列輸入「Blocksy」來快速搜尋我推薦的主題。

找到之後點擊「安裝」,系統就會開始進行安裝。安裝完後,同樣的地方會變成「啟動」按鈕,記得要點擊啟動,佈景主題才會正式套用到你的網站。

4.2. 安裝網站版型

啟動完成後,上方會出現「安裝 Blocksy Companion 外掛」的系統提示通知,點擊安裝。

外掛安裝好之後,頁面會直接跳轉到 Blocksy 佈景主題的首頁。

在這邊,你可以透過點擊「自訂」快速前往修改設計的地方。若不知道功能的用途,點擊「線上說明」可看官方做的教材。 —— 現在 AI 翻譯已算很精準了,建議用瀏覽器直接翻譯成中文來學習,Youtube 影片也能切換成自動的中文翻譯喔!

現在,點擊「入門網站」的頁籤,我們要來安裝版型囉。

首次經營部落格,可先從結構最單純的版型開始,選擇最下方的「News」版型。找到之後,點擊「匯入」來安裝版型。

匯入共有「三步驟」,你可以按照我的選擇進行設定:

  1. 安裝子佈景主題:打勾。子佈景主題是防止你更改到原佈景主題的設定,避免網站壞掉。
  2. 安裝並啟用外掛:全打勾。這些外掛是此版型設計所用到的功能,需要安裝。
  3. 匯入內容:除了「Content」不要,其餘全打勾。為了呈現完整的視覺給你看,系統預設了許多內容,避免之後還要自行刪除,我們不要匯入。

安裝完後,點擊「查看網站」就能預覽你的網站了。目前它會長的和模板很不同,那是因為你的網站裡目前沒有內容,等到內容陸續新增時,一切就會不同囉!

【 延伸閱讀 】Blocksy 教學:如何客製化 WordPress 佈景主題的外觀設計

5. 製作部落格的內容

現在萬事俱備,就差把東西放進網站中了,我們開始來規劃網站內容吧!

一個網站的基本結構,常被切分成四個區塊:Header(頁首)Sidebar(側邊欄)Footer(頁尾)主要內容區(Article)。 —— 你所安裝的版型,目前也是這個架構喔。

這些區塊裡常見會放入的元素,包含以下內容:

  • 頁首:網站 Logo、網站標題、網站副標、網站選單
  • 頁尾:網站 Logo、網站標題、網站副標、網站選單、版權聲明、法律聲明
  • 側邊欄:最新文章、文章分類、最新回應、文章彙整、電子報訂閱、廣告欄

其中,「網站選單」非常重要,是我們第一個要規劃的內容。它是網站的地圖,負責引導讀者如何瀏覽網站的指南,當規劃好這個選單內容,基本上你的網站結構就出來了。

一般而言,部落格網站的結構單純,基本的選單項目,包含:首頁、關於、部落格頁面、聯繫頁面,以下我將針對各個頁面進行內容的說明。

5.1 部落格網站的四個基本頁面

建議先看完頁面製作的說明,再照著 5.4 的指示跟著製作哦!

5.1.1. 首頁

首頁(Home Page)是網站的入口頁面,具行銷性質,有「兩個」常見的功能。

第一個,讓讀者能快速認識你和你的網站;第二個,讓他們可以留下聯絡資訊

你可以放一些簡短資訊在這個頁面裡,若讀者想了解更多,再請他們前往特定頁面。例如:網站簡介、你的簡介、媒體報導、電子報訂閱、你的產品或服務、最新消息和文章、廣告等。

若你才剛開始經營部落格,手邊沒有足夠的內容能放,你也可以直接把「部落格頁面」設成首頁。未來當你累積更多經驗,有更多資訊能放到網站中時,再製作首頁即可。

本設定教學,只適用於使用 Blocksy 佈景主題。首先,在 WordPress 後台的選單找到「外觀」並點擊底下的「自訂」。

進入自訂區後,將左邊選單拉到最下方的「首頁設定」,點擊打開。

在網站首頁顯示內容的地方,選擇「最新文章」,點擊上方的「發佈」存擋。

5.1.2. 關於本站(或站長)

關於頁面(About Page)是一個讓讀者能「深入了解」你和你的網站的地方

當讀者從搜尋引擎裡找到你的文章,若喜歡文章,他們就會想探索網站裡的其他內容,或更深入地瞭解你的故事、經歷和背景,甚至因此開啟合作的機會,是相當重要的一頁。

在關於頁面裡,你可以用「第一人稱」撰寫跟以下有關的內容:

  • 你的人生故事:這是一個讓讀者認識你的好機會,但不是要寫下關於你的所有事情。你寫的內容需要與這個部落格有關,幫助他們加深「你跟部落格」之間的連結。
  • 為什麼你想經營這個部落格:每件事的發生,都有一個目的和動機,這個動機通常可以讓你跟讀者產生共鳴。想一想,是什麼原因讓你決定要經營部落格。
  • 部落格的經營理念與想傳遞的價值:每個人都有自己堅信的理念和價值,也因此使每個人成為獨一無二的存在。分享你相信的事物,以及它如何被展現在你的部落格中。
  • 你的部落格適合誰閱讀:在前面發想部落格主題時,你應該就想過這題答案了。將它們特別寫出來,使你的目標讀者知道你或許能夠幫助他們。
  • 你的履歷或里程碑:向讀者展現你的資歷、專業和權威性。若你有獲得與部落格有關的報導、媒體刊登或訪談,放上媒體的 Logo。若無任何報導,也可以記錄學習的里程碑,讓他們知道你持續在這個領域中成長。
  • 你提供什麼產品或服務:若你有自己的產品或提供接案服務,並且是與部落格經營的主題有關,你可以告訴讀者你有在做這些事,將他們導入產品或服務的頁面。
  • 部落格的歷史:歷史悠久,代表經的起時間考驗,能使讀者對你的內容產生信任感。因此在經營部落格期間,你也可以記錄並分享部落格成長與轉變的歷史。

上面這些問題,你可以挑一些來發想,作為關於頁面裡的內容。

提醒你,這個頁面會隨著「你的成長」而更新,我每年都會檢視網站裡的內容,確保資訊不過時。看著網站的這些歷史足跡點滴的累積,經營起來其實很有成就感的喔!

5.1.3. 部落格頁面

部落格頁面,就是彙集所有「網站裡的文章」的頁面。

通常,WordPress 系統會自動生成這一頁的內容,所以我們不需要編輯這一頁,只需新增一個空白頁面,並把文章代稱設為「blog」即可。

剛建好的頁面,預覽網頁會是空白的,因為裡面還沒有任何文章。當你開始新增文章了,部落格頁面裡的內容就會顯示出來囉!

5.1.4. 聯繫頁面

聯繫頁面(Contact Page)是一個讀者可以主動與你聯繫的地方。

通常,聯繫頁面裡都會置入留言表單,但若想簡單地提供方便的聯繫資訊就好,也可以把這個頁面的連結設定成「直接寄信給你」,參考這個語法:mailto:你的email網址

建立留言表單,需要先下載 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」之後,點擊「發佈」將頁面正式公開。

完成,恭喜你建立好一個基本的聯繫頁面囉!

5.2. 如何新增部落格文章或頁面?

WordPress 有「兩種」網頁內容型態,分別是文章(Post)頁面(Page)。在後台打開這兩個設定區,會發現介面幾乎長得一樣,那該如何決定什麼時候要使用哪種網頁內容呢?

我個人的習慣是,當需要撰寫部落格文章時,就選用「文章」來撰寫內容,如日記、遊記、教學文章、心得體驗文等;若要製作行銷導向的功能性網頁,如首頁、關於頁面、聯絡頁面、產品或服務頁面,則會選用「頁面」來製作。

有清楚的區分,你也會更好管理網頁的內容,要找特定網頁時才能快速找到。

現在,我們來學習如何新增一篇文章吧!新增頁面也是同樣的方式喔!

5.2.1. 新增一篇空白文章

在 WordPress 後台的左邊選單裡找到「文章」並點擊「新增文章」。

5.2.2. 編輯文章內容

畫面中,你會看到左半邊為「內容編輯區」,右邊則是「文章設定區」。

在內容編輯區裡,你會看到一個黑色的 [+] 按鈕,這裡是可以讓你新增各種內容元素的地方。例如:標題、段落、清單、引文、圖片、圖庫、影片、電子報訂閱表單等。

若你使用過電腦的文書處理軟體,如 Word 或 PowerPoint,編輯概念是差不多的。以下是幾個常見的元素,通常我只用這些而已,非常單純。

你可以嘗試點擊這些元素,試著隨便打一些內容,很快就能知道其用途。

5.2.2. 預覽草稿

編輯文章時,記得時常存擋。尚未發佈文章前,可以點擊「儲存草稿」來存擋,並點擊右邊的「電腦圖示」,在跳出的視窗裡選擇「在新分頁中預覽」就能預先查看文章上架後的樣子。

5.2.3. 進行文章基本設定

確認文章編輯完成後,點擊發佈按鈕左邊的「切割視窗圖示」來開啟文章的基本設定區。在這邊,有幾個重要的資訊需要設定,這裡設定的內容,會影響到 SEO 的曝光

  • 精選圖片:文章的封面圖片。
  • 內容摘要:文章的摘要,約 50 字以內即可。
  • 代稱:這個代稱會加在你的網址後面,成為本篇文章的永久連結。例如:代稱為「post-name」,本篇文章的網址就是「https://你的部落格網址/post-name」。
  • 分類:文章的分類。若還沒有建立分類,可點擊「新增分類」。
  • 標籤:文章的標籤(#tag)。設定一些關鍵字代表這篇文章,數量「3-10」個即可。

當完成所有設定之後,就可以按「發佈」讓文章正式上線啦!

以上即是完成一篇文章的流程,是不是很單純呢?快嘗試建立一個「關於頁面」吧!

5.3. 如何建立網站選單?

有了頁面之後,下一步就可以來建立「網站選單」。首先,在 WordPress 後台左邊選單中找到「外觀」底下的「選單」並打開。

我們要先建立一個選單。在選單名稱裡輸入「頁首選單」,並於下方的選單設定處勾選「頁首選單 1、行動版選單」後,點擊「建立選單」按鈕。

接著,從左邊的新增選單項目裡去新增我們要的選單項目。你可以把頁面、文章和文章分類設定成選單項目,也可以自訂連結作為選單項目。

現在,我們把做好的「關於本站和我」與「部落格」頁面加到選單裡,點擊「新增至選單」。

再來要製作「聯繫我」的選單項目。請點開自訂連結,在網址列表輸入「mailto:你的信箱」,在連結文字裡輸入「聯繫我」之後,點擊「新增至選單」。

於右側,你會看到有三個選單項目。若想調整項目的順序,只要「滑鼠點擊項目的灰色區塊不放」就能脫拉至你要的位置,或把它變成子項目。

全部編輯完後,記得點擊下方的「儲存選單」存擋喔。

這樣選單就建立完成囉!快輸入你的網站網址,預覽看看現在的樣子吧!

5.4 你的行動清單:現在就開始練習

  • Step 1.1:新增一個頁面,頁面標題命名為「部落格」,並在頁面基本設定中,把代稱設定為「blog」後,點擊「發佈」按鈕。
  • Step 1.2:參考此教學,將「部落格頁面」設為你的網站首頁。
  • Step 2:新增一個頁面,頁面標題命名為「關於本站和我」,參考此段落,寫一篇介紹。寫完後,在頁面基本設定中,把代稱設定為「about」,點擊「發佈」按鈕。
  • Step 3:在頁面清單裡,打開系統預設建立好的「Privacy Policy」頁面,並參考此模板更改成你的內容。完成後,點擊「發佈」按鈕。
  • Step 4.1:參考此教學,新增一個「頁首選單」並完成指定選單在網站顯示的位置。接著,把「部落格、關於頁面」分別加入至兩個選單中。
  • Step 4.2:再新增一個「自訂連結」的選單項目,命名為「聯繫我」之後,將網址輸入「mailto:你的信箱」。
  • Step 4.3:重複 Step 4.1-4.2,但這次要製作的是「頁尾選單」。請在頁尾選單裡放入和頁首選單一樣的選單項目,再額外把「Privacy Policy」加入選單裡。
  • Step 5:新增一篇文章,主題自訂,在裡面加入「內文標題、清單、文字超連結、圖片」。你也可以隨選一篇以前寫的文章貼上來,加入文章封面的精選圖片。這只是作為示範讓你看網站整體的樣子。
  • Step 6:完成!在瀏覽器輸入你的網站網址,是不是已經有一個雛形出來了呢? 🙂

6. WordPress 的必備外掛

使用 WordPress 架站的好處之一,就是可以透過外掛(Plugins)來擴充網站功能,任何你想的到的功能,大部分能找到外掛來幫你實現。

如何挑選一個優質的外掛?

挑選優質外掛的條件,和挑選佈景主題差不多,若安裝到品質不好的外掛,不僅容易影響到網站的速度與效能,甚至可能會導致網站壞掉。

判定外掛是否優質的條件,包含:程式輕量化、程式設計結構簡潔、持續更新、評價優良、客服支援、功能是否符合需求(沒有過多多餘的功能)、具備響應式設計

如何安裝 WordPress 外掛?

開啟 WordPress 後台,在左邊選單找到「外掛」底下的「安裝外掛」並點擊進入。

在右邊搜尋外掛的地方,找到你想下載的外掛。在這邊,我用「LuckyWP Table of Contents」外掛來示範。當出現我要的外掛後,點擊「立即安裝」。

安裝完畢後,務必要點擊「啟用」,外掛才會真正啟動喔!

成功啟用之後,頁面會導轉至已安裝的外掛頁面,你可以在這裡看到安裝好的外掛。請注意,若要刪除外掛,也必須先點擊「停用」才能進行「刪除」的動作喔!

WordPress 必備的五個實用外掛

你可能會發現,目前有些功能沒有包含在剛安裝好的 WordPress 網站裡,但又特別重要,我將它們整理成「五個」必備的實用外掛,推薦全部安裝。

這些外掛大部分都有提供「免費和付費」版本,新手可以先用免費版就很夠用囉!

1. 網站流量數據分析:Site Kit by Google

經營部落格時,你會想知道誰來你的網站、待了多久、看了哪些內容、點擊什麼連結等,如此才能知道網站的表現,以及如何優化。而這些數據都可以透過以下的 Google 產品來取得:

  • Google Analytics:網站流量的統計工具,著重於網站與使用者的互動情形。
  • Google Search Console:網站管理員工具,著重於網站與搜尋引擎的互動情形。

Google 開發了一款 WordPress 外掛「Site Kit by Google」,讓使用者能直接在後台裡一覽上述的數據,非常方便,只要你有 Google 信箱就能免費申請使用

申請方式很單純。首先,前往 WordPress 後台,找到這款外掛並安裝啟用。安裝完成後,頁面上方會跳出 Google Site Kit 的通知,點擊「Start setup」按鈕,開始申請程序。

你可以跟著以下教學來操作,如需中文字幕,請於設定處開啟「自動翻譯」後選擇語言。

2. SEO 搜尋引擎優化:Rank Math

曝光網站的管道有很多種,包含:口耳相傳、發名片、貼廣告、社群媒體、電子報等,其中「搜尋引擎」是最普及的方式,如 Google、Bing、Yahoo!、Yandex、Baidu、Youtube 等。

Google 在全球搜尋引擎市場的佔有率,是全球之首。用戶習慣透過 Google 來查找資源。因此,讓部落格網站在 Google 搜尋引擎裡有良好的表現和排名就非常重要。

排名越好,你的內容就會出現在搜尋結果的前幾頁,進而提升網站營利的能力。

為了達成這個目標,你需要進行搜尋引擎的優化(Search Engine Optimization, SEO),替你的網站內容設定符合 Google 搜尋引擎的遊戲規則,越是符合,排名越好。

Rank Math 是一款專門優化 SEO 的外掛,引導你進行設定,協助提升曝光度,如關鍵字設定。多年前,我從 YoastSEO 換到 Rank Math 後,就一直使用至今,介面設計很好理解。

Rank Math 有免費和付費版,免費版就很夠用,每篇文章或頁面能設定高達「五組」關鍵字

你可以跟著以下教學來操作,如需中文字幕,請於設定處開啟「自動翻譯」後選擇語言。

3. 自動備份系統:UpdraftPlus

用心經營一個部落格網站,網站中的所有內容就是你最寶貴的資產。因此,養成「定期備份網站」的好習慣能為自己多買一份保障。

UpdraftPlus 是一款強大的定期自動備份軟體。當你因為網站被駭、系統無預警出錯、修改網站時意外調壞設定時,你就可以利用這個外掛來 Restore(恢復)你的網站,非常實用。

UpdraftPlus 有免費和付費版,免費版就可以有定期自動備份的功能囉!

你可以跟著以下教學來操作,如需中文字幕,請於設定處開啟「自動翻譯」後選擇語言。

4. 提升網站速度與性能:WP Rocket

影響讀者的閱讀體驗,其中一個重要的關鍵,就是「網站載入速度」。

當開啟網頁時,瀏覽器會載入大量程式碼,載入完成後,使用者才能看到你的內容。這意味著,若網站載入太慢,因為時間寶貴,讀者可能會選擇離開尋求其他資源。

WP Rocket 是一款網頁的快取外掛,透過整合與壓縮你的檔案,網站會大幅提升速度與效能,有效提升讀者瀏覽網站的流暢度,是我非常推薦入手的一款外掛。

這款外掛目前只有付費版,是我少數堅決付費的外掛之一。若你經營的網站內容,大多是屬於作品集、旅行遊記、電商類型的人,安裝 WP Rocket 會使網站表現提升一個檔次。

例如:用 WP Rocket 會附帶一個外掛「Imagify」,能高度壓縮上傳的圖片,卻不會傷害圖片的任何畫質,這點真的幫了我很大的忙。

在提升網站速度上,除了選擇輕量的 Blocksy Premium 佈景主題,加上 WP Rocket 的幫助使我的網站表現來到評分 A 等級 100% 的最佳表現,是最相見恨晚的一款外掛。

在查資料時,意外發現 WP Rocket、Imagify、Rank Math、Rocket CDN、GTmetrix 竟是出自同一間公司「Group. One」,超級驚訝,很強大的一個企業耶。

你可以跟著以下教學來操作,如需中文字幕,請於設定處開啟「自動翻譯」後選擇語言。

5. 內容目錄:LuckyWP Table of Contents

撰寫有品質的長篇文章,可大幅提升 SEO 曝光的可能性。而當撰寫長文時,在文章內設置標題(如 H1、H2、H3 …)使內容有清楚的架構,也是提升 SEO 排名的方法之一。

然而,閱讀長文很容易迷失焦點,也不容易跳段落查找資料,此時若新增一個「內容目錄」,便能大大地幫助讀者提升內容吸收的效率,也更容易記住文章重點。

LuckyWP Table of Contents 是我從經營部落格開始就使用至今的免費外掛。設定簡單好上手,幾乎不需做什麼設定,推薦給每位部落客。

外掛的世界非常龐大,其實還有很多其他的資源可以推薦,有機會再和大家分享更多個人覺得經的起時間考驗且品質優良的外掛喔。

部落格之旅的啟程

這篇文章很長,資訊很多,但你閱讀到這裡了,並且成功建立一個屬於你的部落格網站,這對沒有架站經驗的人來說一點都不容易,請好好為自己喝采,小小慶祝一番吧!

接下來的日子,將是你的部落格之旅的啟程。

你將會開始寫文章,並且學習更多有關網站架設、部落格經營、SEO 優化、如何用部落格賺錢等知識。你可能會遇到新的瓶頸,但終會突破困境,在技術和思想上逐漸同步成長。

你準備好為自己的理想奮鬥了嗎?現在就對自己許下願景,開始行動,讓我們一起努力。

最後,謝謝你來到曉房間,牽起彼此的緣分。我想知道這篇文章是否有幫助到你?在學習時有遇到什麼問題嗎?有什麼建議嗎?有的話,別害羞,請在底下留言讓我知道吧!

【 延伸閱讀 】

Youi Shih
Youi Shih

多元斜槓的人生實踐家,擅長攝影和文字創作,喜歡音樂、武術、冒險和大自然,現專注於探索自我成長、創造多元收入和打造身心靈均衡的生活,為本站主理人。

發佈留言

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

選擇引用格式