形象官方網站架設：60 分鐘超完整教學，一次就上手！(實戰操作)

最後更新時間：2025-12-01，由 Dean 更新

現在一個形象官網，找外包隨便就十幾萬；想要自己架設網站，卻又不知道怎麼做？

這篇教學會帶你花 60 分鐘，實際用 WordPress 架設一個官方網站，年成本只需要不到 6,000 元。

為什麼要用 WordPress 架設官網？3 大核心關鍵

根據網站技術統計調查平台 W3Techs 在 2025 年的調查，WordPress 是全球 43% 網站使用的架站系統。因為它可擴充性強、對 SEO 友善、成本也可控。

成本的部份，我們仔細來看。目前官方網站架設，有 3 種方法：

• WordPress 自架：網站 100% 掌控，功能彈性最高。
• 架站平台服務：操作簡單，但功能受限、容易被綁架。
• 委外設計：最專業省事，但費用極高且修改麻煩。

比較項目	WordPress 自架	架站平台	委外設計
預估年費	$3000 – $15000	$4000 – $20000	$80000+
功能彈性	★★★★★	★★☆☆☆	★★★★★
技術門檻	★★★☆☆	★☆☆☆☆	☆☆☆☆☆
最大優點	完全掌控，彈性高	操作最簡單	品質專業，最省事
最大缺點	需花時間學習	易被平台綁架	費用極高
適合對象	想長期經營品牌者	需求單純的個人	預算充足的企業

所以，對剛起步、預算有限，又希望官網有發展彈性的人來說，WordPress 自架是最推薦的選項。

使用 WordPress 架設官網費用要多少？

為了先讓你有個概念，一個 WordPress 分成四大塊：

1. 主機
2. 網域
3. 主題
4. 外掛

這篇教學會教你的官網架設方法，各部分的成本大致如下：

主機年費	網域年費	主題費用	外掛費用	年度總計
$5000	$500	$0	$0	$5500

當然，如果你追求更精緻的網站，成本自然會更高，可以參考《WordPress 費用分析》。

加速架設官網的準備工作：規劃架構 + 準備資料

在我們開始動手前，先做好幾個準備工作，後續架站速度會更快。

第一步：規劃網站架構 (基本頁面)

要先請你決定你網站會有哪些頁面。一個形象官網通常包含以下：

• 首頁 (Home)：網站的門面，快速傳達公司的形象，包含主要服務、客戶案例等。
• 關於我們 (About)：建立信任感，說明公司的經營理念、團隊等，完整介紹公司。
• 聯絡我們 (Contact)：放上聯絡資訊，包括地址、電話、服務信箱。
• 服務項目 (Services)：介紹你提供的服務或產品，讓用戶知道你可以為他們做什麼、如何進行、方案及價格等。
• 客戶案例 (Clients)：讓用戶知道公司有相關服務經驗和成果，加強信任度。
• 新聞 / 部落格 (News / Blog)：發布最新消息、專業文章或產業洞察，有助於 SEO 與專業形象。
• 合作夥伴 / 認證 / 獎項 (Partners & Awards)：展示合作品牌、專業認證與獲獎紀錄，提升專業度。
• 投資人關係 / 永續發展 (Investor Relations / Sustainability)：大型企業，提供投資人資訊或 CSR / ESG 內容。
• 服務條款 (Terms of Service)：列出服務相關的條款，說明具體服務細節與規範，保障自己與使用者雙方。
• 隱私權政策 (Privacy Policy)：宣告網站蒐集的資料和數據做什麼用途，是法律規定一定要有的頁面。

建議你先把需要的頁面列下來，或是用心智圖工具，拉出網站層級架構。

第二步：備妥 4 種品牌資料

規劃好頁面後，你需要先準備以下資料，並將它們放在同個資料夾中：

