個人網站架設教學：從 0 到 1 打造專業形象網站【2026 範例推薦】

最後更新時間：2026-06-09，由 Dean 更新

自己架設 WordPress 網站，類型有很多種，而提到「形象網站」，最容易被搞混的就是：

• 官方網站：著重品牌形象，形象是核心，文章是輔助。
• 個人網站：著重專業內容，文章是核心，形象是輔助。

如果你是一位專業工作者，如：老師、教練、顧問等，需要透過內容來分享個人專業、建立領域權威、吸引潛在客戶，那麼你需要的是以內容為主的「個人網站」。

在這篇文章，我會從架站、功能到頁面設計，教你完整打造一個以內容為核心的個人網站。

架站前準備：個人網站規劃與成本預算

一、預算規劃與工具選擇

個人網站的重點在「持續發布知識文章、分享專業案例」，讓訪客能透過內容看見你的專業。

所以，不需要太複雜的功能，要著重在穩定、好管理，讓你能專心創作內容。

針對個人網站，以下是我個人長期使用，也最推薦的穩健工具組合：

平台	每月最低費用 (USD)	特點	操作難易	方案彈性
Cloudways 主機	$14	．效能穩定 ．速度快	．操作介面直觀 ．一鍵安裝網站	．每月扣款 ．無續約漲價問題
Namecheap 網域	$1.5 (可能更低)	．老牌平價 ．送隱私保護	．設定簡單 ．流程清楚	．續約漲幅不大

換算成台幣，每個月約 500 元台幣。對想長期經營內容的專業工作者來說，是 CP 值非常高的選擇。

二、個人資料與文案準備

架站前，請先把以下幾種資料準備好，能夠加速後續架設流程：

資料類型	準備細項	用途
網站識別	．網站名稱。 ．Logo 圖片。 ．品牌色碼。	統一網站風格
專業照片	．一張清晰的專業個人照。 ．3~5 張與專業領域相關的情境照。	增加信任度
網域名稱	．個人品牌英文名稱。 ．2-3 個備案。	設個人網站專屬網址
網站文案	．你的專業頭銜或一句話簡介。 ．關於我的介紹文案。 ．服務項目說明。	替換模板內容

三、認識流程與時間安排

完整的架站流程共分成 4 個主要步驟：

1. 設定主機 & 網域：找地方來放網站資料，並申請專屬網址，同時安裝 WordPress，就像是先買地、蓋好房子的基礎結構，並去地政事務所申請門牌地址。
2. 套用佈景主題：幫網站設好外觀樣式，就像是決定房屋的內裝風格與格局。
3. 安裝必備外掛：安裝安全、備份、SEO 等外掛，就像在房子裡加裝電力系統、防盜設備等。
4. 建立重要頁面：增加關於我、服務、聯絡方式等頁面，就像是在家裡規劃客廳、臥室、書房。

在時間上，會推薦你這樣安排：

步驟	項目	預計花費時間
步驟 1	設定主機、網域	25~40 分鐘
步驟 2	套用佈景主題	15~20 分鐘
步驟 3	安裝必備外掛	20~30 分鐘
步驟 4	建立重要頁面	30~50 分鐘
總計		90~140 分鐘

建議一次花 2 小時完成，或分成前 2 步驟 (基礎架設) + 後 2 步驟 (內容與功能) 兩次進行。

都確認好之後，接下來我們就一步步來架設專屬於你的個人網站。

第一部分：購買主機 & 網域（含平台推薦）

購買 Cloudways 主機

第一步驟，要來購買主機空間來存放網站資料，就像買塊地來蓋房子。

我們會使用適合個人網站的 Cloudways 主機。如果想比較其他款主機，可參考《虛擬主機推薦》。

step 1：前往 Cloudways 註冊帳號

購買步驟很簡單，前往 Cloudways 官網註冊帳號。

再按以下步驟完成註冊：

1. 填英文姓名和信箱建新帳號 (其他平台登入無法享優惠)，底下 2 個問題可隨便選。
2. 於優惠碼欄位輸入「DEANLIFE」，前兩個月費用就能打 75 折。
3. 完成後點「Sign up」驗證信箱和手機。

step 2：填寫付款資料

點「Full Access」填寫付款資料，以免網站消失：

接著，設定付款資訊：

1. Card & Billing Address：信用卡地址可用郵局的中文地址英譯服務來轉換。
2. Billing Address：
   • 帳單地址如果跟信用卡地址相同，直接勾選「Keep Billing…」。
   • Company：沒有公司的話就不填，或輸入 Individual。
   • Phone Number：手機號碼為必填欄位，不一定要跟驗證用的號碼一樣。
