Full Site Editing basics in Wordpress - Step-by-Step Execution

Concept Flow - Full Site Editing basics

Open WordPress Admin

↓

Go to Site Editor

↓

Select Template or Template Part

↓

Edit Blocks (Header, Footer, Content)

↓

Customize Styles (Colors, Fonts)

↓

Save Changes

↓

View Updated Site

This flow shows how you open the WordPress Site Editor, select parts of your site, edit blocks and styles, then save and view changes.

Execution Sample

Wordpress

1. Open WordPress Admin
2. Click 'Editor' under Appearance
3. Select 'Header' block
4. Change site title text
5. Save changes

This example edits the site header block by changing the site title text and saving the update.

Execution Table

Step	Action	UI Element	User Input	Result
1	Open WordPress Admin	Dashboard	N/A	Dashboard loads
2	Navigate to Site Editor	Appearance > Editor	Click Editor	Site Editor opens showing templates
3	Select Header Template Part	Template Parts list	Click Header	Header block loads for editing
4	Edit Site Title Block	Site Title block	Change text to 'My New Site'	Site title text updates in editor
5	Save Changes	Save button	Click Save	Changes saved and published
6	View Site	Site front-end	Reload page	Site shows updated header with new title
7	Exit	Close editor	N/A	Return to dashboard or front-end

💡 User finishes editing and saves changes, then views updated site.

Variable Tracker

Variable	Start	After Step 4	After Step 5	Final
Site Title Text	Original Title	My New Site	My New Site	My New Site
Editor Mode	Closed	Open	Open	Closed
Save Status	Not Saved	Not Saved	Saved	Saved

Key Moments - 3 Insights

Why doesn't the site title change immediately on the live site after editing?

Because changes are only saved and published after clicking the Save button (see Step 5 in execution_table). Until then, edits are only visible in the editor.

Can I edit any part of the site using Full Site Editing?

You can edit templates and template parts like header, footer, and content blocks that are available in the Site Editor (Step 3). Some theme parts may not be editable if not supported.

What happens if I close the editor without saving?

Your changes will be lost because saving is required to publish edits (Step 5). Unsaved changes do not affect the live site.

Visual Quiz - 3 Questions

Look at the execution_table, what is the Site Title Text after Step 4?

A Original Title

B My New Site

C Site Title

D Not Changed

💡 Hint

Check variable_tracker row 'Site Title Text' after Step 4.

At which step does the Save Status change to 'Saved'?

A Step 5

B Step 4

C Step 3

D Step 6

💡 Hint

Look at variable_tracker 'Save Status' column after each step.

If you skip Step 5 and close the editor, what happens to your changes?

A Changes are saved but not published

B Changes are saved automatically

C Changes are lost

D Site crashes

💡 Hint

Refer to key_moments about saving and closing without saving.

Concept Snapshot

Full Site Editing lets you edit your whole WordPress site visually.
Open the Site Editor from Appearance.
Select templates or parts like header/footer.
Edit blocks and styles directly.
Save changes to publish.
View updates live on your site.

Full Transcript

Full Site Editing in WordPress allows you to change your entire website's look and structure using a visual editor. You start by opening the WordPress admin dashboard and navigating to the Site Editor under Appearance. Inside the editor, you select parts of your site such as the header or footer to edit. You can change text, add or remove blocks, and adjust styles like colors and fonts. After making your changes, you must save them to publish the updates to your live site. If you close the editor without saving, your changes will be lost. This process makes site design easier and more flexible without needing to write code.