When you first create a block with the WordPress create block script using npm init @wordpress/block it provides you with an entry point to /src/index.js, that you can use to compile all of your block based assets and styles. Sometimes…
U.
Using Options to Store Data in the WordPress Block Editor (Gutenberg)
We have previously explored storing WordPress block editor (Gutenberg) data in block attributes, and in post meta, but did you know you can store and retrieve from in the WordPress options table by importing api from @wordpress/api. In this guide…
C.
Create Custom Meta Boxes Using the WordPress Block Editor (Gutenberg)
The first question you might have is “why would I need to create custom meta boxes with the Block Editor (Gutenberg)?“, you can still implement meta boxes with PHP, and add controls to the block, post, or even a custom…
U.
Using Post Meta Fields to Store Attributes in the WordPress Block Editor (Gutenberg)
When you register and store attributes in the WordPress block editor (Gutenberg) you have the option to store them as post meta, instead of the usual block attributes. Using this method, you could have a setting in your block that…
U.
Using PHP to Render a Block in the WordPress Editor (Gutenberg)
When creating a block in the WordPress Block Editor (Gutenberg) you have likely been using JavaScript to render the block into the content of your post. In this guide we are going to look at using PHP to render the…
U.
Using a Template with InnerBlocks in the WordPress Block Editor (Gutenberg)
When you create a block in the WordPress Block Editor (Gutenberg) you can create an area that allows other block types to be nested inside your block. You do this with the InnerBlocks component. In our other guides we previously…
R.
Register a Block Template for the WordPress Block Editor (Gutenberg)
In my previous guide I explored the power of block patterns. Block templates are similar, but instead of relying on your client to insert block patterns into the editor, it gives them a full layout as soon as they insert…
R.
Register a Block Pattern in the WordPress Block Editor (Gutenberg)
Block patterns in the WordPress block editor (Gutenberg) are a powerful feature that let you create varied layouts with very little effort. Using register_block_pattern you can very quickly create a block pattern for you or your clients. 1.Prerequisites WordPress installation…
C.
Creating a Plugin for the WordPress Block Editor (Gutenberg)
If you are new to the WordPress Block Editor (Gutenberg) you may be wondering how to get started with creating your own plugin. Luckily the WordPress development team have a handy npm script for you to create a block plugin…
I.
Install WordPress Repository Plugins and Themes with Composer
=1.3.0" }, "repositories": [ { "type":"composer", "url":"https://wpackagist.org" } ] }" loading="lazy" data-src="https://wholesomecode.ltd/wp-content/uploads/2021/02/Install-WordPress-Repository-Plugins-and-Themes-with-Composer.png" data-srcset="https://wholesomecode.ltd/wp-content/uploads/2021/02/Install-WordPress-Repository-Plugins-and-Themes-with-Composer.png 1564w, https://wholesomecode.ltd/wp-content/uploads/2021/02/Install-WordPress-Repository-Plugins-and-Themes-with-Composer-300x168.png 300w, https://wholesomecode.ltd/wp-content/uploads/2021/02/Install-WordPress-Repository-Plugins-and-Themes-with-Composer-1024x574.png 1024w, https://wholesomecode.ltd/wp-content/uploads/2021/02/Install-WordPress-Repository-Plugins-and-Themes-with-Composer-768x430.png 768w, https://wholesomecode.ltd/wp-content/uploads/2021/02/Install-WordPress-Repository-Plugins-and-Themes-with-Composer-1536x860.png 1536w" data-sizes="(max-width: 1564px) 100vw, 1564px">In my last guide I told you how to install your GitHub maintained WordPress themes and plugins with composer. Well what if I told you you could also use composer to install any Theme or Plugin from the WordPress repository?…