購物網站建置:如何製作 3C 產品電商網站(桌電/筆電/手機/電腦週邊 ..),開啟你的網路生意|Divi 主題教學

購物網站建置:如何製作 3C 產品電商網站(桌電/筆電/手機/電腦週邊 ..),開啟你的網路生意

1. 影片提到的資源連結

2. 影片描述

打算製作一個 3C 電商網站嗎?如果你也喜歡使用 DIVI 這款高質感的主題 / 頁面編輯器,那這部影片會有效幫到你。

影片中,從網站架設的基本配備(網域/主機申請)、Divi 軟體安裝&重點操作、WordPress 基本操作、WooCommerce 多類型商品上架、網站各頁面設計、Divi 生態圈模組教學等 ..,都包含在此次的教學中!

不用再花時間找尋網路開店平台了,WordPress+WooCommerce 軟體整合,讓你靠自己就能建置客製化網站,不用被設計公司收取大額的網頁設計費用。

你也準備好了嗎?快跟著我的腳步一起學習吧!

3. 影片時間軸

  • 00:00:00 – 影片開頭
  • 00:01:04 – 網站成品預覽
  • 00:06:58 – 前往 A2 Hosting(使用折扣連結)
  • 00:07:31 – A2 Hosting 主機特色
  • 00:09:53 – 申請網域&主機
  • 00:23:26 – WhoIs 網域信件認證
  • 00:24:34 – SSL 憑證開啟
  • 00:30:42 – WordPress 後台設定
  • 00:33:47 – 章節導讀
  • 00:34:24 – Divi 軟體介紹
  • 00:36:06 – 如何購買 Divi 主題
  • 00:44:08 – 安裝+啟用 Divi 主題(含憑證激活)
  • 00:47:20 – 安裝 Monarch 社群外掛
  • 00:48:56 – 章節導讀
  • 00:49:22 – 製作 Logo & 網站色系(Canva)
  • 00:54:17 – Divi 基本設定
  • 00:59:43 – 建立網站結構頁面(含 WooCommerce 安裝)
  • 01:05:23 – 永久連結設定
  • 01:06:19 – 製作全站頁首
  • 01:09:14 – 製作全站頁尾
  • 01:16:30 – 頁首 / 頁尾使用補充
  • 01:18:31 – 章節導讀
  • 01:18:54 – 新增簡單商品
  • 01:22:33 – 新增可變商品
  • 01:26:22 – 編輯商品分類
  • 01:27:21 – 電商基本設定
  • 01:31:27 – 章節導讀
  • 01:32:14 – 製作首頁
  • 02:11:44 – 製作商品列表頁
  • 02:23:22 – 製作單一商品頁
  • 02:27:37 – 製作購物車頁
  • 02:30:51 – 製作會員專區頁
  • 02:33:20 – 製作品牌故事
  • 02:36:38 – 製作購物須知&隱私權
  • 02:43:26 – 章節導讀
  • 02:43:55 – 設定金物流方式
  • 02:47:28 – 製作結帳頁面
  • 02:51:33 – 製作感謝頁面
  • 02:52:21 – 章節導讀
  • 02:52:49 – 新增 Blog 文章
  • 02:58:48 – 製作文章列表
  • 03:04:49 – 製作單一文章頁
  • 03:11:04 – 章節導讀
  • 03:11:26 – Divi 自訂外觀功能
  • 03:14:54 – 社群分享功能(Monarch)
  • 03:19:54 – 商品&文章分類排序
  • 03:20:52 – 結尾溜!

WordPress 學習資源

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

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

資源一:WP 高手架站課(線上課程)

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

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

幫你增加網路曝光,提高你的線上營收!

WordPress 高手架站課|一堂課讓你變架站高手!
WordPress 高手架站課|一堂課讓你變架站高手!

資源二:犬哥數位(專業 WordPress 網頁設計公司)

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

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

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

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

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

引力行銷圈|犬哥網站
引力行銷圈|犬哥網站

關於作者

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

犬哥網站

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

發佈留言

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

返回頂端