如何架設網站:完整網頁設計製作+公司官網建置|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 – 自架網站3要素
  • 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 網頁設計公司),請專家製作會更有效率!

WordPress 網頁設計公司|犬哥數位

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

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

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

WordPress 模組指南書
WordPress 模組指南書

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

如果你想學更多品牌設計知識,也歡迎追蹤 犬哥網站 IG,這裡面有很多精美圖文&短影片。

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

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

犬哥網站|交流社團
犬哥網站交流社團

關於作者

犬哥網站:網頁設計 x 網路行銷教學平台

犬哥網站

我們分享 WordPress 架站 x 網路行銷知識,不需會任何程式技術,就能自己建立各種網站。 搭配豐富的網路行銷教學,幫助你被更多人看到。 趕快跟著我們的腳步,開始學習吧:)

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *

返回頂端