This is a guide in features your new WordPress theme needs to make your website successful in the year 2020. The checklist is relevant for webmasters, individuals, but also developers looking to improve their themes. If you are considering picking a new WordPress theme this year, read on! Keep in mind that the type of […]
In this part we’ll focus on how to translate the texts and values in our custom Gutenberg block. We use WP-CLI to generate the necessary files so that Gutenberg is able to load our translations when switching the WordPress language. Before going ahead with this, you need to have WP CLI (command-line interface for WordPress) […]
In this post we’ll look at how we add discounts programatically and automatically. To do this we utilize WooCommerce’s coupon functionality but we make it automatic, and we hide the fact that it’s a coupon to the customers. I have tried to keep the code as general as possible as the conditions for applying discounts […]
So far in this tutorial series we’ve written all code inside registerBlockType()‘s edit function. It’s fully possible, and often recommended to instead assign edit to a separate component. By doing so we can utilize functionality like component state and lifecycle methods. It’s also much cleaner, readable and provides reusable code! If you are not familiar […]
This is a checklist of 8 things you as a webmaster or owner of a WordPress site can do to improve SEO and search engine ranking in 2020. SEO (Search Engine Optimization) is a set of rules and guidelines for optimizing your website in order to achieve higher ranking in search engines. In today’s digital […]
In this post we’ll learn how to add WordPress’ toolbars to our block, i.e. for alignment and block alignment. We will also learn to add our own toolbars with our own buttons for doing custom actions. Adding toolbars In order to add something to the toolbar for our block we’ll need to wrap what we […]
In the previous steps we learned the basics of how to render components and attributes in a block. In this step we’ll focus on what WordPress (at least in code) calls Inspector: the sidebar on the right hand side in the editor. We’ll touch upon some new components that make sense to place in the […]
In this post we’ll look at how to utilize the Gutenberg editor to create great-looking and modern frontpages or landing pages. We will especially look at how you as a developer can adjust your theme code to support this. This guide is perfect for you who want to adjust an older theme to support Gutenberg, […]
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 […]