資料類型	準備細項	為什麼需要？
品牌識別	．網站名稱 ．Logo 圖片 ．決定品牌色系	統一風格
專業照片	．3-5 張情境或產品照 ．至少 1 張真實團隊照	提升信任感
網域名稱	．品牌英文名 ．準備 2-3 個備案	設官網的專屬網址
網站文案	．關於我們介紹 ．服務項目說明 ．聯絡資料等	替換範例內容

如果你沒有現成文案，也可以透過 AI 工具直接生成初版，再去微調。

以下提供給你 AI Prompt：

#寫作目標： 
我要為官方網站準備一份完整且全面的介紹。

#輸出格式與流程：
1. 完全遵照以下所寫的資料，分3個部分幫我延展成更完整全面的內容，不可另外生成。 
2. 輸出格式需分三個部分，每部分約 600~800 字： 
- 第一部分 公司背景與理念： 
- 第二部分 服務內容詳述： 
- 第三部分 團隊與客戶承諾： 
3. 用專業親切的語氣說明。 
4. 先從第一部分開始，我確認之後，再進行下一部分。
5. 最後一部分也完成後，需整合成完整文案，確保超過 1000 字。 

#寫作資料 
- 我的公司名稱是： 
- 我的網站名稱是： 
- 成立背景： 
- 經營理念： 
- 主要營業項目：至少 3~5 項 
- 服務特色和優勢： 
- 服務流程： 
- 服務承諾： 
- 成功案例：(可刪) 
- 客戶見證：(可刪) 
- 公司地址和電話： 
- 公司聯絡信箱：

架站的 3 個核心步驟 & 推薦工具

完成事前準備作業後，我們要先理解架站的完整流程：

1. 設定主機：選一個穩定高速的空間來存放網站資料，就像買塊地。
2. 串接網域：設定你的專屬品牌網址，例如：dean.com，就像蓋房申請地址。
3. 設計頁面：套用設計模板，完成網站的基礎外觀，也就是把建築物蓋起來。

實際操作時，會使用以下幾款工具：

項目	使用工具	方案	特點
主機	Cloudways	入門方案	速度快、穩定
網域	Namecheap	標準方案	價格實惠
主題	Astra	免費版	功能完整

根據我的經驗，這個組合在效能、成本與操作簡易度等方面，對架設形象官網最友善。

但如果你想比較各個平台/工具，歡迎參考我寫的文章《虛擬主機推薦》、《佈景主題推薦》。

等你都準備完成，接下來的一小時，我會帶你一步步完成官方網站架設。

第一部分：設定官網主機 (10 分鐘)

這一部分比較簡單，先到 Cloudways 官網用優惠碼「DEANLIFE」註冊，前兩個月會打 75 折優惠。

完成完成註冊與手機驗證程序後，系統會跳到付款資料設定頁面。

點「Get Full Access」填寫付款資料，驗證信用卡會試刷，但不扣款，而是等試用期結束後才開始計費。

填好付款資料後，就會跳轉到主機設定畫面。

第一步：建立主機並安裝 WordPress

當你看到以下畫面，就可以開始建立主機。需要完成下面 4 個設定：

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，是性能較好的平價方案。
   • 記憶體大小：選「1GB」，初期的形象官網絕對夠用，以後自行升級也方便。
   • Location (主機地點)：「Singapore」離台灣近，速度會較快。
4. Launch Now：確認 OK 就按這個，系統自動幫你建好主機和網站。

第二步：設 WordPress 管理員密碼

主機建好後，進到這個「Access Details」畫面，有兩個關鍵步驟：

1. 修改密碼：Password 旁點編輯圖示，改成你自己的密碼後按 √ 儲存。
2. 複製 IP：下面 Public IP 點複製圖示，複製主機 IP (等等串網域會用到)。

到這邊就設好主機了！接下來開個新分頁，買官網的專用地址 (主要網域)。

第二部分：設定官網網域 (15 分鐘)

這一部分會稍微複雜點，但只要照步驟，很快能完成：

1. 購買網域：到 Namecheap 買一個你官網專用的網址。
2. 設定 DNS：把你的主網址 (網域) 連向我們在第一部分買好的主機。
3. 設定網域：最後告訴主機，官網要用的網域名稱是什麼。

