Title: Lewe Bootstrap Visuals
Author: George Lewe
Published: <strong>6 Ocak 2020</strong>
Last modified: 27 Mart 2026

---

Eklentilerde ara

![](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/) tarafından

[İndir](https://downloads.wordpress.org/plugin/shortcode-bootstrap-visuals.3.0.1.zip)

 * [Detaylar](https://tr.wordpress.org/plugins/shortcode-bootstrap-visuals/#description)
 * [Değerlendirmeler](https://tr.wordpress.org/plugins/shortcode-bootstrap-visuals/#reviews)
 *  [Kurulum](https://tr.wordpress.org/plugins/shortcode-bootstrap-visuals/#installation)
 * [Geliştirme](https://tr.wordpress.org/plugins/shortcode-bootstrap-visuals/#developers)

 [Destek](https://wordpress.org/support/plugin/shortcode-bootstrap-visuals/)

## Açıklama

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/)

## Ekran Görüntüleri

[⌊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

## Yükleme

 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.

## SSS

### 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).

## İncelemeler

Bu eklenti için herhangi bir değerlendirme bulunmuyor.

## Katkıda Bulunanlar ve Geliştiriciler

“Lewe Bootstrap Visuals” açık kaynaklı yazılımdır. Aşağıdaki kişiler bu eklentiye
katkıda bulunmuşlardır.

Katkıda bulunanlar

 *   [ George Lewe ](https://profiles.wordpress.org/glewe/)

[“Lewe Bootstrap Visuals” eklentisini dilinize çevirin.](https://translate.wordpress.org/projects/wp-plugins/shortcode-bootstrap-visuals)

### Geliştirmeyle ilgilenir misiniz?

[Kodu görüntüleyin](https://plugins.trac.wordpress.org/browser/shortcode-bootstrap-visuals/),
[SVN deposuna](https://plugins.svn.wordpress.org/shortcode-bootstrap-visuals/) göz
atın ya da [RSS](https://plugins.trac.wordpress.org/log/shortcode-bootstrap-visuals/?limit=100&mode=stop_on_copy&format=rss)
ile [geliştirme günlüğüne](https://plugins.trac.wordpress.org/log/shortcode-bootstrap-visuals/)
abone olun.

## Değişiklik Kaydı

#### 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)

## Meta

 *  Sürüm **3.0.1**
 *  Son güncelleme **4 ay önce**
 *  Etkin kurulumlar **10+**
 *  WordPress sürümü ** 5.0 veya üstü **
 *  Test edilen sürüm **6.9.6**
 *  PHP sürümü ** 7.4 veya üstü **
 *  Dil
 * [English (US)](https://wordpress.org/plugins/shortcode-bootstrap-visuals/)
 *  [Gelişmiş görünüm](https://tr.wordpress.org/plugins/shortcode-bootstrap-visuals/advanced/)

## Puanlar

Henüz inceleme gönderilmedi.

[Your review](https://wordpress.org/support/plugin/shortcode-bootstrap-visuals/reviews/#new-post)

[Tüm değerlendirmeleri görün](https://wordpress.org/support/plugin/shortcode-bootstrap-visuals/reviews/)

## Katkıda bulunanlar

 *   [ George Lewe ](https://profiles.wordpress.org/glewe/)

## Destek

Söyleyeceğiniz bir şey mi var? Yardım mı lazım?

 [Destek forumunu görüntüle](https://wordpress.org/support/plugin/shortcode-bootstrap-visuals/)

## Bağış yap

Bu eklentinin geliştirilmesini desteklemek ister misiniz?

 [ Bu eklentiye bağış yap ](https://www.paypal.me/GeorgeLewe)