Ramiz Thebaramiztheba.hashnode.dev·Jun 22, 2023Building Custom Gutenberg Blocks: A Step-by-Step Guide with ExamplesIntroduction: The Gutenberg block editor has revolutionized content creation in WordPress, allowing users to create rich, dynamic, and engaging layouts with ease. One of the most exciting aspects of Gutenberg is the ability to build custom blocks tai...Discuss·2 likes·99 readsWordPress
Reuben Walker, Jr.atomicdesign.hashnode.dev·Aug 16, 2022The WordPress Block-Based Ecosystem Reaches FruitionThis article originally appeared on Mobile Atom Code. With the release of WordPress 5.9 the Block System of site creation achieves fruition. I delayed a long time before writing this post. Why? Because I patiently waited for WordPress to experience i...Discuss·40 readsWordPress
Gonzalo Federico Fernándezgonzafernandez.hashnode.dev·Jun 12, 2022Gutenberg is a React applicationGutenberg is WordPress. The new WordPress block editor that arrived in WordPress 5.0 is a JavaScript-driven interface. Specifically, it is built using Facebook's open source UI library called "React". What is React? In front-end development, maintain...Discuss·78 readsWordPress
Matt Watsonwholesomecode.hashnode.dev·Sep 27, 2021Use a Modal Popup to Add Additional Attributes with registerBlockFormatWe have had a look at Applying Formats to your Post Content with registerFormatType. But what if we want to add additional colours to our highlighter pen? In this guide we are going to expand what we worked on previously and add a modal popup that wi...Discuss·1.1K readsWordPress
Matt Watsonwholesomecode.hashnode.dev·Sep 27, 2021Format your Post Content with registerFormatTypeYou can add custom buttons to the toolbar in WordPress Gutenberg quite easily, but did you know you can also add format type controls to the format menu? In this guide we are going to look at how to add a format control using registerFormatType that ...Discuss·1 like·1.4K readsWordPress
Matt Watsonwholesomecode.hashnode.dev·Mar 30, 2021Create a Custom Sidebar with PluginSidebarWe have taken a look at custom block sidebars, third party block sidebars via InspectorControls, and how to add controls to the post sidebar. In this guide we are going to look at putting our controls in their very own custom sidebar. Our Custom Side...Discuss·987 readsWordPress
Matt Watsonwholesomecode.hashnode.dev·Mar 27, 2021Add Controls to the Post Sidebar with PluginDocumentSettingPanelSo far we have taken a look at the block sidebar by adding InspectorControls to our custom blocks and adding controls to core and third party block sidebar with filters and Higher Order Components. In this guide we are going to look at adding control...Discuss·2.4K readsWordPress
Matt Watsonwholesomecode.hashnode.dev·Mar 26, 2021Add Controls to the Core and Third Party Block Sidebar with Filters and Higher Order ComponentsIn our last guide we looked at adding InspectorControls to our custom blocks to enable us to use controls in the block sidebar. In this guide we are going to build on that, and add a toggle control to the block sidebar of all of our blocks, including...Discuss·1.4K readsWordPress
Matt Watsonwholesomecode.hashnode.dev·Mar 25, 2021Add a Sidebar to your Custom WordPress Block with InspectorControlsThere are several ways to use the block editor (Gutenberg) sidebar in WordPress. You can add controls for just the block, for other blocks, for the entire post, or a create a completely custom sidebar. In this guide we are going to start by looking a...Discuss·932 readsWordPress
Matt Watsonwholesomecode.hashnode.dev·Mar 19, 2021Create a Custom Block Category in the WordPress Block Inserter (Gutenberg)Are you writing a lot of WordPress block editor (Gutenberg) blocks for just one client? Wouldnt it be good to just group them all together? Simple, just create a custom block category. In the PHP of your plugin just add the following: function wholes...Discuss·4.0K readsblog