Do you know theme.json is the heart of the Block Based (FSE) Theme? If you want to develop a functional and powerful block (FSE) theme then you have to be a master in theme.json
Theme.json is a configuration file for theme styles and block settings. This session will go through the in-depth parts of the theme.json and how it may help you to develop an outstanding block theme.
Some of the things you can do with theme.json are:
- Enable or disable features like drop cap, padding, margin, and custom line height.
- Add multiple color palettes, gradients, and duotones
- Add typography like font family, sizes, etc.
- Add default widths for content and wide content
- Add custom CSS properties
- Assign template parts to template part areas
Introduction to theme.json:
- What is theme.json?
- How to create a theme.json file?
- Is theme.json can be added to any theme?
Settings for define:
- What exactly does Settings in theme.json?
- How do Settings affect the block editor and individual blocks?
- Discussion in detail about Settings properties.
Styles for apply:
- What exactly does Styles in theme.json?
- How do Styles affect the website and block style?
- Discussion in detail about Styles properties.
This session will cover each element of theme.json in more detail. After completing this session, you will be able to make a block theme more efficiently and also can convert your classic theme into a hybrid theme by adding theme.json