• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar
NameHero® Blog

NameHero® Blog

Web Hosting Tips & Resources From NameHero

  • Hosting
    • Web Hosting
    • WordPress Hosting
    • WooCommerce Hosting
    • Enterprise Hosting
  • VPS
    • VPS Hosting
    • Flex VPS
  • Reseller
  • Email
  • Gaming
  • Domains
  • Website Builder
  • Account
  • Blog Home
  • Categories
  • Authors

How To Test FSE (Full Site Editing) In WordPress

Bhagwad Park

Published on: May 3, 2021

Categories: WordPress 0

Last week, I’d written about Full Site Editing (FSE) in WordPress, and how it was going to put theme design in the hands of ordinary users. Previously, you had to know not just PHP and HTML code, you also had to know where the different parts of your theme design were stored. It was complicated, to say the least. Now with this intuitive interface, you no longer need to have a deep insight into the WordPress theme structure.

So in this tutorial, I’ll show you how to test out the experimental FSE features in WordPress so you can get a running start on the new interface.

Warning: Please don’t test this on a live production site!

Step 1: Download the Gutenberg Plugin

It might surprise many of you to know that WordPress still has a Gutenberg plugin! That’s right – even though Gutenberg has been live for a long time, the WordPress team still uses the plugin to test out change. And this is where Full Site Editing currently lives.

You must download the right plugin, since searching for “Gutenberg” in the plugins directly doesn’t bring up the official one. Here’s what you need to look for:

Install the Gutenberg WordPress Plugin
Install the Gutenberg WordPress Plugin

As you can see, it has pretty poor ratings, thanks to the initial negative reactions to Gutenberg (including myself). But don’t be put off by that. Go ahead and install it.

Step 2: Install the Experimental TT1 Theme

FSE only works with themes that are specially built for it right now. So go to your themes page and search for “TT1” and install it as shown here:

Install the Experimental TT1 Theme
Install the Experimental TT1 Theme

Activate the theme, and you’re done!

Step 3: Enter the Site Editing Interface

Once you’ve done both of the above two steps, you should see a new item in your dashboard saying “Site Editor (beta) as shown here:

New Site Editor in the WordPress Dashboard
New Site Editor in the WordPress Dashboard

This will lead you to the site editing interface.

Step 4: Make Changes and Preview

The blocks-based interface should be familiar to you. As a test, simply make a change to the heading like this:

Make Changes to the Site Title
Make Changes to the Site Title in FSE

And save your changes. Now the heading would have changed throughout your site!

Changes Live in FSE
Changes Live in FSE

That’s pretty cool.

For the next step, add the navigation section:

Adding Navigation in Full Site Editing
Adding Navigation in Full Site Editing

And I’ve also inserted a new block after the header section with some random text. These changes will propagate everywhere when you make the changes.

Step 5: Select Which Template You Want to Change

By default, Gutenberg starts with editing the index page of your site. But you might want to change the way your single posts and pages look. To switch the editing interface to single pages, click the drop-down box at the top and choose “Browse all templates”.

Now you can choose what you want to edit:

Choosing the Template to Modify in FSE
Choosing the Template to Modify in FSE

As you can see, you can customize 404 pages, “pages”, and any other templates that the theme has defined. With this, you have complete control over how your site looks. For example, I find that the size of the title on single pages is too large. So a quick change in the site editor is all it takes! No need to go to your “style.css” page and muck around with clumsy CSS that is hard to maintain.

Almost Ready for Primetime

As mentioned, FSE is still in beta. But the features are already good enough to make it a priority for the next WordPress release. FSE should give site owners a lot more control over what their site looks like without having to keep track of which CSS rules they’ve stored, and where. With this, WordPress will directly challenge website builders like Wix that have had this for years but have charged a premium. No more!

Bhagwad Park Profile Picture
Bhagwad Park

I’m a NameHero team member, and an expert on WordPress and web hosting. I’ve been in this industry since 2008. I’ve also developed apps on Android and have written extensive tutorials on managing Linux servers. You can contact me on my website WP-Tweaks.com!

Related Posts

What Is A WordPress Sitemap? (And How To Generate One)

Learn what sitemaps are, and discuss why you should have one for your WordPress site and how to create a sitemap and submit it.

How To Change The WordPress Featured Image Size (3 Ways)

In this post, we'll take a closer look at featured images in WordPress. We'll show you how to set them in your posts and pages and more!

Do You Need a WordPress Business Plan?

Let's discuss what the WordPress Business plan offers, and see how it compares to the standard plans. We'll also explore another alternative.

What Is A Permalink In WordPress?

In this post, we’ll first discuss why permalinks matter. Then, we’ll show you how to create a custom permalink structure.

Reader Interactions

Leave a Reply Cancel reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.

Primary Sidebar

Follow & Subscribe

Exclusive promos, content and more!


Most Popular Posts

NameHero’s Recommended WordPress Plugin and Theme Setup (2024)

WordPress Hosting vs. Web Hosting – What’s The Difference?

How To Increase The InnoDB Buffer Pool Size

How To Fix A Stuck All-in-One WP Migration Import

How To Add A Subdomain In Cloudflare

Top Categories

  • WordPress
  • WordPress Tutorials
  • Enterprise Hosting
  • WooCommerce
  • Web Hosting
  • Resellers
  • Website Security
  • Website Development
  • Website Performance
  • VPS Hosting
  • SEO Tips
  • Announcements
  • Domain Registration
NameHero

NameHero® proudly provides web hosting to over 40,000 customers with 99.9% uptime to over 750,000 websites.

  • Master Card
  • Visa
  • American Express
  • Discover
  • Paypal
Products
  • Web Hosting
  • VPS Hosting
  • Flex VPS Hosting
  • WordPress Hosting
  • WooCommerce Hosting
  • Reseller Hosting
  • Enterprise Hosting
  • Email Hosting
  • Game Hosting
  • Domains
  • Website Builder
Help & Support
  • NameHero Blog
  • NameHero Gaming Blog
  • Support
  • Help Center
  • Migrations
  • Affiliates
  • Gaming Affiliates
  • Call 1-855-984-6263
Company
  • About Us
  • Contact Sales
  • Reviews
  • Uptime
  • We're Hiring

Copyright © 2025 Name Hero, LLC. All rights reserved.
NameHero® is a registered trademark.

  • Privacy Policy
  • Terms of Use
  • Acceptable Use Policy
  • Payment Policy
  • DMCA