第一步：購買網域

在 Namecheap 官網首頁輸入網址搜尋後，就會看到搜索結果：

• 如果顯示綠色勾勾：確認網域可使用，直接點「Add to cart」加入購物車。
• 如果顯示紅色叉叉：用上方的搜尋框，換個網址再搜尋一次。

*上圖首年價就是第一年的價格，續約價是第二年以後的價格，Namecheap 的漲幅小，經營穩定，很適合購買要長期經營的官方網站。

加入購物車後，就會確認你要訂購哪些項目：

1. 網域自動續約：把網域的「自動續約 (AUTO-RENEW)」打開，若忘記續約，網域可能隨時被別人買走。
2. 在「Domain Registration」下檢查自己的主要網域名稱是否正確，打錯 1 個字都無法退款。
3. 確認訂單包含以下項目：
   • 免費的「Domain Privacy」是開啟並自動續約。
   • 確認其他付費項目如 PremiumDNS、Hosting 都沒開啟。
   • 看一下訂單金額，沒問題就點 Confirm Order 完成註冊和付款流程。

付款完後，你現在有一個專屬的官網網域了，只要照接下來的步驟把網域接上主機就行囉！

第二步：設定網域 DNS (把網域指向主機)

完成付款流程後，就會跳轉到管理網域的介面：

1. 點左邊的「Domain List」進網域列表。
2. 找到你買好的網域，點最右邊的「Manage」。

到了 DNS 設定頁，再根據下面步驟設定：

1. 點上方的「Advanced DNS」，準備串接主機。
2. 再點 2 次「ADD NEW RECORD」，新增兩條空白 DNS。
3. 照著填入以下資料後，點 2 筆紀錄右側的綠色勾勾 ✓ 才會存檔：

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

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

第三步：到主機後台設定網域

在 Namecheap 都設定好後，回到 Cloudways 的分頁，告訴主機要接哪個網域。

step 1

先幫主機加入買好的網域名稱：

1. 左側點「Domain Management」進網域管理頁。
2. 點「+Add Domain」新增網域。
3. 輸入你的網域名稱 (不含www)，例如 deanlife.blog。
4. 按「Save Changes」就完成。

加好網域後，設成網站的主要網域：

1. 點網域右側的三個點。
2. 選「Make Primary」。
3. 跳出視窗按「Set as Primary」就設好了。

step 2

最後，讓網站有 SSL 安全憑證，也就是讓網址前面變成 https：

1. 左側選單切換到「SSL Certificate」。
2. 設定第一個憑證：填入以下資料，點 Install Certificate：
   • Email Address：你的電子信箱
   • Domain Name：你的主網域
3. 點「+Add Domain」，在新的 Domain Name 2 欄位填「www.你的主網域」，最後點 Save Changes 儲存。

恭喜你，網站已連好網域囉，接下來 DNS 需要一點時間在全球生效。

只要你遵照步驟，把 TTL 設 1min，以 Namecheap 的速度，通常 5~10 分鐘就能連上。

所以，你可以同時做下面幾件事：

• 用 DNS Checker 免費工具檢查目前的連線情況。
• 把後台網址加入書籤，之後都會從「後台網址」登入網站。
• 複製帳號和密碼 (Username & Password)，儲存起來避免忘記。

當你點後台網址，看到 WordPress 的登入畫面時，就可以登入網站後台，進下一個部分了。

以後若忘記帳號和密碼，登 Cloudways 後台點你的主機，到 Applications > 你的網站 > Access Details > Admin Panel 就能看到囉。更完整 Cloudways 後台設定，請參考《Cloudways 教學》。

第三部分：完成網站設計 (35 分鐘)

成功登入後台後，我們先來填網站基本資料、把介面改中文：

