- Irvinglab 爾文實驗室
- Posts
- 🚀 經營網站最佳組合 WordPress + Shopify｜Canva 今年 2024 年產品發表大會令人驚艷，結合生成式 AI 是大勢所趨｜Shopify UX｜Figma 可以用分隔符號建立分隔線
🚀 經營網站最佳組合 WordPress + Shopify｜Canva 今年 2024 年產品發表大會令人驚艷，結合生成式 AI 是大勢所趨｜Shopify UX｜Figma 可以用分隔符號建立分隔線
💎 科技工具分享 - 全方位的網站優化分析工具：Plerdy
Irving Chen
May 27, 2024
Irvinglab 爾文實驗室
經營網站最佳組合 WordPress + Shopify
🚀 在今年 2024 年，以全球來說，WordPress 是 CMS 市場的第一大平臺，擁有 62.7% 的市場份額，我用了十年多，至今還是作為我經營品牌形象網站和部落格的首選。想了解更多有關 WordPress 外掛生態系，可以閱讀：WordPress 外掛推薦精選
🚀 Shopify 擁有 6.4% 的市場份額，排第二，近幾年在台灣異軍突起，非常強勢，在國外早就被許多知名品牌使用，是我心中電商網站架站平台的首選！尤其是台灣商家要走向國際，更是目前最佳選擇。
Wix、Squarespace 和 Joomla 是前五名中的其他 CMS 平臺，市場份額從 2.4% 到 3.9% 不等。若還不了解 Shopify，可以參考這篇文章：用兩個月打造 Shopify 客製化網站設計
Shopify 是目前用過最滿意的架站平台
🍎 有沒有發現 Shopify UX 的小更新，產品頁新增連結到自訂佈景主題的捷徑
在「產品頁」編輯中，右下角的佈景主題範本旁會有個「眼睛圖示」，一鍵點擊直連該產品頁所套用的「範本編輯區」，等於是一個捷徑。
這提升了使用體驗，以往是要跳出去，回到自訂編輯佈景主題在下拉找到該範本名稱，至少省下「6 個點擊動作次數」，回想起來之前操作步驟還真有點繁複：
1. 跳出去回到 Admin
2. 點擊「網路商店」
3. 點擊「自訂」按鈕
4. 點擊「範本下拉選單」
5. 點擊「產品」
6. 點擊「該範本名稱」
🎄 若是在「一般頁面」或「網誌文章」，則不是顯示「眼睛圖示」，而是下方顯示「自訂範本」
🍎 Shopify 的中繼欄位 Metafields 建立多種欄位很好用，但我不建議將它們蓋得跟台北 101 一樣高
Shopify 的中繼欄位（Metafields）建立多種欄位很好用，但我不確定將它們蓋得跟台北 101 一樣高是否深深影響商家自己的使用體驗
🎄 我是盡量避免「爆多的情況發生」
若真的不得已，那至少要在每個中繼欄位設定「描述使用說明 」，如此一來其他的團隊成員進行交接時會比較順暢些
ps. 中繼欄位：可以在網站後台新增自訂欄位，讓網站經營者可以在後台自行編輯內容與設定
🍎 Figma 終於可以使用分隔符號建立分隔線的方式，用來組織頁面
🎄 在 Figma 檔案中，可以新增頁面並輸入三次分隔符號就會自動產生「分隔線」，可以簡單地分類頁面類型與用途。雖然這只是簡單的小更新，每個細節優化累積起來可以帶來完整的良好使用體驗。
這對設計師來說只會越來越愛這套設計軟體。
參考 Figma 官方社群訊息，了解操作方法：Organize your pages with dividers & multiple page moves
🍎 Canva 今年 2024 年產品發表大會令人驚艷，結合生成式 AI 是大勢所趨
🍉 我平常本來就會針對特定需求來使用線上設計工具 Canva，例如用 Canva 打造線上 Presentation，這裡分享兩年前 2022 年在台灣分享的一場 Shopify 小聚所做的簡報：從 0 到 1，打造 Shopify 客製化電商網站設計，近日又有全新的演講簡報製作完成，之後有機會再放上來分享
除此之外，一些客戶的案子或自身需求的平面設計、社群素材和動圖等也會使用 Canva，速度超快、方便至極！除非真的要精修或精緻打造才會開啟臃腫的 Adobe Photoshop 或 Illustrator，只能說 Canva 大幅提升了我的工作效率。
🍉 而今年的 Canva Create 發表會令人瞠目結舌，整合了 AI 賦予讓使用者直接內建使用，前往觀看影片：Canva Create: Work Redesigned
🎄 Video 影片剪輯：線上課程推薦指數 ⭐️⭐️⭐️⭐️⭐️
百萬 YouTuber 阿滴教學影片剪輯軟體 Adobe Premiere Pro 講解得也太精湛了！數年前遠古時代的我只能翻電腦書看個半天，而如今阿滴用影片方式將這套軟體解析透徹，豐富的內容包含如何選購器材、拍攝規劃，更有實作後期剪輯等，太完整了。
很適合初入門影片創作者、想要學習影片剪輯軟體，又或是想了解阿滴這套心法與思考方式的資深工作者。
🚀 科技工具分享 - Plerdy
Irving 爾文會在每次分享電子報時分享一個我正在使用或精選蒐藏的軟體工具，包含各種領域類別如 UIUX 設計、網站、電商、行銷、社群、AI 等。
設計 Design
Plerdy：全方位的網站優化分析工具，目標為提供網站優化與轉換率，擁有如此多的功能費用也算平易近人，包含 Heatmap、Session Replay、NPS、Ecommerce Analytics、Event Tracking Tools、Funnel Analysis、SEO Checker、UX assistant、Ecommerce Analytics 等
重點是：AB Testing 完全免費！
若對電子報有任何想法或建議，可以填寫回饋表單，我會納入評估作為優化的方向，提供更優質的內容 ^^
Teamwork makes the team work
🎄 Line 學習社群
Shopify 網站設計與架站學習交流
分享主題從網站規劃、設計到建立等相關內容，透過學習交流與經驗分享，讓彼此成長更加快速，主要以 Shopify 建立電商網站為主。
WordPress 網站設計與架站學習
學習 WordPress 網站設計與架站，分享實作經驗與交流。
SEO 資源彙整與學習
閱讀 SEO 就像喝水一樣，習慣建立與自然地吸收。
成為網頁設計師
邁向網頁設計師之路，了解網頁設計的基本概念與實作經驗交流與分享，無論是行銷人、工程師、平面設計師等想要了解更多「網頁設計」都歡迎加入討論。
Learning by Reading → Learning by Doing → Learning by Sharing
Irving 爾文
專注網頁設計與架站平台、SEO 搜尋引擎優化，深度研究品牌行銷、UX 策略與數位產品、電商經營等領域，熱衷科技、設計與文字創作、社群分享。
#藝術 #設計 #科技
★ Founder of Irvinglab 爾文實驗室
★ Web Design Lead / Senior Web Designer / SEO Manager
★ 專精 Shopify 電商網站設計與架站
★ 專精 WordPress 品牌網站和部落格建置
★ 工作經歷大小型公司 (包含品牌方與代理商)、網頁設計接案公司、數位行銷公司、新創 Saas 軟體公司等
➤ 聯繫方式：Line 官方帳號 | Channel 線上交談
➤ Email：[email protected]
降低資訊落差，幫助所有人做出最佳判斷，符合現階段的需求與成本考量
Reply