按鈕與橫幅編輯器

About

*目前版本 / 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 程式碼到您的網站

🔒 隱私保護

• 完全離線運作
• 不收集任何個人資料
• 不傳輸資料到外部伺服器
• 所有設定僅儲存在您的瀏覽器本地

💡 適用對象

• 電商網站開發者
• 網頁設計師
• 行銷人員
• 前端工程師
• 任何需要快速建立專業按鈕的人

---

🌟 為什麼選擇此工具？

✓ 無需設計技能，人人都能建立專業按鈕
✓ 即時預覽，所見即所得
✓ 豐富的電商圖示庫
✓ 支援漸層邊框等進階效果
✓ 完全免費，無廣告

立即安裝，讓您的網站按鈕更專業、更吸睛！

---