Discover in this tutorial how to get all the WordPress editor options to appear in a classic theme.
The block editor allows more and more customization from its user interface. But it’s possible that if you’re using a classic theme (i.e. non-block theme) you’re not seeing all the new options that the editor offers in the latest version of WordPress.
For example, if you go to the group block options this is what you will see by default in a classic theme:
On the other hand, if you activate the appearance tools with a little bit of code, this is what you will see:
As you can see many more options are added, including the ability to:
- Customize the border: color, radius, styles and width
- Select the link color
- Customize padding, margin and distance between blocks
- Customize line height
Let’s see how you can achieve this.
Instructions for activating all the appearance tools in the WordPress editor
1. Create the theme.json file
First create a file called theme.json and place it in the root of your theme.
Once you have done that, add the following code:
To see this and another 1097 code snippets of this website, login or subscribe here.
These few lines are enough for the new options to be displayed in the block editor.
If when adding it you see that the blocks in the editor lose their margin and are stuck to the left, you can use this snippet instead of the previous one.
To see this and another 1097 code snippets of this website, login or subscribe here.
In this one you also indicate the width you want to use for the content.
2. Block editor interface
Once you have added these lines in the new theme.json file, you will see the new options appear in the editor:
As you can see you will have many more settings to customize the blocks.
If you want to take more advantage of the options offered by the theme.json file I recommend the tutorial where I talk about its structure and how to use it in a classic theme.
Conclusions
Now you know how to display all the appearance tools of the block editor in a classic WordPress theme.
Any questions? I read you in the comments.
And if you want to give me any suggestion for future tutorials, leave it in the contact form. Advantages of being a subscriber. 😉
