{"id":10833,"date":"2026-05-21T05:30:10","date_gmt":"2026-05-20T21:30:10","guid":{"rendered":"https:\/\/aeosub.com\/plugvista-carousel-builder-block\/"},"modified":"2026-05-21T05:30:10","modified_gmt":"2026-05-20T21:30:10","slug":"plugvista-carousel-builder-block","status":"publish","type":"post","link":"https:\/\/aeosub.com\/zh\/plugvista-carousel-builder-block\/","title":{"rendered":"PlugVista Carousel Builder Block"},"content":{"rendered":"<div class=\"post-img\" style=\"margin-bottom: 25px\"><img decoding=\"async\" src=\"https:\/\/ps.w.org\/plugvista-carousel-builder-block\/assets\/banner-1544x500.jpeg?rev=3540135\" alt=\"PlugVista Carousel Builder Block\" style=\"width: 100%;height: auto;border-radius: 12px\"><\/div>\n<div class=\"plugin-info-card\" style=\"border: 1px solid #e2e8f0;border-radius: 10px;overflow: hidden;margin-bottom: 30px;font-family: -apple-system, system-ui, sans-serif;background: #fff\">\n<table style=\"width: 100%;border-collapse: collapse;font-size: 14px\">\n<tr style=\"border-bottom: 1px solid #edf2f7\">\n<th style=\"padding: 15px 20px;text-align: left;width: 35%;color: #4a5568;background: #fcfcfc\"><img decoding=\"async\" src=\"https:\/\/ps.w.org\/plugvista-carousel-builder-block\/assets\/icon-256x256.png?rev=3540135\" style=\"width: 40px;height: 40px;border-radius: 6px;margin-right: 12px;vertical-align: middle\"> Developer<\/th>\n<td style=\"padding: 15px 20px;font-weight: 500\"><a href=\"https:\/\/profiles.wordpress.org\/souravws\/\" target=\"_blank\" rel=\"noopener\">Sourav Biswas<\/a><\/td>\n<\/tr>\n<tr style=\"border-bottom: 1px solid #edf2f7\">\n<th style=\"padding: 12px 20px;text-align: left;color: #4a5568;background: #fcfcfc\">Version<\/th>\n<td style=\"padding: 12px 20px\">v1.0.0<\/td>\n<\/tr>\n<tr style=\"border-bottom: 1px solid #edf2f7\">\n<th style=\"padding: 12px 20px;text-align: left;color: #4a5568;background: #fcfcfc\">Active Installs<\/th>\n<td style=\"padding: 12px 20px\">0 +<\/td>\n<\/tr>\n<tr style=\"border-bottom: 1px solid #edf2f7\">\n<th style=\"padding: 12px 20px;text-align: left;color: #4a5568;background: #fcfcfc\">Requires \/ Tested<\/th>\n<td style=\"padding: 12px 20px\">6.1 \/ 6.9.4<\/td>\n<\/tr>\n<tr style=\"border-bottom: 1px solid #edf2f7\">\n<th style=\"padding: 12px 20px;text-align: left;color: #4a5568;background: #fcfcfc\">Last Updated<\/th>\n<td style=\"padding: 12px 20px\">2026-05-20 9:22pm GMT<\/td>\n<\/tr>\n<tr>\n<th style=\"padding: 12px 20px;text-align: left;color: #4a5568;background: #fcfcfc\">Official Link<\/th>\n<td style=\"padding: 12px 20px\"><a href=\"https:\/\/wordpress.org\/plugins\/plugvista-carousel-builder-block\/\" target=\"_blank\" style=\"text-decoration: none;color: #4a3bca;font-weight: bold\" rel=\"noopener\">View Details \u2192<\/a><\/td>\n<\/tr>\n<\/table><\/div>\n<div class=\"plugin-short-desc\" style=\"margin: 20px 0;padding: 12px 15px;background: #f9fafb;border-left: 4px solid #4a3bca;border-radius: 6px;font-style: italic;color: #4a5568\">A carousel slider block with 6 slide effects, built-in lightbox, free mode, keyboard navigation, autoplay, and CSS variable theming.<\/div>\n<p><strong>PlugVista Carousel Builder Block<\/strong> adds a powerful and flexible carousel slider to the WordPress block editor. Each slide can hold any Gutenberg block \u2014 images, text, buttons, covers, WooCommerce products, and more \u2014 giving you complete creative freedom.<\/p>\n<h4>Key Features<\/h4>\n<ul>\n<li>Use <strong>any Gutenberg block<\/strong> as slide content<\/li>\n<li><strong>6 slide transition effects<\/strong> \u2014 Slide, Fade, Coverflow, Flip, Cube, Cards<\/li>\n<li><strong>Built-in Lightbox<\/strong> \u2014 click any image in a slide to open a fullscreen modal with keyboard navigation (Arrow keys, Escape) and captions<\/li>\n<li><strong>Free Mode<\/strong> \u2014 physics-based momentum scrolling without snapping, ideal for logo carousels<\/li>\n<li><strong>Centered Slides<\/strong> \u2014 display the active slide in the center with partial neighbors visible on both sides<\/li>\n<li><strong>Auto Height<\/strong> \u2014 carousel height adapts dynamically to the active slide&#8217;s content<\/li>\n<li><strong>Mousewheel \/ Trackpad Scroll<\/strong> \u2014 navigate slides by scrolling the mouse wheel or trackpad<\/li>\n<li><strong>Keyboard Navigation<\/strong> \u2014 move through slides using the left\/right arrow keys<\/li>\n<li>Navigation arrows (toggleable)<\/li>\n<li>Pagination dots (toggleable)<\/li>\n<li>Autoplay with configurable delay, pause-on-hover, and disable-on-interaction options<\/li>\n<li>Infinite loop sliding<\/li>\n<li>RTL (right-to-left) language support<\/li>\n<li>Live multi-column preview in the block editor<\/li>\n<li>Responsive breakpoints \u2014 configure slides-per-view for mobile separately<\/li>\n<li>CSS variable theming (theme.json compatible)<\/li>\n<li>On-demand loading \u2014 Swiper assets load only on pages that use the carousel<\/li>\n<li>Public JavaScript API for integration with tabs, accordions, and modals<\/li>\n<\/ul>\n<h4>Starter Block Patterns<\/h4>\n<p>Three ready-to-use block patterns are included:<\/p>\n<ul>\n<li><strong>Full Width Hero Slider<\/strong> \u2014 full-width cover slides with call-to-action buttons<\/li>\n<li><strong>Testimonials Slider<\/strong> \u2014 quote blocks with autoplay<\/li>\n<li><strong>Logos Carousel<\/strong> \u2014 image-based logo ticker with free mode<\/li>\n<\/ul>\n<h4>CSS Customization<\/h4>\n<p>Style the carousel using CSS custom properties in your theme&#8217;s <code>theme.json<\/code> or Additional CSS:<\/p>\n<ul>\n<li><code>--wp--custom--scb--navigation-color<\/code> \u2014 Arrow color<\/li>\n<li><code>--wp--custom--scb--navigation-hover-color<\/code> \u2014 Arrow hover color<\/li>\n<li><code>--wp--custom--scb--navigation-size<\/code> \u2014 Arrow size (height in px)<\/li>\n<li><code>--wp--custom--scb--navigation-sides-offset<\/code> \u2014 Arrow horizontal offset<\/li>\n<li><code>--wp--custom--scb--navigation-alignfull-color<\/code> \u2014 Arrow color for full-width carousels<\/li>\n<li><code>--wp--custom--scb--pagination-bullet-active-color<\/code> \u2014 Active dot color<\/li>\n<li><code>--wp--custom--scb--pagination-bullet-inactive-color<\/code> \u2014 Inactive dot color<\/li>\n<li><code>--wp--custom--scb--pagination-bullet-size<\/code> \u2014 Dot diameter<\/li>\n<li><code>--wp--custom--scb--pagination-bottom<\/code> \u2014 Dot pagination vertical offset<\/li>\n<\/ul>\n<h4>Public JavaScript API<\/h4>\n<p>Integrate with tabs, accordions, modals, and other dynamic layouts that show\/hide content:<\/p>\n<pre><code>window.PlugVistaCarouselBuilder.init(container);   \/\/ Initialize all carousels inside a container\nwindow.PlugVistaCarouselBuilder.update(container); \/\/ Update\/re-initialize existing carousels\n<\/code><\/pre>\n<h4>Third-Party Libraries<\/h4>\n<p>This plugin bundles the following third-party library:<\/p>\n<p><strong>Swiper<\/strong> (https:\/\/swiperjs.com\/)<br \/>\nLicense: MIT<br \/>\nCopyright: Vladimir Kharlampidi<br \/>\nSource: https:\/\/github.com\/nolimits4web\/swiper<\/p>\n<p>The full Swiper bundle (v11.2.10, ~154 KB) is included and loaded on-demand only on pages that contain a carousel block.<\/p>\n<h3>Credits<\/h3>\n<p>Developed by <a href=\"https:\/\/sourav.work\/\" rel=\"nofollow ugc noopener\" target=\"_blank\">Sourav Biswas<\/a>.<\/p>\n<p>Powered by <a href=\"https:\/\/swiperjs.com\/\" rel=\"nofollow ugc noopener\" target=\"_blank\">Swiper.js<\/a> \u2014 the most modern mobile touch slider, released under the MIT license.<\/p>","protected":false},"excerpt":{"rendered":"<p>A carousel slider block with 6 slide effects, built-in lightbox, free mode, keyboard navigation, autoplay, and CSS variable theming.<\/p>","protected":false},"author":1,"featured_media":9317,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"inline_featured_image":false,"footnotes":""},"categories":[252],"tags":[926,1179,641,1181,1561,555],"class_list":["post-10833","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-trends","tag-block","tag-carousel","tag-gutenberg","tag-slider","tag-swiper","tag-wordpress-plugin"],"_links":{"self":[{"href":"https:\/\/aeosub.com\/zh\/wp-json\/wp\/v2\/posts\/10833","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/aeosub.com\/zh\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/aeosub.com\/zh\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/aeosub.com\/zh\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/aeosub.com\/zh\/wp-json\/wp\/v2\/comments?post=10833"}],"version-history":[{"count":0,"href":"https:\/\/aeosub.com\/zh\/wp-json\/wp\/v2\/posts\/10833\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/aeosub.com\/zh\/wp-json\/wp\/v2\/media\/9317"}],"wp:attachment":[{"href":"https:\/\/aeosub.com\/zh\/wp-json\/wp\/v2\/media?parent=10833"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/aeosub.com\/zh\/wp-json\/wp\/v2\/categories?post=10833"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/aeosub.com\/zh\/wp-json\/wp\/v2\/tags?post=10833"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}