3. 資料都檢查過後，按「Proceed to Payment」進付款設定。

只要驗證信用卡就完成了：

1. 輸入你要付款的信用卡卡號、到期日等資料。
2. 按下 AUTHORIZE 進行驗證：Cloudways 會預授權 1 美元測試，但實際不收費。
3. 驗證通過後，點選「Get Full Access」就能開始建立你的主機了。

step 3：設定主機並安裝 WordPress

照著以下設定，就能一口氣搞定主機設定和安裝 WordPress：

1. Application and Server Details (WordPress 與伺服器取名)：
   • 左側選單點開後選擇 WordPress。
   • Application Name：輸入你的品牌名稱，例如 deanlife。
   • Server Name：同樣填入品牌名稱。
2. Application Stack (網站運行環境)：選「Hybrid Stack」，因相容性最佳。
3. Select your Server (主機規格)：
   • 雲端主機選「DigitalOcean」，最容易上手。
   • Server Type (伺服器類型) 選「Basic」，架個人網站絕對夠用。
   • Premium / Standard (效能等級)：選擇 Premium，CP 值高，效能好。
   • 記憶體容量：選「1GB」，個人網站經營初期先選，控管預算，之後升級也簡單。
   • Location (主機位置)：如果經營以台灣為主，就選「Singapore」，開啟速度較快。
4. Launch Now：都確認沒問題後點選，系統會自動建主機 + 安裝 WordPress。

由於安裝需要 5~10 分鐘，所以我們先用這個時間購買網域。

購買 Namecheap 網域

主機購買完，下一步，我們要來購買網域，就像是申請專屬門牌一樣。

我會使用 Namecheap 來購買，價格浮動比較沒那麼大，並且有提供隱私權保護。

step 1：前往 Namecheap 搜尋網域

進 Namecheap 首頁：

1. 輸入你想要的網域名稱
2. 點「Search」到下一頁看是否可以購買。

step 2：確認網域搜尋結果

然後，就會看到上一頁的搜索結果：

• 綠色勾勾：代表網域可註冊，按「Add to cart」將它加到購物車。
• 紅色叉叉：表示網域已被註冊，在頁面上方的搜尋欄輸入其他備案名稱，再查一次。

補充：首年價是第一年的費用，續約價是第二年開始的年費。不同網域後綴的價格差蠻多，像 .blog、.site 這類有促銷，續約較貴，建議選 .com，價格穩定且最被廣泛接受。

step 3：加入購物車並結帳

把確認好的網域加入購物車後，來確認訂單：

1. 開啟自動續約 (AUTO-RENEW)：打開網域的「自動續約」，因為忘記續約，網域會被自動放給其他人註冊。
2. 再次確認網域名稱 (Domain Registration)：仔細檢查拼字是否正確，因為一旦註冊完成就無法更改或退費。
3. 檢查訂單明細：
   • 確認免費的「Domain Privacy」隱私保護服務已啟用且設為自動續約。
   • 檢查其他加購服務如 PremiumDNS、Hosting 都沒有被勾選，避免額外費用。
   • 確認總金額沒問題，就點 Confirm Order，註冊一個帳號並填好付款資料。

買好個人網站的網域後，接下來要讓網域指向你的 Cloudways 主機，當別人輸入你的網域時，才能看到你的網站。

網域串接主機

下一步，我們要來串接剛剛購買的主機與網域，就像是在自己的房屋掛上門牌一樣。

step 1：進入 Namecheap 後台

進 Namecheap 後台設定：

1. 在左側選單點進「Domain List」。
2. 等跳轉後，在網域最右邊點「Manage」鈕，進網域管理頁。

step 2：設定 DNS 串接主機

在這頁設定 2 條 DNS，把網域串上主機：

1. 點上面的「Advanced DNS」切換。
2. 連續按兩次「ADD NEW RECORD」按鈕，建立兩筆新的 DNS 記錄。
3. 照下表在空白欄位填入對應資料，完成後點右側的 2 個綠色勾勾儲存：

DNS 用途	Type	Host	Value	TTL
主網域	A Record	你的主網域	Public IP	Automatic
www + 主網域	CNAME Record	www	你的主網域	Automatic

DNS 是什麼？如何設定指向主機？2 種最常見的方式（附圖教學）

step 3：回 Cloudways 驗證設定

回到 Cloudways 後台：

1. 在左側選單點「Domain Management」。
2. 等頁面載入後，點右邊的「+ Add Domain」按鈕。
3. 在彈出視窗中輸入剛購買的主網域名稱，如 deanlife.blog。
4. 按下「Save Changes」完成設定。

