WordPress 購物網站設計教學 (使用 Elementor 外掛 + Blocksy 主題)|WooCommerce 商店設計|《WordPress 購物網站架設教學》第 5 集 設計網站外觀

在這一部影片,我會跟你分享如何使用 Blocksy 主題自訂器跟 Elementor 頁面編輯器設計 WordPress 購物網站的外觀。如果你發現你的網站沒有辦法照著你想要的樣子排版,或是覺得套版網站的樣子太死板,很容易跟人重複。跟著這部影片操作之後,你就能夠自訂 WordPress 購物網站的排版跟設計了,包含頁首選單設計、WooCommerce 商店設計、頁尾設計等等。

⭐️ 註冊 Canva 帳號
→ https://notesstartup.com/canva

⚡ 章節重點
00:00 🎯 影片介紹
00:45 🎯 Blocksy 主題自訂器 vs Elementor 頁面編輯器
01:09 🔹 區分使用範圍
01:58 🔹 前往 Blocksy 主題自訂器與 Elementor 頁面編輯器
02:55 🎯 步驟 1:自訂頁首設計
03:18 🔹 頁首選單
04:04 🔹 頁首項目位置
04:31 🔹 頁首元件圖示
04:40 🔹 製作子選單
06:22 🔹 更換 Logo
06:57 🔹 頁首吸附功能
07:43 🔹 什麼是響應式網頁設計?
08:33 🔹 響應式網頁設計 (Blocksy)
10:48 🎯 步驟 2:自訂首頁設計
10:53 🔹 頁首 vs 首頁
11:21 🔹 Elementor 編輯器介紹
12:02 🔹 段 (區段)
13:17 🔹 新增標題
14:00 🔹 新增影片
14:28 🔹 新增按鈕
15:22 🔹 響應式網頁設計 (Elementor)
16:34 🎯 步驟 3:自訂商店設計
16:41 🔹 整體顏色調色盤
17:54 🔹 商品彙整頁面
20:26 🔹 單項商品頁面
21:34 🎯 步驟 4:自訂頁尾設計
21:49 🔹 頁尾項目位置
22:01 🔹 社交平台圖示
22:16 🔹 諾特斯觀眾小默契
23:01 🎯 諾特斯的經驗分享
23:56 🎯 本集回顧 / 下集預告

🎯:大標題 🔹:小標題
希望章節重點與標示能幫助你快速了解影片架構,有效率地獲取想知道的資訊!

✨ 相關連結
⭐️ 註冊 Canva 帳號
→ https://notesstartup.com/canva

⭐️ 使用 Canva 製作 Logo 教學
→ https://youtu.be/n_hbQmT8KZM?t=660

🚩 製作團隊
內容企劃、內容錄製:諾特斯
動畫製作、剪輯後製:蚊子

📚 參考資料
The Complete WooCommerce Tutorial 2021 (eCommerce Tutorial)
→ https://youtu.be/oTr–KR4qoM

How to Make an E-Commerce Website (2022) Online Shopping Store
→ https://youtu.be/tKwPzva-tOc

How To Make a Website – Absolute Beginners – All in One Step by Step – 2019
→ https://youtu.be/JLCRnG_FZB0

🌐 官方網站
網站架設:https://notesstartup.com/
手繪動畫:https://notesscribe.com/

🙌 觀眾許願池
→ https://notesstartup.com/wishing-well/

👍 諾特斯好評瀑布
→ https://notesstartup.com/notes-review/

☕️ 聯盟計畫聲明
諾特斯有參與部分軟體/工具廠商的聯盟計畫。如果你透過我提供的連結購買,我就能夠獲得收益。這不會對你造成額外的費用,而且可以支持我繼續製作更多能幫助到大家的免費影片。此外,部分軟體/工具有諾特斯觀眾的專屬優惠折扣,希望這也對你有幫助。

我希望透過公開這些資訊,讓我們之間更透明,加深我們的信賴關係。我只會推薦我真心覺得優質的軟體/工具。如果真的有購買的需求,歡迎利用我提供的連結購買,非常感謝你的支持!

💌 聯絡資訊
網站表單:https://notesstartup.com/contact/
Facebook:諾特斯 https://www.facebook.com/NotesStartup/
Instagram:notesstartup https://www.instagram.com/notesstartup/
Email:support@notesstartup.com

👍 支持諾特斯
→ https://notesstartup.com/support-notes/