購物網站建置:如何製作 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 項架站資源,可有效幫助大家處理網站問題。

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

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

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

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

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

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

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

資源三:官方教學資源(含 FB 社群解答)

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

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

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

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

關於作者

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

犬哥網站

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

發佈留言

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

Scroll to Top