A somewhat less known feature in Gutenberg is the option to set up different styles for blocks. You can register as many different styles upon any type of block in order to give the same block different designs. Possible styles for blocks are displayed as a section in the editor’s right hand side. Each style […]
In this part we’ll look at how to define attributes, fetch their values and update them. With attributes we can accept input from the editor, save it and output it however we choose. In the previous step we looked at WordPress components, where to find them and how to implement them. In this post we’ll […]
The previous step in this tutorial series went through how to register a custom block, both in Javascript and in PHP. In this step we’ll learn how to use WordPress’ components for adding different kind of fields and settings. In order to utilize WordPress’ components in our block we need to first know about props. […]
In this part we will write Javascript to register and configure our custom block. At the end we’ll register the script with PHP and do the necessary PHP code for WordPress to recognize it as a new block. First a quick note about how to access WordPress Gutenberg’s functions and components. The global wp package […]
This post aims to help you understand the key concepts for developing for the new editor in WordPress; Gutenberg. Gutenberg is still fairly new at the time of writing this. And as with all new technologies in their birth phase, the documentation and standards are unfortunately a bit lacking. WordPress’ documentation site does have a […]
AJAX is a technique you can use in Javascript for fetching data from server and updating the contents of your page without reloading it in your browser. In this post we’ll dive into how to properly use AJAX in WordPress. Most of you are probably familiar with performing AJAX requests outside WordPress, and want to […]
Today we will learn where and how to add code outside the templates in our theme. We do this by adding the theme’s functions.php file. Along the way we’ll also learn how to add your stylesheets and scripts the proper way. A theme’s functions.php file A theme needs somewhere to place code that is not […]
WordPress offers multiple methods to add styles and scripts for frontend and admin, both for adding files and straight out outputting variables/output. This post goes into detail with code examples of how to add scripts and styles to WordPress the correct way. Scripts and styles can be registered and enqueued by defining unique handles (slug-like […]