{"id":288723,"date":"2022-05-17T05:12:16","date_gmt":"2022-05-17T03:12:16","guid":{"rendered":"https:\/\/elmastudio.de\/?p=288723"},"modified":"2026-09-17T10:07:49","modified_gmt":"2026-09-17T08:07:49","slug":"what-are-wordpress-block-themes-and-why-use-one","status":"publish","type":"post","link":"https:\/\/elmastudio.de\/en\/what-are-wordpress-block-themes-and-why-use-one\/","title":{"rendered":"What are WordPress block themes, and why should you use one?"},"content":{"rendered":"\n

Block themes, unofficially sometimes also referred to as Full Site Editing or FSE themes, are a new generation of WordPress themes entirely built with blocks. As a result, all areas of a website, such as the Header or Footer, can now be edited by the user in the block editor.<\/p>\n\n\n\n

Previously, most WordPress users were already used to editing pages and post contents in the block editor. Now with block themes, we use the same familiar environment to edit elements of a WordPress site that were hidden behind a curtain.<\/p>\n\n\n\n

To do this, block themes introduce powerful new features to WordPress users called Full Site Editing<\/a> features.<\/p>\n\n\n\n

The really cool thing about this development is that all these features are WordPress core features. So we don\u2019t need to rely on a Page builder plugin to be able to edit our entire WordPress website in a visual editor.<\/p>\n\n\n\n

Full Site Editing<\/h2>\n\n\n\n

These new editable areas of block themes can be accessed via the new Editor (under Appearance\/Editor). This Editor looks like the already familiar post and page block editor. Once the Editor is open, you will see your current front page, and you can start to edit it.<\/p>\n\n\n\n

\"The\n\t\t\t\n\t\t\t\t\n\t\t\t<\/svg>\n\t\t<\/button>
The Editor always opens on the front page, here the blog index.<\/figcaption><\/figure>\n\n\n\n

You can also view a list of all editable elements (Templates and Template Parts) via the Editor sidebar menu. Click on the WordPress icon in the top-left corner of the Editor to open the menu.<\/p>\n\n\n\n

Templates and Parts<\/h2>\n\n\n\n

From here, you can access the list of Templates and Template Parts that can be edited. You can even create your own Templates and Parts.<\/p>\n\n\n\n

\"Template\n\t\t\t\n\t\t\t\t\n\t\t\t<\/svg>\n\t\t<\/button>
The template overview in Full Site Editing.<\/figcaption><\/figure>\n\n\n\n

Styles<\/h2>\n\n\n\n

Styles is an additional feature of block themes and replaces many of the global theme settings previously available via the Customizer.<\/p>\n\n\n\n

You can access the Styles settings when you click on the Styles icon while in the Editor.<\/p>\n\n\n\n

\"Styles\n\t\t\t\n\t\t\t\t\n\t\t\t<\/svg>\n\t\t<\/button>
Styles in the Site Editor set fonts and colours globally.<\/figcaption><\/figure>\n\n\n\n

Here, you can change the theme\u2019s fonts settings and customize the global theme\u2019s color palettes.<\/p>\n\n\n\n

\"Colour
You can also create your own colour palette.<\/figcaption><\/figure>\n\n\n\n

You can also add a custom color palette.<\/p>\n\n\n\n

Next, you can edit the default block settings and change them.<\/p>\n\n\n\n

Currently, Styles is still in Beta and moving forward we will see a lot more powerful features added to Styles.<\/p>\n\n\n\n

What is the difference between Full Site Editing features and page builder plugins?<\/h2>\n\n\n\n

One reason to use a block theme with Full Site Editing features in comparison to a page builder plugin like Elementor is that Full Site Editing is a WordPress core feature. Therefore, using a block theme makes you independent of an external plugin.<\/p>\n\n\n\n

Sure, page builder plugins offer a lot of features and right now many of them are not yet available with FSE. But for many websites, the options page builder plugins come with are often bloated and unnecessary.<\/p>\n\n\n\n

Block themes in comparison offer a new lightweight core WordPress solution that will mature with each release cycle. Block themes and FSE solve many of the problems WordPress users have been struggling with in the past.<\/p>\n\n\n\n

Be ready for the future of WordPress<\/h2>\n\n\n\n

Block themes and Full Site Editing is just getting started, and therefore naturally many things are still a little rough around the edges.<\/p>\n\n\n\n

But the possibilities will grow and for many WordPress projects it\u2019s already a smart choice to use a block theme now, even if it means to temporarily settle for a minimal or compromised solution. As a benefit, you will be ready for the future of WordPress now, and you won\u2019t need to switch your website to a block theme later on.<\/p>\n\n\n\n

We\u2019ve been working with Full Site Editing features since they were first added via the Gutenberg plugin mid 2021. It\u2019s amazing how far FSE has already come in such a short time. Many of the initial hiccups and limitations have been solved already or are being actively worked on.<\/p>\n\n\n\n

Conclusion<\/h2>\n\n\n\n

At the moment, a block theme might not be the best solution yet for every WordPress website out there, but block themes are growing in their options week by week. So it\u2019s a smart move to follow the development very closely and consider starting to learn more about block themes by choosing one for a private website or a smaller project.<\/p>\n\n\n\n

To give feedback, follow the WordPress community Slack channel #fse-outrech-experiment<\/strong>. Learn WordPress<\/a> and our YouTube channel<\/a> have helpful tutorials and workshops.<\/p>\n\n\n\n

If you have questions about block themes and FSE, leave me a comment or reach out on Twitter<\/a>. I would love to hear from you.<\/p>\n\n","protected":false},"excerpt":{"rendered":"

Block themes, unofficially sometimes also referred to as Full Site Editing or FSE themes, are a new generation of WordPress themes entirely built with blocks. As a result, all areas of a website, such as the Header or Footer, can now be edited by the user in the block editor. Previously, most WordPress users were […]<\/p>\n","protected":false},"author":1,"featured_media":288678,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"advanced_seo_description":"","jetpack_seo_html_title":"","jetpack_seo_noindex":false,"jetpack_seo_schema_type":"","_wpcom_ai_launchpad_first_post":false,"_jetpack_feature_clip_id":0,"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[1605],"tags":[1954,1953,1200,1009],"class_list":["post-288723","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-gutenberg-en","tag-fse-en","tag-full-site-editing-en","tag-themes-en","tag-wordpress-theme-en-2"],"jetpack_shortlink":"https:\/\/wp.me\/phlOHV-1d6P","jetpack-related-posts":[],"jetpack_sharing_enabled":true,"jetpack_featured_media_url":"https:\/\/elmastudio.de\/wp-content\/uploads\/2022\/05\/wordpress-block-themes-explained-1-1.jpeg","_links":{"self":[{"href":"https:\/\/elmastudio.de\/en\/wp-json\/wp\/v2\/posts\/288723","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/elmastudio.de\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/elmastudio.de\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/elmastudio.de\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/elmastudio.de\/en\/wp-json\/wp\/v2\/comments?post=288723"}],"version-history":[{"count":16,"href":"https:\/\/elmastudio.de\/en\/wp-json\/wp\/v2\/posts\/288723\/revisions"}],"predecessor-version":[{"id":317108,"href":"https:\/\/elmastudio.de\/en\/wp-json\/wp\/v2\/posts\/288723\/revisions\/317108"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/elmastudio.de\/en\/wp-json\/wp\/v2\/media\/288678"}],"wp:attachment":[{"href":"https:\/\/elmastudio.de\/en\/wp-json\/wp\/v2\/media?parent=288723"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/elmastudio.de\/en\/wp-json\/wp\/v2\/categories?post=288723"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/elmastudio.de\/en\/wp-json\/wp\/v2\/tags?post=288723"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}