🚀 經營網站最佳組合 WordPress + Shopify｜Canva 今年 2024 年產品發表大會令人驚艷，結合生成式 AI 是大勢所趨｜Shopify UX｜Figma 可以用分隔符號建立分隔線

探討如何降低溝通成本，選用易讀字體及自動配色工具提升網頁設計效率，並推薦優質 Figma 外掛與 VWO AB 測試軟體，助你實現產品創新與品牌升級。持續優化溝通與設計流程，打造高效團隊，實現品牌價值最大化。

💎 科技工具分享 – 全方位的網站優化分析工具：Plerdy

經營網站最佳組合 WordPress + Shopify

🚀 在今年 2024 年，以全球來說，WordPress 是 CMS 市場的第一大平臺，擁有 62.7% 的市場份額，我用了十年多，至今還是作為我經營品牌形象網站和部落格的首選。想了解更多有關 WordPress 外掛生態系，可以閱讀：WordPress 外掛推薦精選

🚀 Shopify 擁有 6.4% 的市場份額，排第二，近幾年在台灣異軍突起，非常強勢，在國外早就被許多知名品牌使用，是我心中電商網站架站平台的首選！尤其是台灣商家要走向國際，更是目前最佳選擇。

Wix、Squarespace 和 Joomla 是前五名中的其他 CMS 平臺，市場份額從 2.4% 到 3.9% 不等。若還不了解 Shopify，可以參考這篇文章：用兩個月打造 Shopify 客製化網站設計

參考資料：CMS Market Share: The Most Popular Website Platforms in 2024

❝

Shopify 是目前用過最滿意的架站平台

Irving – Irvinglab 爾文實驗室

🍎 有沒有發現 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 阿滴－攻心剪輯術！

百萬 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 完全免費！

🚀 預約諮詢：網站設計與建置＋內容 SEO 優化

若你有 Shopify 電商網站或 WordPress 品牌形象、部落格設計與建站的需求，可以前往填寫表單預約諮詢。Irvinglab 爾文實驗室是一家深度經驗的網頁設計公司，專注打造 Shopify 和 WordPress 網站以及提供 SEO 優化與內容規劃的服務。若想進一步了解服務內容，可以加入 Irvinglab 爾文實驗室的 Line@ 官方帳號留下訊息給我們。