In this blog, we will learn about how to create a data table block with ACF. I am assuming you have the ACF pro plugin. This table will allow you to sort the data, as well as the first column, will be sticky. Register ACF Data Table Block Let’s register our block first. Create Custom
Category: Gutenberg
Build Multiple Gutenberg Blocks Using block.json | Custom SVG Icon For Blocks
Posted onIn this blog, we will learn about how to build multiple custom Gutenberg blocks with the new convention of using block.json. Create Files for Style and Script Create a file called index.js and index.css in test-block directory. Creating block.json file Create a file called block.json and define all the properties. Register Block Client side. Place
Setup Tailwind CSS in a WordPress plugin or theme
Posted onIn this blog we will discuss how we will setup Tailwind css in a WordPress plugin or theme. Tailwind CSS is a highly customizable, low-level CSS framework that gives you all of the building blocks you need to build bespoke designs without any annoying opinionated styles you have to fight to override. If you would
Attributes and Components in Gutenberg Blocks | RichText | BlockControls | AlignmentToolbar
Posted onIn the previous blog, we learned about how edit and save functions work. They describe the structure of the block’s appearance. However, they only returned simple paragraphs. In this blog, we will learn about how the block’s structure can be changed when the user changes a block State of a block: To achieve dynamic change in the block’s structure when