如何架設網站：完整網頁設計製作＋公司官網建置｜Divi 主題教學（全攻略）

1. 影片提到的資源連結

2. 影片描述

這是一部完整「 如何架設網站 」教學 ，從網域購買、主機選擇、優質 WodPress 主題 / 外掛安裝、網站各頁面設計等 ..，將帶著你從 0 到 1，完整架站成功！

影片中是採用優質 Divi 主題，進行品牌官網設計。

Divi 是許多網頁設計師喜愛的一款軟體，除了功能強大且有很多高質感的元素（和現成模板）。

它是 Elegant Themes 旗下產品，擁有全功能 Divi Theme 佈景主題、Divi Builder 頁面編輯器、Extra 主題（可用在部落格 / 新聞雜誌 / 作品集 ..）、Bloom 電子報註冊行銷工具、Monarch 社群工具等 ..。

簡單來說，使用 Divi 主題不會只有一種軟體可用，而是能享受它們公司的所有服務。

使用 Divi 軟體，不需要任何程式概念，用拖曳方式就能設計漂亮的網站，就像官網所描述的，視覺化設計＋佈局排版都將變得更加容易。

趕快一起來學習吧：）

3. 影片時間軸

• 00:00:00 – 學習導覽（成品一覽）
• 00:08:15 – 自架網站３要素
• 00:12:46 – A2 Hosting 主機特色
• 00:14:42 – 主機方案介紹
• 00:18:21 – A2 Hosting 主機購買
• 00:30:12 – 信件認證
• 00:35:53 – SSL 憑證申請
• 00:39:26 – WordPress 後台設定
• 00:41:17 – 中場休息
• 00:42:17 – 如何購買 Divi 主題
• 00:51:56 – 如何安裝 Divi 主題
• 00:55:42 – 新增網站頁面
• 01:00:51 – 設計網站 Logo & 配色
• 01:06:03 – Header 頁首設計
• 01:13:24 – 網站首頁設計
• 02:21:50 – 關於我們製作
• 02:40:10 – 服務項目製作
• 03:05:57 – 聯絡我們製作
• 03:26:15 – 部落格功能
• 03:37:10 – Footer 頁尾設計
• 03:44:38 – 響應式設計（電腦 / 平板 / 手機版調整）
• 04:20:21 – 中場休息
• 04:20:54 – Divi 其他功能
• 04:37:43 – Divi 設計小技巧
• 04:46:28 – Divi Marketing 市集
• 04:48:39 – 結尾溜，歡呼啦！

---

WordPress 學習資源

學習 WordPress 網站架設流程中，或許會遇到一些解決不了問題，可以在下方留言給我，我會盡力協助解答！

接下來，額外分享 3 項架站資源，可有效幫助大家處理網站問題。

資源一：WP 高手架站課（線上課程）

這門 WordPress 高手架站課 濃縮了犬哥多年在網頁設計的實戰經驗，從網頁設計觀念、WordPress / WooCommerce 後台操作、熱門主題.外掛教學、品牌網站 / 部落格 / 電商網站，3 大類型網站建置方法等 .. 豐富內容，一次教會你。

課程內容非常的紮實（長度超過 20 小時）。如果你剛學習自架網站，這門課程可以讓你用最快的速度，就學會這項技能！

幫你增加網路曝光，提高你的線上營收！

資源二：犬哥數位（專業 WordPress 網頁設計公司）

如果你沒時間自己架站、或是遇到解決不了的網站問題。歡迎洽詢 犬哥數位（WordPress 網頁設計公司），請專家製作會更有效率！

資源三：更多犬哥教學資源

如果你在操作過程中遇到問題，可以加入 引力行銷圈 – 犬哥網站（目前有超過 9000+ 團員）。除了有網友一同幫你解惑外，犬哥團隊也會同步在社團幫助大家。

如果你想學更多網頁設計、數位行銷知識，也歡迎追蹤 犬哥網站 IG。或是喜歡看影片學習，可關注 YouTube 頻道。