如何架設網站：完整網頁設計製作＋公司官網建置｜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 項架站資源，可有效幫助大家處理網站問題。

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

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

資源二：WP 精選模組攻略書

由於 WordPress 主題 / 外掛有非常多種，很多網友私訊我不知道安裝哪一款，才有辦法實現功能。或是已經試了很多款外掛，但始終找不到適合自己的。

對此我整理了 高達 100 多款精選主題＆外掛大全（電子書），這些都是我們團隊協助客戶開發案件時，會搭配使用的。一來外掛品質優良，二來功能性也足夠強！

資源三：官方教學資源（含 FB 社群解答）

如果你偏愛自架網站，也歡迎持續關注 犬哥網站 Blog，我們都持續有發布新的網站架設、網路行銷教學。

或是你比較喜歡看影片學習，也可關注 YouTube 頻道，幫助你更容易進入狀況。

當然，如果你在操作過程中遇到問題，也可以加入 WordPress 架站 x SEO 教學時光屋 – 犬哥網站 ，除了有網友一同幫你解惑外，犬哥團隊也會同步在社團幫助大家。