1. 影片提到的資源連結
相關教學&資源:
2. 影片描述
想經營屬於自己的購物網站嗎?在架設網站時,總是不知怎麼下手嗎?
這是一部完整的「 Elementor 購物網站建置 」全教學,帶你打造專屬於自己的網路開店平台!
有些站長們,希望擁有一個優質的電商網站,而不需要花費太多金額。
今天會教大家如何用最少的預算,自架購物網站,而且可以依照自己的需求,設計出客製化的品牌電商。
影片會從購買虛擬主機>設計網站整體架構>電商系統建置>網站頁面設計(含手機板)>網站金物流配置>購物下單測試,都會手把手帶著大家一起完成!
那廢話不多說,來學習吧:)
3. 影片時間軸
- 00:00:00 – 影片開頭
- 00:01:20 – 學習導覽
- 00:05:41 – Bluehost 主機介紹
- 00:11:32 – 主機方案選擇
- 00:16:15 – 個人網域+主機申請
- 00:22:16 – 註冊 Bluehost 帳戶&登入
- 00:25:28 – 信件認證 ( 含 Whois 網域認證、發票訊息等.. )
- 00:28:05 – 了解臨時網域&正式網域的差別
- 00:30:06 – WordPress 一般設定
- 00:33:14 – WordPress 外掛整理
- 00:35:19 – WordPress 後台權限設定
- 00:36:27 – 更改為正式域名
- 00:38:31 – 開啟 SSL 免費憑證
- 00:41:30 – 更改 WordPress 登入密碼
- 00:45:21 – 網站正式上線
- 00:46:46 – 中場休息
- 00:47:16 – 設計網站 Logo(使用 Canva)
- 00:49:32 – 幫網站進行配色(使用 Coolors)
- 00:51:36 – 套用 Hello Elementor 主題
- 00:52:51 – 購買 Elementor Pro+憑證安裝
- 00:58:33 – Elementor Pro 一般設定
- 00:59:30 – 全站文字 / 配色調整
- 01:02:19 – 全站選單 / 頁面架構
- 01:06:54 – 安裝 WooCommerce 外掛
- 01:10:02 – Theme Builder 工具介紹
- 01:11:17 – 製作網站頁首
- 01:24:57 – 製作網站頁尾
- 01:39:32 – 一般 / 商品 / 帳號及隱私權
- 01:45:12 – 新增單一商品
- 01:51:11 – 新增可變商品
- 01:57:09 – 設定商品分類
- 01:58:15 – 製作首頁(含 RWD 響應式設計)
- 02:46:33 – 製作「 品牌故事 」頁面
- 02:55:58 – 製作「 聯絡我們 」頁面
- 03:12:44 – 配置部落格功能
- 03:35:07 – WooCommerce 預設金物流
- 03:40:18 – RY WooCommerce Tools 安裝+設定
- 03:41:49 – 新增綠界金物流
- 03:47:35 – 製作商品列表頁
- 03:52:50 – 製作單一商品頁
- 04:02:55 – 製作購物車頁面
- 04:11:40 – 製作結帳頁面
- 04:23:58 – 製作會員專區
- 04:34:04 – 製作會員條款&隱私權政策
- 04:40:10 – 一般頁面 / Elementor Pro 客製化版型,兩者的不同
- 04:46:15 – 測試下單流程
- 04:51:12 – 後台訂單管理
- 04:53:21 – 查詢綠界管理後台(測試版)
- 04:56:48 – 改為正式的介接憑證
- 04:58:33 – 網站細節調整
- 04:59:53 – 手機版選單
- 05:02:32 – 結尾溜,歡呼啦!
WordPress 學習資源
學習 WordPress 網站架設流程中,或許會遇到一些解決不了問題,可以在下方留言給我,我會盡力協助解答!
接下來,額外分享 3 項架站資源,可有效幫助大家處理網站問題。
資源一:WP 高手架站課(線上課程)
這門 WordPress 高手架站課 濃縮了犬哥多年在網頁設計的實戰經驗,從網頁設計觀念、WordPress / WooCommerce 後台操作、熱門主題.外掛教學、品牌網站 / 部落格 / 電商網站,3 大類型網站建置方法等 .. 豐富內容,一次教會你。
課程內容非常的紮實(長度超過 20 小時)。如果你剛學習自架網站,這門課程可以讓你用最快的速度,就學會這項技能!
幫你增加網路曝光,提高你的線上營收!
資源二:犬哥數位(專業 WordPress 網頁設計公司)
如果你沒時間自己架站、或是遇到解決不了的網站問題。歡迎洽詢 犬哥數位(WordPress 網頁設計公司),請專家製作會更有效率!
資源三:更多犬哥教學資源
如果你在操作過程中遇到問題,可以加入 引力行銷圈 – 犬哥網站(目前有超過 9000+ 團員)。除了有網友一同幫你解惑外,犬哥團隊也會同步在社團幫助大家。
如果你想學更多網頁設計、數位行銷知識,也歡迎追蹤 犬哥網站 IG。或是喜歡看影片學習,可關注 YouTube 頻道。