內容簡介
Vivido 是一款輕量級的 WordPress 外掛，無需依賴其他框架，幫助用戶設計引人注目的內容提示框、警示框、彩色分隔線、語法區塊及彩色圖示列表標記，讓重要資訊更具可讀性與視覺吸引力。
【主要功能】
• 一鍵預設的警示與通知框
• 簡約的引用備註設計
• 彩色水平分隔線自訂
• 彩色圖示列表標記替換普通項目符號
• 語法區塊快速複製功能
外掛標籤
開發者團隊
② 後台搜尋「Vivido – Callout Boxes, Colored Notes & Dividers」→ 直接安裝（推薦）
原文外掛簡介
Vivido is a lightweight, zero-dependency WordPress plugin that helps you design eye-catching content callouts, alert boxes, colorful dividers, syntax placers, and colored icon list markers without touching complex CSS.
Whether you run a technical blog, documentation hub, tutorial site, or lifestyle blog, Vivido makes your key takeaways, warnings, quotes, and code snippets scannable and visually engaging.
Why Use Vivido?
Zero Bloat & Zero Dependencies: Pure vanilla CSS and JavaScript. No bulky external frameworks or third-party fonts slowing down your page speed.
Interactive Admin Builders: Dedicated visual generators with live real-time previews for callouts, bullets, dividers, and code blocks.
WYSIWYG & Block Ready: Use interactive shortcodes anywhere—in Classic Editor, TinyMCE toolbars, Gutenberg Shortcode blocks, or page builders like Elementor.
1-Click Code Copier: Clean syntax blocks featuring automatic clipboard copying for commands, snippets, and scripts.
Core Features
Clean Alert & Notice Boxes ([color_box]):
One-click presets: Tip (Green), Info (Blue), Warning (Amber), and Danger (Red).
Deep customization: Solid, dashed, dotted, or double border strokes.
Border options: Full-frame box or minimalist left-accent quote bar.
Rounded corner radius controls and optional Call-To-Action (CTA) buttons.
Minimalist Quote Notes ([color_note]):
Sleek, distraction-free notice banners with a 4px left-hand border accent.
Colored Horizontal Dividers ([color_divider]):
Custom stroke thickness (1px–10px) and line styles (solid, dashed, dotted).
Width scaling (20% to 100%) and alignment controls (Left, Center, Right).
Colored Icon List Bullets ([vivido_list] & [vivido_item]):
Replace ordinary bullet dots with expressive status icons: Checkmarks, Stars, Warning Triangles, Crosses, Pointers, and Colored Dots.
4 Badge Styles: Flat glyph, Solid filled circle, Soft pastel tint (duotone), and Outlined frame.
Syntax Placer with Quick Copy ([vivido_code]):
Formatted code blocks with clean language labels (BASH, PHP, JS, Python, SQL, etc.).
Native clipboard API copy button with instant “Copied!” visual feedback and fallback support.
