Title: Lewe Bootstrap Visuals Author: George Lewe Published: 6 ژانویه 2020 Last modified: 27 مارس 2026 --- جستجوی افزونه‌ها ![](https://ps.w.org/shortcode-bootstrap-visuals/assets/banner-772x250.png?rev=3492900) ![](https://ps.w.org/shortcode-bootstrap-visuals/assets/icon-256x256.png?rev=2223135) # Lewe Bootstrap Visuals توسط [George Lewe](https://profiles.wordpress.org/glewe/) [دانلود](https://downloads.wordpress.org/plugin/shortcode-bootstrap-visuals.3.0.1.zip) * [جزئیات](https://fa.wordpress.org/plugins/shortcode-bootstrap-visuals/#description) * [نقد و بررسی‌ها](https://fa.wordpress.org/plugins/shortcode-bootstrap-visuals/#reviews) * [نصب](https://fa.wordpress.org/plugins/shortcode-bootstrap-visuals/#installation) * [توسعه](https://fa.wordpress.org/plugins/shortcode-bootstrap-visuals/#developers) [پشتیبانی](https://wordpress.org/support/plugin/shortcode-bootstrap-visuals/) ## توضیحات Lewe Bootstrap Visuals is a comprehensive WordPress plugin that brings the power of Bootstrap 5 to your WordPress site through an extensive collection of shortcodes. This plugin replaces the legacy shortcode-bootstrap-visuals plugin with modern Bootstrap 5. **Key Features:** * **Bootstrap 5.3.8** – Latest Bootstrap version with modern CSS and JavaScript * **Prefix Support** – All CSS classes use the `bsv-` prefix to avoid conflicts * **Modern WordPress Standards** – Built following current WordPress Plugin Development Handbook * **Comprehensive Components** – Alerts, badges, buttons, cards, modals, progress bars, and more * **Responsive Grid System** – Bootstrap 5 grid with responsive breakpoints * **CDN Integration** – Automatic loading of Bootstrap 5.3.8 from CDN * **Shortcode API** – Simple shortcodes for all Bootstrap components using dash syntax * **TinyMCE Integration** – Visual editor buttons for easy shortcode insertion * **Admin Interface** – Clean settings page with component documentation **Available Shortcodes:** _Layout Components:_ * `[bsv-container]` – Bootstrap container * `[bsv-row]` – Bootstrap row * `[bsv-column]` – Bootstrap column with responsive sizes _UI Components:_ * `[bsv-alert]` – Alert messages with optional dismiss button *`[ bsv-badge]` – Badges and labels * `[bsv-button]` – Buttons with various styles and sizes * `[bsv-card]` – Cards with headers, footers, and images * `[bsv-panel]` – Alias for card (backward compatibility) _Content Components:_ * `[bsv-blockquote]` – Styled blockquotes * `[bsv-code]` – Inline and block code formatting * `[bsv-highlight]` – Highlighted text * `[bsv- lead]` – Lead paragraphs * `[bsv-text]` – Text with utility classes * `[bsv-list]`– Styled lists _Interactive Components:_ * `[bsv-modal]` – Modal dialogs * `[bsv-collapse]` – Collapsible content * `[bsv-accordion]` – Accordion panels * `[bsv-tooltip]` – Tooltips*`[ bsv-popover]` – Popovers _Progress & Loading:_ * `[bsv-progress]` – Progress bars * `[bsv-spinner]` – Loading spinners **Migration from Legacy Plugin:** If you’re migrating from the old shortcode-bootstrap-visuals plugin, most shortcodes work with the new dash syntax (`[bsv-alert]` instead of `[bsv_alert]`). The plugin maintains backward compatibility where possible while following modern WordPress shortcode conventions. ### Support For support, documentation, and feature requests, please visit: * [Plugin Documentation](https://lewe.gitbook.io/lewe-bootstrap-visuals/) * [WordPress Support Forum](https://wordpress.org/support/plugin/shortcode-bootstrap-visuals/) * [Lewe Service Desk](https://georgelewe.atlassian.net/servicedesk/customer/portal/5/) ### Credits * Based on [Bootstrap](https://getbootstrap.com/) * Follows [WordPress Coding Standards](https://developer.wordpress.org/coding-standards/) ## عکس‌های صفحه [⌊Example of various Bootstrap components in action⌉⌊Example of various Bootstrap components in action⌉[ Example of various Bootstrap components in action [⌊TinyMCE editor integration with shortcode buttons⌉⌊TinyMCE editor integration with shortcode buttons⌉[ TinyMCE editor integration with shortcode buttons ## نصب 1. Upload the plugin files to the `/wp-content/plugins/shortcode-bootstrap-visuals` directory, or install the plugin through the WordPress plugins screen directly. 2. Activate the plugin through the ‘Plugins’ screen in WordPress. 3. Use the Settings > Bootstrap Visuals screen to configure the plugin. 4. Start using shortcodes in your posts and pages. ## سوالات متداول ### Does this plugin include Bootstrap CSS and JavaScript? Yes, the plugin automatically loads Bootstrap CSS and JavaScript from CDN. You can disable this in the settings if you prefer to load Bootstrap manually. ### Are the shortcodes compatible with the old plugin? The new plugin uses dash syntax (`[bsv-alert]`) instead of underscore syntax (`[ bsv_alert]`) to follow WordPress standards. Most functionality remains the same with improved Bootstrap 5 support. ### Can I customize the Bootstrap components? Yes, all components use the `bsv-` prefix, so you can add custom CSS to override or extend the default Bootstrap styles without conflicts. ### Does this work with my theme? Yes, the plugin is designed to work with any properly coded WordPress theme. The prefixed CSS classes prevent conflicts with your theme’s styles. ### Is this plugin responsive? Yes, all components are fully responsive and support Bootstrap 5’s responsive breakpoints( sm, md, lg, xl, xxl). ## نقد و بررسی‌ها نقد و بررسی‌ای برای این افزونه یافت نشد. ## توسعه دهندگان و همکاران “Lewe Bootstrap Visuals” نرم افزار متن باز است. افراد زیر در این افزونه مشارکت کرده‌اند. مشارکت کنندگان * [ George Lewe ](https://profiles.wordpress.org/glewe/) [ترجمه “Lewe Bootstrap Visuals” به زبان شما.](https://translate.wordpress.org/projects/wp-plugins/shortcode-bootstrap-visuals) ### علاقه‌ مند به توسعه هستید؟ [کد را مرور کنید](https://plugins.trac.wordpress.org/browser/shortcode-bootstrap-visuals/)، [مخزن SVN](https://plugins.svn.wordpress.org/shortcode-bootstrap-visuals/) را بررسی کنید، یا از طریق [RSS](https://plugins.trac.wordpress.org/log/shortcode-bootstrap-visuals/?limit=100&mode=stop_on_copy&format=rss) در [گزارش توسعه](https://plugins.trac.wordpress.org/log/shortcode-bootstrap-visuals/) مشترک شوید. ## گزارش تغییرات #### 3.0.1 * Update asset images #### 3.0.0 * Complete rewrite for Bootstrap 5.3.8 * Modern WordPress standards compliance * Improved admin interface * Enhanced shortcode system with dash syntax * TinyMCE editor integration * Better performance and security * Prefixed CSS classes to avoid conflicts * Responsive grid system updates * New component options and styling #### 2.x.x * Legacy version (deprecated) ## اطلاعات * نگارش **3.0.1** * آخرین به‌روزرسانی **4 ماه پیش** * نصب‌های فعال **10+** * نگارش وردپرس ** 5.0 یا بالاتر ** * آزمایش‌شده تا **6.9.6** * نگارش PHP ** 7.4 یا بالاتر ** * زبان * [English (US)](https://wordpress.org/plugins/shortcode-bootstrap-visuals/) * [نمایش پیشرفته](https://fa.wordpress.org/plugins/shortcode-bootstrap-visuals/advanced/) ## امتیازها هنوز هیچ نقدی ارسال نشده است. [Your review](https://wordpress.org/support/plugin/shortcode-bootstrap-visuals/reviews/#new-post) [مشاهده همه بررسی‌ها](https://wordpress.org/support/plugin/shortcode-bootstrap-visuals/reviews/) ## مشارکت کنندگان * [ George Lewe ](https://profiles.wordpress.org/glewe/) ## پشتیبانی چیزی برای گفتن دارید؟ نیاز به کمک دارید؟ [مشاهده انجمن پشتیبانی](https://wordpress.org/support/plugin/shortcode-bootstrap-visuals/) ## کمک مالی آیا تمایل دارید از پیشرفت این افزونه حمایت کنید؟ [ کمک مالی به این افزونه ](https://www.paypal.me/GeorgeLewe)