*注意：「Add as Wildcard」選項是給子網域使用的，不要勾選。

最後，把新加入的網域設為主要網域：

1. 點開網域右側的三個點選單。
2. 選「Make Primary」。
3. 在確認視窗中按「Set as Primary」，等 1~3 分鐘，網域旁顯示「Primary」就完成了。

安裝 SSL 憑證

為了幫網站加上 HTTPS 加密保護，我們來安裝 SSL 憑證：

1. 點左邊選單的「SSL Certificate」。
2. 設定憑證：
   • 在 Email Address 填你的電子信箱 (與 Cloudways 帳號相同)。
   • 在 Domain 輸入網域名稱。
3. 按右邊「+Add Domain」新增第二個欄位，輸入「www.你的網域」。

最後點「Install Certificate」就自動安裝了。

等 SSL 安裝完成後，把重要的登入資訊存起來：

1. 在 Admin Panel 找到網址，點連結就可進後台登入頁，並把這個網址加入書籤。
2. 分別複製帳號密碼 (Username & Password) 並存起來，以免忘記。

以後要管理網站時，就用儲存的網址和帳密登入 WordPress 後台。

打開登入網址，輸入帳號密碼，就能夠登入 WordPress 後台。

成功登入 WordPress 後台後，記得先完成基本的後台設定，包括網站標題、時區、留言管理等，詳細的設定步驟可參考這篇《WordPress 後台設定教學》，大約 10~15 分鐘就能完成。

第二部分：佈景主題設定

佈景主題能想像成房屋內裝，可統一網站的顏色、字體、版面和佈局，決定整體外觀。

在這個步驟，我們會完成 4 個基本設定：

1. 安裝 Blocksy 佈景主題：這個佈景主題很適合內容網站，且免費版已提供了完整功能。
2. 全域樣式設定：調整網站的整體顏色和字體，建立一致的視覺風格。
3. 頁首設定：放上 Logo，讓網站有專業的品牌識別。
4. 側邊欄配置：設定有用的小工具，提升網站的實用性。

設定完成後，你的網站就會從陽春的預設樣式，變成有個人特色的專業網站。

安裝佈景主題 Blocksy

安裝佈景主題其實很簡單，只要在 WordPress 後台就能完成：

1. 到左側選單點「外觀 > 佈景主題」。
2. 等跳轉頁面，按上方的「安裝佈景主題」。
3. 然後在「搜尋佈景主題」欄位中輸入「Blocksy」。
4. 系統會自動搜索，等 Blocksy 選項出現，就點安裝並啟用。

全域樣式設定 (顏色、字體)

全域樣式設定就是幫整個網站統一字體和顏色，就像統一裝潢風格，當所有頁面的標題字體、內文顏色、按鈕樣式都統一時，就會讓人感覺網站整體看起來專業且協調。

安裝完成後，會看到「目前使用的佈景主題：Blocksy」，點旁邊的「自訂」進編輯介面。(或左方選單列點擊「外觀」>「自訂」也可以)

step 1：設定全域顏色

我們先設定全域顏色調色盤：

1. 在主選單上點「色彩」設定。
2. 在「整體色彩調色盤」旁點開「三個點」，然後選「色彩調色盤」。
3. 在 12 個預設調色盤中選你想要的色系。

step 2：設定全站字體

接著設定全站字體，在主選單點「排版樣式」：

1. 點「基本字型」設定旁的「三個點」。
2. 在彈出視窗中挑選一個適合的字體。

完成這些設定後，你的網站就會有統一的視覺風格了。

頁首 & 頁尾設定

「頁首」位在頁面最上方，通常會放 Logo、網站名稱、導覽選單，讓人立刻知道這是誰的網站、提供什麼內容。

「頁尾」則是每個頁面最底部的區域，會放版權聲明、免責聲明、隱私權政策等頁面連結。

做好下面兩個設定，就能幫你的個人網站增加專業形象：

1. 頁首：放上品牌橫式 Logo，把品牌形象建立起來。
2. 頁尾：新增版權聲明、免責聲明和隱私權政策的連結，讓資訊更完整。

step 1：設定頁首與 Logo

回主選單點「頁首」，進頁首編輯器再點「標誌」，開始設定網站的視覺識別。

在「標誌」裡上傳 Logo 圖片，並調整合適的大小。

step 2：設定頁尾版權資訊

回到主選單點「頁尾」，進頁尾編輯器後，再點「版權」設定。

接著，修改版權內容：

