購物網站設計:RWD 網頁設計教學+製作建置流程(全客製化)|Elementor Pro 實戰應用

購物網站設計:RWD 網頁設計教學+製作建置流程(全客製化)

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 高手架站課|一堂課讓你變架站高手!

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

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

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

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

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

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

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

關於作者

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

犬哥網站

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

發佈留言

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

返回頂端