How to Edit Homepage Content in a WordPress Block Theme

A common pain point amongst new users of Block Themes is managing homepage content – how and where to edit it and if that should be done in the template itself.

The problem with some block themes is that they put their demo content directly into the template. This can override whatever content you set to show on your homepage. And if you don’t know better, you’ll start editing the template to add your own content.

Read more

The Difference Between WordPress FSE Themes and Classic Themes

A block theme, or block-based theme, is the same as a full site editing (FSE) theme.

A classic theme is one that doesn’t work with full site editing.

Terminology

Whether you are a site owner or a developer, there’s new lingo to learn. Get started with our Full Site Editing glossary.

Differences in User Experience

If you use a classic theme, you will still be using the block-based editor for your posts and pages, but you’ll be dependent on your theme to provide editing capabilities for other parts of your site, like the header, footer etc.

Classic themes utilize either their own custom options panel, or the WordPress customizer to provide design and other controls.

Read more

Preconnect to Required Origins in WordPress

Preconnect to required origins is a PageSpeed recommendation that you may see if your site loads files from external domains. It can be satisfied by adding either preconnect or dns-prefetch directives to your page.

preconnect and dns-prefetch are types of “resource hints” which are used to try and speed up the loading of files hosted on 3rd party domains.

Resource hints are small pieces of HTML that are added to the page, to communicate to the browser to start specific tasks as soon as possible.

This is what resource hints look like in the HTML of a page:

<link rel='dns-prefetch' href='//fonts.googleapis.com' />
<link href='https://fonts.gstatic.com' crossorigin rel='preconnect' />Code language: HTML, XML (xml)

Don’t get this confused with preload, another type of resource hint, which is used for specific files.

In this article I’ll explain the difference between preconnect and prefetch, which you should use, and how to add these to your site.

Read more