• 版權區通常會放網站名稱、年份和版權聲明，也可加入免責聲明、隱私權政策等頁面的連結。
• 格式範例：

{current_year} © {site_title} 版權所有
免責聲明 | 隱私權政策

側邊欄與小工具設定

側邊欄 (資訊欄) 位在網頁的右側或左側，對個人網站來說，是增加曝光度和詢問度的區塊。

會建議在側邊欄設定下列內容：

• 個人簡介：簡述你是誰及專業背景，建立信任感。
• 預約連結：提供預約 (或聯絡表單) 的連結，讓潛在客戶能找到你。
• 訂閱電子報：讓讀者訂閱你的電子報，深耕長期關係。
• 免費資源：提供電子書、模板、檢查清單等實用資源，搜集潛在客戶名單。

step 1：進入 WordPress 後台

先回 WordPress 後台：

1. 左側選單點入「外觀 > 小工具」。
2. 等跳轉後，在「主要資訊欄」中編輯：先刪除所有預設的內容，再按下面的「+」，加入圖片、小標題、文字和按鈕等需要的小工具。
3. 如需增加其他內容，繼續按「+」按鈕新增。
4. 最後要在右上點「更新」，才會儲存新的設定。

step 2：選擇含側邊欄版型

改好側邊欄內容後，我們還要選「有側邊欄的版型」才會看見。

從 WordPress 後台選單點「外觀 > 自訂」，回佈景主題編輯介面：

1. 在主選單的「網誌文章」下點進「單篇文章」設定。
2. 在「文章結構 > 一般」最上面選擇側邊欄在左或在右的版型。

step 3：調整資訊欄樣式

選好版型後，回主選單點「資訊欄」修改樣式：

1. 先選一個喜歡的側邊欄樣式。
2. 調整側邊欄的寬度、間隔、內距等。
3. 吸附資訊欄：資訊欄會固定住，不會因為頁面往下滑就不見。
4. 最上面切換到「設計」，調整文字顏色和字型大小。

最後，記得在編輯器最上面按「發佈」鈕，才會儲存我們剛改好的設定。

除了以上設定外，有時間可以再參考這篇 Blocksy 教學，到「一般、網誌文章、搜索頁面」等地方調整設定，可以讓網站看起來更專業喔。

第三部分：安裝個人網站必備外掛

你可以把外掛 (Plugin) 想像成手機裡的 App。剛架好的網站只能發文章，但透過安裝不同的外掛，就能為網站加上資安防護、聯絡表單、SEO 優化等各式各樣的功能。

對個人網站來說，只要專注在以下幾類外掛就夠了：

• 安全與備份：保護你的網站與內容資產。
• SEO 優化：讓你的專業內容更容易被搜尋到。
• 聯絡表單：建立讀者與你聯繫或訂閱的管道。
• 效能優化：提升網站載入速度，提供更好的瀏覽體驗。
• 社群分享與電子報：擴大內容的觸及範圍，並累積長期粉絲。

下面是我推薦個人網站必備的 7 類外掛 (點連結可看完整教學)：

類別	推薦外掛	核心用途
安全防護	Akismet Anti-Spam	避免垃圾留言攻擊。
資料備份	UpdraftPlus	設定自動備份，保護你的內容資產。
SEO 優化	Rank Math SEO	讓你的專業內容更容易被找到。
聯絡表單	WPForms	建立聯絡與洽詢表單。
效能優化	WP Rocket	簡單幫網站做好快取，加速載入。
社群分享	AddToAny Share Buttons	自動嵌入社群分享按鈕。
電子報	Kit (原 Converkit)	內容創作者愛用的電子報服務。

在 WordPress 網站安裝外掛很簡單，只有下列幾個步驟：

1. 在 WordPress 後台左側選單點「外掛」。
2. 接著點「安裝外掛」。
3. 跳轉頁面後，在「搜尋外掛」欄位中輸入外掛名稱。
4. 找到外掛後，在外掛的右上角點「立即安裝」，安裝完後啟用。

基本外掛都安裝完畢後，你可以再根據你需要的功能，去找到合適外掛。歡迎參考《WordPress 外掛推薦清單》。

第四部份：個人網站頁面規劃（含範例）

完成網站基本設定和外掛安裝後，最後一步是建立網站頁面。

這個步驟會分享個人網站需要哪些頁面，以及如何建立。

個人網站 9 大必備頁面 + 內容範例

一個完整的個人網站需要以下 9 個頁面：

