{"id":42646,"date":"2021-07-30T07:26:13","date_gmt":"2021-07-29T22:26:13","guid":{"rendered":"https:\/\/jirak.net\/wp\/configuring-theme-design-with-theme-json\/"},"modified":"2021-07-30T08:34:21","modified_gmt":"2021-07-29T23:34:21","slug":"configuring-theme-design-with-theme-json","status":"publish","type":"post","link":"https:\/\/jirak.net\/wp\/configuring-theme-design-with-theme-json\/","title":{"rendered":"Configuring Theme Design with theme.json"},"content":{"rendered":"

Configuring Theme Design with theme.json<\/p>\n

\"\"<\/figure>\n

Starting in WordPress 5.8<\/a>, a new tool \u2014 \u201ctheme.json\u201d \u2014 is available to use in your theme. Maybe you\u2019re hearing about it for the first time, or maybe you\u2019re testing and developing themes with it already.\u00a0Either way, I’m glad you’re here because it’s an exciting time for WordPress themes.<\/p>\n

This post provides a quick introduction to this new framework, and describes what\u2019s possible by sharing a few practical tips and examples.<\/p>\n

What\u2019s theme.json?<\/h2>\n

Technically, theme.json is just a file that lives at the top-level of a theme\u2019s directory. <\/p>\n

Conceptually, it\u2019s a major shift in how themes can be developed. Theme authors now have a centralized mechanism to tailor the WordPress experience for site authors and visitors. Theme.json provides theme authors fine-grained control over global styles, block styles, and the block editor settings.<\/p>\n

By providing these settings and controls in a single file, theme.json provides a powerful framework that brings together many\u00a0aspects of theme design and development. And as the block editor matures and adds more features, theme.json will shine as the backbone for themes and the editor to work together<\/em> \"\ud83d\udcaa\".\u00a0<\/p>\n

Why Use it?<\/h2>\n

It\u2019s the future! But if you\u2019re like me, you might need something more tangible to be convinced. Here are a few reasons why you might use theme.json today:<\/p>\n