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
Are you excited to learn how to cancel Axios requests in Vue.js 2 effectively? In this tutorial, we’ll walk you through the process step by step. By the end of this guide, you’ll be able to cancel ongoing API requests in your Vue.js 2 applications using Axios, improving your app’s performance and user experience. Step … Continued