按鈕與橫幅編輯器

專業的按鈕、折扣按鈕、橫幅編輯器 - 輪播功能、影片背景、動畫效果、響應式設計、50種電商圖示

*目前版本 / Current Version: 1.6.0** --- ## 📋 基本資訊 / Basic Information ### 擴充功能名稱 / Extension Name **中文**: 按鈕與橫幅編輯器 **英文**: Button & Banner Editor ### 簡短描述 / Short Description (132 字元以內) ``` 專業的按鈕、折扣按鈕、橫幅編輯器 - 輪播、拖拉調整、50種電商圖示、即時預覽 Professional editor for buttons, discount buttons & banners with carousel & drag-to-adjust ``` ### 詳細描述 / Detailed Description ``` 🎨 按鈕與橫幅編輯器 v1.6.0 - 電商網站的最佳設計工具 專為電商網站開發者打造的專業按鈕與橫幅編輯器，讓您輕鬆建立美觀且具轉換力的 CTA 元素。 ✨ v1.6.0 新功能 • 拖拉調整 (Drag-to-Adjust) - 在預覽區直接拖拉橫幅內容調整位置 - 即時同步更新設定面板滑桿 - 流暢的拖拉體驗，無延遲 • 輪播自動播放優化 - 修正輪播卡死問題，現在可以無限循環 - 使用現代 scrollend 事件，更流暢的轉場 • 文字對齊改善 - 文字與按鈕精確對齊（左緣、中心點、右緣） - 更直覺的對齊控制 • 手機版優化 - 按鈕保持比例自然縮放，不再變形 - 更好的手機閱讀體驗 🎯 核心功能 三種專業編輯器： • 按鈕編輯器 - 建立專業的 CTA 按鈕 • 折扣按鈕編輯器 - 一鍵複製優惠碼的互動按鈕 • 橫幅編輯器 - 設計精美的行銷橫幅（支援輪播、影片背景、動畫） 🎠 輪播功能 • 完整橫幅輪播（引用已儲存的橫幅版型） • 自動播放（可設定間隔 2-10秒） • 三種轉場效果：淡入淡出、滑動、縮放 • 可自訂指示點和箭頭樣式 • 觸控支援，手機滑動切換 • 無需外部 JS，可直接插入 TinyMCE 或複製 HTML 🎯 豐富的視覺選項 • 50+ 電商專用圖示 - 購物相關: 購物車、購物袋、信用卡、收據、物流、包裹等 - 促銷相關: 閃電、優惠券、禮物、折扣、獎盃、火箭等 - 社群媒體: 主流社群媒體 • 強大的樣式控制 - 雙色漸層（線性 & 放射狀） - 空心樣式（支援漸層邊框！） - 陰影與圓角 - 8 種 hover 特效 - 完全自訂顏色與透明度 • 精緻玻璃擬態介面 - 精緻的玻璃擬態設計 - 手風琴式面板（點擊展開，自動收摺其他面板） - 即時預覽 - 深色/淺色背景切換 🛍️ 電商優化功能 • 折扣按鈕 - 一鍵複製優惠碼 - 自訂成功動畫與訊息 - 完美支援行動裝置 • 完整的 CTA 類型 - 連結、錨點、電話、郵件 - 通訊與社群軟體 • 多槽位管理 - 每種類型支援 5 個獨立槽位 - 快速切換不同設計 - 自動儲存所有設定 🚀 使用簡單 1. 點擊擴充功能圖示開啟編輯器 2. 選擇編輯器類型（按鈕/折扣按鈕/橫幅） 3. 調整樣式，即時預覽效果 4. 複製 HTML 程式碼到您的網站 🔒 隱私保護 • 完全離線運作 • 不收集任何個人資料 • 不傳輸資料到外部伺服器 • 所有設定僅儲存在您的瀏覽器本地 💡 適用對象 • 電商網站開發者 • 網頁設計師 • 行銷人員 • 前端工程師 • 任何需要快速建立專業按鈕的人 --- 🌟 為什麼選擇此工具？ ✓ 無需設計技能，人人都能建立專業按鈕 ✓ 即時預覽，所見即所得 ✓ 豐富的電商圖示庫 ✓ 支援漸層邊框等進階效果 ✓ 完全免費，無廣告 立即安裝，讓您的網站按鈕更專業、更吸睛！ ---