1. 點左側選單的「Settings > General」。
2. 進入設定頁後，先把上面的 3 個部份改好：
   • Site Title (網站標題)：填上你的品牌名稱，例如「Dean 的寫作教室」。
   • Tagline (網站說明)：用一句話簡單介紹你的網站，或主要的關鍵字，當有人搜你的網站名稱時，這會跟著標題一起顯示在搜尋結果上。
   • Site Icon (網站標誌)：上傳 512 x 512 的 Logo 圖片，這會出現在瀏覽器的左上角，加深品牌印象。

都填好後，頁面往下拉，改兩個部分就好：

• Site Language：點開拉到最底，選「繁體中文」。
• Timezone：改成「UTC+8」亞洲東半部時區，網站時間才會正確。

記得拉到最下面點 Save Changes 存檔。

到這邊基本設定就完成，想要做更進階的設定可以進一步閱讀《WordPress 後台設定教學》。

而因為是形象官網，視覺感受很重要。接下來，要幫網站外觀做設計，帶出企業品牌形象與視覺感受。

第一步：安裝 Astra 主題和套版外掛

在 WordPress 後台：

1. 左邊選單點「外觀 > 佈景主題」。
2. 點「安裝佈景主題」。
3. 等跳進安裝，再到右上角搜尋「Astra」。
4. 找到 Astra 後，點進 Astra，安裝並啟用。

安裝好佈景主題，點「Let’s Get Started with…」鈕，一鍵安裝並啟用模板外掛。

(如果沒出現，就到左側的「Astra > Starter Templates」點安裝)

第二步：用 AI 功能快速套版

安裝好 Starter Templates 後，就能使用內建的 AI 套版功能快速建立專業網站。整個過程約需 5-10 分鐘：

• 填寫基本資料：網站名稱、網站類型、介面語言，及提供什麼服務。
• 選擇設計風格：從 AI 推薦的模板中挑選喜歡的版型。
• 設定網站功能：有預設的基本功能，如部落格、SEO 等，確認就自動架站了。

接下來跟著步驟操作：

step 1

點左邊的「Build with AI」開始 AI 套版。

step 2

填網站基本資訊：

• 網站名稱：輸入網站用的品牌名稱。
• 架站目的：架這個網站的主要目的，例如 Business。
• 使用語言：選「ZH-TW Chinese (Taiwan)」，會用繁中幫你自動填入文案。

step 3

這邊貼上你準備好的網站相關文案與資料，包括：網站做什麼、給誰用、服務項目和信念等。

AI 會根據你貼上的介紹內容生成網站文案。

step 4

點「Upload Your Images」，上傳最多 20 張圖片和照片 (盡量壓縮以免佔空間)。

step 5

挑個喜歡的免費模板 (右上角沒 Premium 標籤才是免費的)。

例如：下圖這個免費模板設計很俐落，跟我想要的風格相近，先選擇它再去修改。

點進去選色系和上傳 Logo (可微調大小)，就完成模板設計了。

step 6

下一步是要選擇網站功能：

• 系統已幫你選好基本功能，建議取消「SEO & Search ..」，暫時用不到。
• 然後點下方「Start Building」按鈕，開始套用模板。
• 這時會跳出 ZipWP 的註冊視窗 (Astra 團隊開發的 AI 架站服務)。註冊後，頁面往下拉，選免費方案 (Free Plan) 就會開始套版架站。

架站大概需要 10 分鐘，完成後點「Check Website」就能看以下的成果：

接下來，回原本的分頁點「Finish Setup」到後台整理頁面。

第三步：調整頁面與選單

AI 成功生成網站後，我們要再來整理一下頁面和選單，讓它更符合官方形象。

step 1

先整理頁面：

1. 從「頁面 > 所有頁面」進頁面列表，看看目前有哪些頁面。
2. 一一點開「快速編輯」：
   • 把頁面標題都改成中文，並記住每一頁的代稱，下一步驟會用到。
   • 先把用不到的頁面，如「blog」，狀態改「草稿」。
   • 「Sample Page」放著先不動，等等會做別的修改。
3. 每頁改完，都要點「更新」儲存。

