Hey there, WordPress folks! I’m thrilled to finally share a project I’ve been pouring my heart into: Fancy-Squares-Core-Block-Enhancements. If you’ve ever wanted to take your WordPress Gutenberg blocks to the next level with Bootstrap classes and custom controls, this plugin might just be your new best friend. You can check out the full repo on … Continued
Update: 3/4/2025 The following blocks have also been added: Carousel Swiper Content Wrapper Enhanced cover block Lazy loading options for the image and videos Setting for the cover block background to extend past its container to the edge of the screen (left or right) Tabbed Panels Alerts I’ve always been fascinated by how WordPress can … Continued
In this blog post, we will walk you through the process of creating a custom Gutenberg block for an Owl Carousel using WordPress block development. This block allows users to create dynamic carousels with various configuration options such as autoplay, loop, item count, and more. Additionally, we will explore how to create carousel items as … Continued
In this blog post, we will explore how to create a custom Gutenberg block for Bootstrap grid columns. This block allows users to configure various column settings, such as CSS grid, overflow, padding, order, and experimental options, using react-select for a flexible and user-friendly interface. Additionally, users can set the background color and add or … Continued
In this blog post, we will explore how to create a custom Gutenberg block for a Bootstrap CSS grid. This block allows users to configure various grid settings, such as gap, column gap, row gap, and alignment, using react-select for a flexible and user-friendly interface. Additionally, users can specify the number of columns and dynamically … Continued
For the dynamic block version of this code, please see this GitHub link. In this blog post, we will explore how to create a child Gutenberg block for Bootstrap rows. This block complements the previously created Bootstrap container block by allowing users to add and configure rows within the container. Using react-select for a rich … Continued
For the dynamic block version of this code, please see this GitHub link. In this post, we will break down the creation of a custom Gutenberg block that integrates Bootstrap 5 container classes using react-select for a rich user interface. The block allows users to select container and padding classes through the block inspector, enhancing … Continued