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

★☆ 重要連結 ☆★
A2 Hosting 優惠連結（最高 70% Off 折扣）➜ https://frankknow.com/a2
Divi 主題購買（10% 限時優惠）➜ https://frankknow.com/divi10
Divi Marketing 市集 ➜ https://frankknow.com/divi-market
Canva Pro（免費 30 天試用）➜ https://frankknow.com/canva
範例 Divi 網站 ➜ https://wordpress-815185-2797994.clou...

PS. 如果 A2 Hosting 有畫面改版，我們會定期將新的流程更新至文章中，祝你架站順利！
A2 Hosting 文章連結 ➜ https://frankknow.com/a2-tutorial

▬▬▬▬▬ 🏆️ 精選系列 🏆️ ▬▬▬▬▬
如何架站系列 ➜    • 自架網站系列  
優質主機挑選 ➜    • 優質主機系列  

▬▬▬▬▬ 💬 關注我們 💬 ▬▬▬▬▬
犬哥網站 ➜ https://frankknow.com
犬哥數位（網頁設計 x 網路行銷服務）➜ https://frankknow.co
IG 圖文教學 ➜   / wp.dog  
互助社團（幫你解決網站架設的問題）➜   / frankknow  

---

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

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

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

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

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

影片的時間軸
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 結尾溜，歡呼啦！

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

趕快一起來學習吧：）

▬▬▬▬▬ 💡 影片相關教學＆資源 💡 ▬▬▬▬
資源＆工具連結
姓名中翻英 ➜ https://www.boca.gov.tw/sp-natr-singl...
地址中翻英 ➜ https://www.post.gov.tw/post/internet...
Coolors 配色軟體 ➜ https://coolors.co/

相關教學
Divi 教學（文）➜ https://frankknow.com/divi-tutorial/
WordPress 後台教學 ➜    • WordPress 後台教學：給新手的操作教學（全指南）  
Canva 設計教學 ➜    • Canva 中文教學：26 個實用技巧公開，大幅提升你的設計效率（新手寶典）  
FTP 軟體教學（文）➜ https://frankknow.com/ftp-wordpress/
WooCommerce外掛推薦 ➜ https://frankknow.com/woocommerce-plu...
架設購物網站 ➜    • 架設購物網站：如何設計建置＋購物車教學（WordPress 網路開店平台）  
Logo 設計＋網站配色 ➜    • 如何製作 LOGO 設計＋網站配色（網頁設計流程）｜Canva＋Remov...  
FB 粉專＆社團嵌入 ➜    • 如何在 WordPress 網頁嵌入 Facebook 粉絲專頁＋臉書社團？  
MailChimp 電子報教學 ➜    • MailChimp教學：電子報訂閱＋EDM 行銷（WordPress＋Wo...  
Rank Math SEO 優化教學 ➜    • Rank Math 教學：最佳 WordPress SEO 外掛軟體，優化...  
GA 追蹤碼遷入 ➜    • 如何在 WordPress 網站，安裝 Google Analytics ...  
Astra 主題教學 ➜    • Astra Theme 教學：WordPress 輕量多功能主題，讓你體驗...  



#架設網站 #WordPress教學 #Divi中文教學 #網站架設 #網站建置 #官網設計 #官網架設 #形象網站設計 #網站設計 #網頁製作 #網頁設計 #A2hosting
#wordpress主機 #wordpress後台教學 #虛擬主機推薦 #divi主題 #wordpress佈景主題