Title: Vivido – Callout Boxes, Colored Notes & Dividers Author: infyon Published: સપ્ટેમ્બર 30, 2026 Last modified: સપ્ટેમ્બર 30, 2026 --- પ્લગીન શોધો ![](https://ps.w.org/vivido/assets/banner-772x250.png?rev=3721513) ![](https://ps.w.org/vivido/assets/icon-256x256.png?rev=3721513) # Vivido – Callout Boxes, Colored Notes & Dividers [infyon](https://profiles.wordpress.org/infyon/) દ્વારા [ડાઉનલોડ](https://downloads.wordpress.org/plugin/vivido.1.4.1.zip) * [વિગતો](https://gu.wordpress.org/plugins/vivido/#description) * [સમીક્ષાઓ](https://gu.wordpress.org/plugins/vivido/#reviews) * [સ્થાપન](https://gu.wordpress.org/plugins/vivido/#installation) * [ડેવલપમેન્ટ](https://gu.wordpress.org/plugins/vivido/#developers) [સપોર્ટ](https://wordpress.org/support/plugin/vivido/) ## વર્ણન **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. ## સ્ક્રીનશોટ [⌊Interactive Callout Box Generator with live preview.⌉⌊Interactive Callout Box Generator with live preview.⌉[ Interactive Callout Box Generator with live preview. [⌊Colored Bullet List & Badge Styler.⌉⌊Colored Bullet List & Badge Styler.⌉[ Colored Bullet List & Badge Styler. [⌊Horizontal Divider & Separator Designer.⌉⌊Horizontal Divider & Separator Designer .⌉[ Horizontal Divider & Separator Designer. [⌊Code Placer Builder with One-Click Copy functionality.⌉⌊Code Placer Builder with One-Click Copy functionality.⌉[ Code Placer Builder with One-Click Copy functionality. ## સ્થાપન 1. Upload the `vivido` folder to the `/wp-content/plugins/` directory, or install the `vivido.zip` package directly via **Plugins > Add New > Upload Plugin**. 2. Activate the plugin through the **Plugins** screen in WordPress. 3. Access the interactive shortcode generators under **Vivido** in your WordPress admin menu. ## એફએક્યુ (FAQ) ### Does Vivido slow down my website? No. Vivido does not load external web fonts or large script libraries. All styles and scripts are lightweight vanilla assets under 10KB total. ### Can I use Vivido with Gutenberg? Yes. You can paste generated shortcodes inside standard Gutenberg Shortcode or Paragraph blocks. A toolbar button is also provided for inline callout wrapping. ### Can I use custom hex colors? Yes. All shortcodes accept custom `#hex` color values for backgrounds, text, borders, dividers, and icon badges. ### Where can I get support or request features? Visit [Infyon.com/infyon](https://infyon.com/infyon) or post on the WordPress.org support forum for Vivido. ## સમીક્ષાઓ આ પ્લગઇન માટે કોઈ સમીક્ષાઓ નથી. ## ફાળો આપનાર & ડેવલપર્સ આ ઓપન સોર્સ સોફ્ટવેર છે. નીચેના લોકો એ આ પ્લગિન માટે ફાળો આપ્યો છે. ફાળો આપનારા * [ infyon ](https://profiles.wordpress.org/infyon/) [“Vivido – Callout Boxes, Colored Notes & Dividers” ને તમારી ભાષામાં અનુવાદ કરો.](https://translate.wordpress.org/projects/wp-plugins/vivido) ### વિકાસમાં રસ ધરાવો છો? [કોડ બ્રાઉઝ કરો](https://plugins.trac.wordpress.org/browser/vivido/), જોવો[અસ્વીએન રેપોઝિટરીમાંથી](https://plugins.svn.wordpress.org/vivido/), અથવા સબ્સ્ક્રાઇબ કરો[ડેવલપમેન્ટ](https://plugins.trac.wordpress.org/log/vivido/) દ્વારા[આરઅસઅસ](https://plugins.trac.wordpress.org/log/vivido/?limit=100&mode=stop_on_copy&format=rss). ## ચેન્જલૉગ #### 1.4.1 * Enqueued admin generator styles and scripts via `admin_enqueue_scripts` to meet WordPress.org directory standards. * Added `wp_kses_post` output sanitization across all shortcodes to prevent XSS vulnerabilities. * Fixed list layout container margins to maintain proper post alignment across block themes. * Enhanced clipboard copy engine with timer protection and textarea fallback for non-HTTPS contexts. * Confirmed compatibility with WordPress 7.1. #### 1.4.0 * Added dedicated visual builder for Horizontal Dividers (`vivido-dividers`). * Added dedicated visual builder for Code Placers with live copy testing (`vivido- code-blocks`). #### 1.3.0 * Added dedicated visual builder for Colored Bullet Lists (`vivido-bullets`). * Added 4 distinct badge styles: Flat, Solid, Soft Tint, and Outlined. * Improved hex-to-rgba converter for pastel list accents. #### 1.2.0 * Added dedicated top-level WordPress admin menu for Vivido. * Added interactive Callout Box Generator with live preview. * Added global settings for default border styles and corner radiuses. #### 1.0.0 * Initial release. ## મેટા * વર્ઝન **1.4.1** * છેલ્લી અપડેટ: **2 દિવસ પહેલા** * સક્રિય સ્થાપનો: **10 કરતા ઓછા** * વર્ડપ્રેસ વર્ઝન ** 5.8 અથવા ઉચ્ચતર ** * **7.1.2** સુધી પરીક્ષણ કર્યું * PHP સંસ્કરણ ** 7.4 અથવા ઉચ્ચતર ** * ભાષા * [English (US)](https://wordpress.org/plugins/vivido/) * ટૅગ્સ: * [callout box](https://gu.wordpress.org/plugins/tags/callout-box/)[code block](https://gu.wordpress.org/plugins/tags/code-block/) [icon list](https://gu.wordpress.org/plugins/tags/icon-list/)[info box](https://gu.wordpress.org/plugins/tags/info-box/) * [વિગતવાર દૃશ્ય](https://gu.wordpress.org/plugins/vivido/advanced/) ## પૉઇન્ટ્સ હજુ સુધી કોઈ સમીક્ષા સબમિટ કરવામાં આવી નથી. [તમારા અભિપ્રાયો](https://wordpress.org/support/plugin/vivido/reviews/#new-post) [બધા સમીક્ષાઓ જુઓ](https://wordpress.org/support/plugin/vivido/reviews/) ## ફાળો આપનારા * [ infyon ](https://profiles.wordpress.org/infyon/) ## સપોર્ટ કંઈક કહેવું છે? મદદ જોઈએ છે? [આધાર ફોરમ જુઓ](https://wordpress.org/support/plugin/vivido/) ## દાન શું તમે આ પ્લગિનની પ્રગતિને સમર્થન આપવા માંગો છો? [ આ પ્લગિનને દાન કરો ](https://infyon.com/infyon)