頁面類型	主要功能	可放置的內容範例
首頁	．快速傳達「你是誰、能做什麼」 ．引導深入探索	．一句話價值主張 ．專業個人照 ．個人專業範圍 ．最新文章
關於我	．建立深層信任 ．說明「為什麼你值得信賴」	．個人故事 ．個人理念 ．演講紀錄 ．訂閱框
聯絡我	．提供聯絡管道	．聯絡表單 ．個人社群連結
文章列表頁	．建立專業權威 ．獲取 SEO 排名	．專業文章 ．文章分類標籤 ．文章搜尋功能
服務項目	．說明服務內容 ．吸引合作機會	．服務項目 ．費用方案
作品案例	．展示過往作品 ．分享客戶口碑	．作品案例 ．客戶見證
資源下載頁	．提供免費資源 ．收集客戶名單	．電子書 ．模板工具
隱私權政策	．符合法規要求 ．保護用戶資料	．資料收集說明 ．使用條款
免責聲明	．降低法律風險 ．明確責任範圍	．免責條款 ．使用限制

建議你先針對這 9 個頁面，用心智圖規劃要放的內容有什麼，能加快後續製作時間。

用 Starter Template 快速製作頁面

對大多新手來說，不太會從零開始製作出完整頁面，所以我會建議你先直接使用套版去改。

Astra 團隊開發的 Starter Templates 外掛適用於各種佈景主題，包括我們使用的 Blocksy。這個外掛提供數百種專業設計的頁面模板，可一鍵匯入，省去從零設計的時間。

接下來，我會用「關於我」頁面做示範。(聯絡我、服務頁面等其他頁面可用同樣方法)

step 1：安裝頁面建構外掛

參考步驟四的外掛安裝方式，進入「外掛 > 安裝外掛」。

搜尋「Starter Templates」，找到後點選「立即安裝 > 啟用」。

step 2：匯入關於我模板

接下來匯入「關於我」頁面模板。

回到 WordPress 後台，點「頁面 > 新增頁面」：

1. 將頁面標題設為「關於我」。
2. 點代稱欄位，在彈出視窗中改為「about」。
3. 再點「儲存草稿」存好頁面。
4. 然後點選「Design Library」進入模板庫。

進 Starter Template 模板庫後，依序點「Pages > About Us」，瀏覽並點進喜歡的模板。

確認後，點右下角「Install Spectra & Insert」開始匯入頁面模板。

step 3：替換頁面文字內容

匯入關於我模板後，先替換文字內容：

點要更改的文字區塊，把準備好的文案一個個複製貼上。

如果有不要的區塊，可按以下步驟處理：

1. 點一下區塊。
2. 點快捷鍵最右邊的「三個點」。
3. 等跳出選單點「刪除」即可。

step 4：上傳並壓縮圖片

這一步驟來處理頁面上的圖片，但記得先壓縮處理再上傳。

先在頁面最上方加入個人專業照：

1. 點選要加入的區塊。
2. 左側點圖片圖示，上傳你的個人照，再用滑鼠左鍵按住圖片拖曳，調整位置。
3. 點一下圖片填入「圖片替代文字」，有助於 SEO。

接著更改背景圖片 (或圖片)：

1. 點一下要修改的區塊 (或圖片)。
2. 右側視窗點「Change images」，上傳圖片。

step 5：設定頁面 SEO

最後，設定頁面的 SEO 資料：

1. 右側視窗切換到「頁面」設定。
2. 點「設定精選圖片」，可以選擇剛加入的專業個人照。
3. 接著點「編輯內容摘要」，填入 60~80 字個人簡介。
4. 都確認後，到右上角點「發佈」。

恭喜，你現在已經有一個關於我頁面了。

剛開始可能會覺得有點陽春，但在最初階段，先累積網站上的知識內容是最重要的。設計的部分，未來可以再閱讀《網頁設計教學》來調整細節，或是直接找專業的網頁設計師合作。

網站頁首選單設定

完成頁面後，建立網站頁首用的導覽列選單，方便讀者瀏覽。

step 1：建立主要選單

先建立主要選單：

1. 回 WorPress 後台，左側點「外觀 > 選單」。
2. 在「選單名稱」欄位填「主要選單」。
3. 點「建立選單」。

step 2：編輯選單內容

接著來編輯選單內容：

1. 在左側「頁面」區塊勾選想放入選單的頁面，如首頁、關於我、聯絡我，點選「新增至選單」。
2. 右側，可用滑鼠拖曳調整項目順序。下方勾選「頁首選單」和「行動版選單」。

最後，記得點「儲存選單」完成。

選單設定完成後，就恭喜你的個人網站已經完成架設了！

其他和架設個人網站的相關問題