提醒：隱私權政策 (Privacy Policy)，可以用我隱私權政策教學提供的中英文範本，直接複製貼上。

step 2

下一步要來微調頁面，主要調整的地方有「連結」、「版塊」、「文案」。

分別點開要修改頁面的「編輯」，進入編輯頁面，先調整連結：

1. 點一下要設定的按鈕。
2. 在右側點開「Call To Action」找到「Link」欄位：
   • 如果要連到網站內的頁面：填入那一頁的代稱，如 contact，就填「/contact」。
   • 如果要連到網站外的網址：填完整網址。
   • 連結填好後，打開「Open in new window」的開關。
3. 完成後到右上角點「儲存」更新。

接著，刪除不要的版塊：

1. 點一下要刪除的版塊。
2. 按功能列上的三個點，選刪除。
3. 完成後點「儲存」更新。

至於頁面上的文案，直接點就能修改，你可以再找時間去調整。

以上動作，是要到每一個頁面中去做調整。更完整的編輯方法可參考《WordPress 區塊編輯器教學》。

step 3

Astra 這個 AI 生成網站的功能，免費版只會幫你生成「首頁、關於頁面、聯絡頁面」，但因為官網還會有其他頁面，例如：服務頁面、客戶案例等。

這時，我們可以運用系統原先的「Sample Page」，快速修改成服務介紹頁：

1. 先把進入 Sample Page 編輯，把標題改成「服務項目」，並關掉眼睛隱藏標題。
2. 刪除用不到的區塊和內容。
3. 把頁面代稱改成「Service」。
4. 最後在上方點「Design Library」。

等跳出視窗，選「Pattern > Service List」，挑個喜歡的服務列表模板套入。

套入模板後：

1. 把範例文字全部替換成自己的服務內容。
2. 刪掉用不到的按鈕或區塊。

最後替換圖片：

1. 點「圖片 > 區塊 > Change Image」替換成自己的圖片 (要記得填寫圖片敘述，加強 SEO)。
2. 完成後到右上角點「發佈」。

完成的服務頁就如下圖的樣子，用同樣方法可以繼續新增服務流程、客戶案例等頁面。

step 4

每個頁面都調整完後，來調整頁面最上方的導覽列：

1. 從「外觀 > 選單」進設定。
2. 左邊「頁面」勾選你要放到選單的頁面 (如：服務頁面)，點「新增至選單」。
3. 一一點開右上角的小箭頭，微調導覽列上的連結文字。
4. 確認都改好後，點「儲存選單」存檔。

恭喜你，你的官方網站架設就完成了！

架完官網後，還需要做什麼？

架設完官網後，你還有幾件重要任務要做，網站才算真正上線：

1. 啟用 Cloudways 帳戶 (一定要做)：登入 Cloudways 後台，點右上角的頭像，選「My Account > Payment & Address」，補填信用卡和帳單地址就能正式啟用帳戶，避免網站試用期完消失。
2. 調整 DNS 刷新頻率：回 Namecheap 後台，把 Advanced DNS 兩條 DNS 記錄的 TTL 都改回 Automatic，減少主機負擔。
3. 替換頁面文案：回到 WordPress 後台的「頁面 > 所有頁面」，至少確認「關於我們」、「服務項目」和「聯絡我們」的內容有完整資訊，並微調 AI 較制式化的語氣，讓用戶信任你。
4. 設定網域信箱：把聯絡信箱改成官網網域，如 [email protected]，能大幅提升專業度。可以參考《自訂網域信箱的 4 種方法》。
5. 安裝必備 WordPress 外掛：網站的功能需要靠外掛來擴充。建議優先安裝安全性、SEO 優化、聯絡表單等外掛。你可以參考這份《WordPress 外掛推薦清單》來做優化。
6. 微調網站外觀：當你完成以上所有設定後，有空再到 WordPress 後台的「外觀 > 自訂」做更細的版面調整，可參考 Astra 完整教學。

官方網站架設的其他相關問題