How to Edit and Update Website Pages Using the WordPress Block Editor

Applies to: WordPress Websites Hosted or Managed by True Synergy Networks
Difficulty: Beginner
Estimated Time: 10–15 minutes

Overview

WordPress includes a visual content editor called the Block Editor, also commonly known as Gutenberg.

The Block Editor allows authorized users to update website content without needing to know HTML, CSS, or programming.

Each part of a page is organized into a block. For example, a paragraph is one block, an image is another, and a button is another.

Using the Block Editor, you can:

  • Change text on existing pages.
  • Add headings and paragraphs.
  • Upload or replace images.
  • Create buttons and hyperlinks.
  • Add columns and other page layouts.
  • Preview changes before publishing.
  • Save unpublished changes as drafts, where supported.
  • Restore earlier page versions using WordPress Revisions.

This guide explains how to safely make common website updates.

Before You Begin:

  • Make sure you have an active WordPress account.
  • Confirm that you have permission to edit the intended page.
  • Sign in to your WordPress dashboard.
  • Know which page you want to update.
  • Have any replacement text or images ready.
  • Use an updated, supported web browser.

Important: Some websites use customized themes, reusable blocks, synchronized patterns, or page builders. Changing these elements may affect multiple pages.

If you are unsure whether a section is shared across the website, contact True Synergy Networks before editing it.

Step 1: Sign In to WordPress

  1. Open your preferred web browser.
  2. Navigate to your organization’s approved WordPress administration address.

For most WordPress websites, this is:

https://example.com/wp-admin

Replace example.com with your website’s domain.

  1. Enter your assigned username or email address.
  2. Enter your password.
  3. Complete any required security verification.
  4. Click Log In.

After signing in, your WordPress dashboard should appear.

Step 2: Find the Page You Want to Edit

  1. Locate Pages in the left navigation menu.
  2. Click All Pages.
  3. Review the list of existing pages.
  4. Use the search field if necessary.
  5. Locate the page you want to update.
  6. Click its title or select Edit.

For example, to update your company’s About page, locate the page titled About Us and open it.

Important: Be careful when editing high-traffic pages such as Home, Services, or Contact. Published changes may become visible to customers immediately.

Step 3: Understand the Block Editor

When the editor opens, you will generally see three main areas.

The Main Editing Area

This is where you edit the page’s content.

Depending on your website, you may see:

  • Headings.
  • Paragraphs.
  • Images.
  • Buttons.
  • Columns.
  • Lists.
  • Other design elements.

Each element is represented by a block.

The Top Toolbar

The toolbar contains common controls such as:

  • Block Inserter.
  • Undo.
  • Redo.
  • List View.
  • Preview.
  • Save or Update.
  • Settings.

The exact controls depend on your WordPress version and user permissions.

The Settings Sidebar

The settings sidebar appears on the right side of the editor when enabled.

It may contain:

  • Page settings.
  • Block settings.
  • Permalink information.
  • Featured image options.
  • Page template settings.
  • Other available controls.

Tip: If the settings sidebar is hidden, click the Settings icon near the upper-right corner of the editor.

Step 4: Edit Existing Text

Changing existing text is one of the most common WordPress tasks.

Select the Text

  1. Open the page in the Block Editor.
  2. Locate the paragraph or heading you want to change.
  3. Click directly inside the text.
  4. Position your cursor.

Make Your Changes

  1. Highlight the text you want to replace.
  2. Type the new wording.
  3. Review the text for spelling and accuracy.

For example:

Original Text:

“We provide professional technology services.”

Updated Text:

“We provide managed IT, cloud, cybersecurity, and business communication solutions.”

Review Formatting

After updating the text:

  1. Check that headings remain headings.
  2. Verify that paragraphs are properly separated.
  3. Confirm that links still work.
  4. Make sure the text fits the surrounding layout.

Important: Do not delete an entire block unless you intend to remove that section from the page.

Step 5: Add a New Paragraph

Option 1: Use the Block Inserter

  1. Click the + button.
  2. Search for Paragraph.
  3. Select the Paragraph block.
  4. Type your content.

Option 2: Use the Keyboard

  1. Click inside an existing paragraph.
  2. Move to the end of the text.
  3. Press Enter.
  4. Begin typing the next paragraph.

Note: Pressing Enter inside a paragraph commonly creates another paragraph block.

To add a line break within the same paragraph, use Shift + Enter.

Step 6: Add a Heading

Headings help organize content and make pages easier to read.

Insert a Heading

  1. Click the + button.
  2. Search for Heading.
  3. Select the Heading block.
  4. Enter your heading text.

Choose the Heading Level

  1. Select the Heading block.
  2. Open the heading-level control.
  3. Choose the appropriate level.

Common heading levels include:

  • H1: Main page heading.
  • H2: Major page section.
  • H3: Subsection within an H2 section.
  • H4: Additional subsection when needed.

Recommendation: Use H2 headings for major sections and H3 headings for subsections.

Your website theme may already create an H1 heading from the page title.

Important: Avoid choosing heading levels purely to change the size of text. Headings should reflect the structure of the content.

Step 7: Add or Edit a Hyperlink

Hyperlinks allow visitors to open another page, document, or external website.

Add a Link

  1. Highlight the text you want visitors to click.
  2. Click the Link icon in the block toolbar.
  3. Enter the destination address.
  4. Select the correct result or submit the address.
  5. Confirm that the link has been added.

Example:

Instead of displaying a long URL, you might use:

“Visit our Support Center”

and link that text to:

Home

Edit an Existing Link

  1. Click the linked text.
  2. Open the link editing control.
  3. Replace the destination if necessary.
  4. Confirm the change.

Important: Verify the destination before publishing. Incorrect links can send customers to the wrong website or an unsafe page.

Step 8: Add an Image

Insert an Image Block

  1. Position your cursor where you want the image.
  2. Click +.
  3. Search for Image.
  4. Select the Image block.

WordPress may offer several options:

  • Upload.
  • Media Library.
  • Insert from URL.

Upload a New Image

  1. Click Upload.
  2. Select the appropriate image from your computer.
  3. Wait for the upload to finish.
  4. Confirm that the image appears.

Select an Existing Image

  1. Click Media Library.
  2. Browse or search the available media.
  3. Select the appropriate image.
  4. Click Select or the corresponding confirmation button.

Important: Only upload images your organization owns, licenses, or is otherwise authorized to use.

Step 9: Resize or Align an Image

  1. Click the image block.
  2. Review the block toolbar.
  3. Select an available alignment option.
  4. Open the block settings sidebar.
  5. Adjust the image width or dimensions if supported.
  6. Preview the layout.

Common alignment options include:

  • None.
  • Left.
  • Center.
  • Right.
  • Wide width.
  • Full width.

Note: Available options depend on your website theme and block settings.

Add Alternative Text

Alternative text helps describe meaningful images to users who rely on assistive technology.

  1. Select the image.
  2. Open its block settings.
  3. Find Alternative Text.
  4. Enter a short, meaningful description.

Example:

“Technician installing network equipment in an office.”

Avoid descriptions such as “image” or “picture” when a more meaningful description is possible.

Important: Decorative images may not need descriptive alternative text. Follow your organization’s accessibility guidelines.

Step 10: Replace an Existing Image

  1. Open the page containing the image.
  2. Select the Image block.
  3. Click Replace in the block toolbar.
  4. Choose Upload or Open Media Library.
  5. Select the replacement image.
  6. Confirm the change.

After replacing it:

  1. Check the image’s position.
  2. Review its dimensions.
  3. Update alternative text if necessary.
  4. Preview the page.

Important: Replacing an image within a page is generally preferable to deleting a media file that may be used elsewhere on the website.

Step 11: Add a Button

Buttons help visitors take an action, such as contacting your business or opening a service page.

Insert a Button

  1. Click +.
  2. Search for Buttons.
  3. Select the Buttons block.
  4. Add a Button inside it if one is not already present.
  5. Enter the button label.

Example:

“Contact Support”

Add the Destination

  1. Select the button.
  2. Click its link control.
  3. Enter the destination URL.
  4. Confirm the link.

Review the Appearance

Depending on your theme, you may be able to modify:

  • Button style.
  • Text color.
  • Background color.
  • Border radius.
  • Alignment.

Recommendation: Use your organization’s existing website colors and button styles rather than introducing new designs.

Important: Keep button text clear so visitors understand what will happen when they click it.

Step 12: Add a List

Lists are useful for displaying services, instructions, features, or other grouped information.

Insert a List

  1. Click +.
  2. Search for List.
  3. Select the List block.
  4. Enter your first item.
  5. Press Enter to add another item.

Choose the List Style

Depending on the block controls, you can choose:

  • Bulleted list.
  • Numbered list.

Recommendation: Use numbered lists for steps that must be followed in order and bullets for information that does not require a sequence.

Step 13: Add Columns

Columns allow you to display content side by side.

For example, a service page might display three service descriptions in separate columns.

Insert Columns

  1. Click +.
  2. Search for Columns.
  3. Select the Columns block.
  4. Choose an available layout.
  5. Add content blocks inside the columns.

Add Content

Each column can contain supported blocks such as:

  • Headings.
  • Paragraphs.
  • Images.
  • Buttons.
  • Lists.

Important: Multi-column layouts can look different on phones and tablets. Always preview mobile layouts before publishing.

Step 14: Move or Rearrange Blocks

You can change the order of content without deleting or recreating it.

Use Block Controls

  1. Select the block you want to move.
  2. Locate the block toolbar.
  3. Use the Move Up or Move Down controls.
  4. Continue until the block is in the correct position.

Use List View

  1. Click the List View icon near the top of the editor.
  2. Locate the block in the document structure.
  3. Select it.
  4. Use the available movement controls or supported drag-and-drop action.
  5. Confirm its new position.

Tip: List View is especially helpful when working with nested blocks such as Groups, Columns, and Buttons.

Step 15: Duplicate a Block

If you want to create a similar section without rebuilding it:

  1. Select the existing block.
  2. Open the block’s three-dot menu.
  3. Select Duplicate.
  4. Locate the new copy.
  5. Replace the duplicated content with the intended information.

Recommendation: Duplicating existing blocks can help maintain consistent formatting.

Important: Make sure you update any duplicated hyperlinks, images, and text before publishing.

Step 16: Delete a Block

To remove content you no longer need:

  1. Select the block.
  2. Open the three-dot menu.
  3. Select Delete or Remove, depending on the interface.
  4. Confirm that the correct block was removed.

If the wrong block was deleted, use Undo immediately.

Important: Removing a parent Group or Columns block may also remove all the blocks inside it.

Use List View to understand the block structure before deleting large sections.

Step 17: Save Your Changes

How WordPress saves your work depends on the page’s current publication status.

For an Existing Published Page

  1. Finish editing the page.
  2. Review the changes.
  3. Click Save or Update, depending on the WordPress version.
  4. Wait for confirmation.

Important: Saving or updating an already published page generally makes those changes visible to website visitors.

For an Unpublished Draft

  1. Click Save Draft.
  2. Wait for WordPress to confirm that the draft was saved.

A draft remains unpublished until an authorized user publishes it.

Important: If you are editing a currently published page, do not assume that Save Draft will preserve the changes privately. Standard WordPress generally updates the live page when you save its changes.

If you need approval before changes go live, use your organization’s approved staging, revision, or editorial workflow.

Step 18: Preview Your Changes

Previewing helps identify formatting problems before publishing.

Open Preview

  1. Click Preview near the upper-right corner.
  2. Select the available preview option.
  3. Review the page.

Depending on your WordPress version, preview options may include:

  • Desktop.
  • Tablet.
  • Mobile.
  • Preview in a new tab.

What to Check

Review the following:

  • Text formatting.
  • Spelling.
  • Image sizes.
  • Button placement.
  • Link destinations.
  • Column layout.
  • Mobile readability.
  • Missing content.

Important: A preview is not a guarantee that the final live page will appear identically in every browser or device.

Step 19: Publish a New Page

If you created a new page instead of editing an existing one:

  1. Review the page content.
  2. Confirm that the title is correct.
  3. Check the page’s URL or permalink.
  4. Preview the layout.
  5. Click Publish.
  6. Review the publication confirmation.
  7. Confirm publication.

Important: Publishing makes the page publicly available according to its visibility settings.

Some pages may still need to be added to your website’s navigation menu before visitors can easily find them.

Step 20: Review the Live Website

After updating or publishing:

  1. Open your website in a new browser tab.
  2. Navigate to the updated page.
  3. Review the content as a visitor.
  4. Test any new links or buttons.
  5. Check the layout on a mobile device when possible.

Tip: If an image or text change does not appear immediately, the website may be displaying a cached version.

Do not repeatedly modify the page just because the live website has not yet refreshed. Contact True Synergy Networks if you suspect a caching issue.

Understanding WordPress Revisions

WordPress can save previous versions of your page content.

These are called Revisions.

Revisions may allow you to:

  • Review earlier page content.
  • Compare changes.
  • Identify an unintended edit.
  • Restore a previous saved version.

Note: Revision history availability depends on your website’s settings, the editor, and any retention limits.

How to Restore a Previous Page Version

Step 1: Open the Page

  1. Sign in to WordPress.
  2. Click Pages → All Pages.
  3. Locate the affected page.
  4. Click Edit.

Step 2: Find Revisions

  1. Open the page settings sidebar.
  2. Look for Revisions or the available revision history control.
  3. Select it.

If the option does not appear, your website may not have saved eligible revisions.

Step 3: Review Previous Versions

  1. Browse the available revisions.
  2. Compare the earlier content with the current version.
  3. Find the version you want to recover.

Step 4: Restore the Version

  1. Select the appropriate revision.
  2. Click Restore This Revision or the available restoration option.
  3. Review the restored page.
  4. Save or update as required.

Important: Restoring a revision can replace newer edits. Confirm that you have selected the correct version before restoring.

If the page contains complex layouts or shared content, contact True Synergy Networks before restoring an older revision.

Understanding Synced Patterns and Shared Content

Some WordPress websites contain Synced Patterns, previously called Reusable Blocks.

A Synced Pattern allows the same content to appear in multiple places.

For example, your website might use a shared contact information section on several pages.

Changing that Synced Pattern may update every location where it is used.

Before Editing a Shared Element

  1. Select the block.
  2. Review whether WordPress identifies it as a synced pattern.
  3. Confirm whether you intend to change all instances.
  4. Contact True Synergy Networks if you are unsure.

Important: Do not edit sitewide headers, footers, navigation, templates, or synced content without authorization.

Troubleshooting

I Cannot Find the Page I Want to Edit

  1. Open Pages → All Pages.
  2. Use the search field.
  3. Check whether the page is listed as Draft, Published, or Private.
  4. Confirm that you are signed into the correct website.
  5. Contact True Synergy Networks if the page remains missing.

Note: Blog articles may be located under Posts rather than Pages.

The Edit Button Is Missing

  1. Confirm that you are signed in.
  2. Verify that you opened the correct page.
  3. Check whether your user account has editing permissions.
  4. Contact True Synergy Networks if additional access is required.

Important: Do not attempt to bypass WordPress user permissions.

I Cannot Edit a Section of the Page

Some page sections may be:

  • Locked blocks.
  • Synced patterns.
  • Template components.
  • Theme-controlled elements.
  • Content from a separate page builder.

If a section is unavailable:

  1. Select the section.
  2. Check for locked or shared content indicators.
  3. Review whether editing is permitted.
  4. Contact True Synergy Networks if necessary.

Important: Do not disable plugins or change themes to gain access to an unavailable section.

My Changes Are Not Appearing on the Website

  1. Confirm that you saved or updated the page.
  2. Check that you edited the correct page.
  3. Open the live website in another browser tab.
  4. Refresh the page.
  5. Wait briefly for any site cache to update.

If the issue continues, contact True Synergy Networks.

Note: Server-side caching or a content delivery network may temporarily display an earlier version.

The Page Layout Looks Broken

If the layout changes unexpectedly:

  1. Stop making further changes.
  2. Use Undo if the change occurred during your current editing session.
  3. Review List View for misplaced blocks.
  4. Check whether a parent Group or Columns block was modified.
  5. Preview the page.

If the issue cannot be resolved safely, contact True Synergy Networks.

I Accidentally Deleted Content

  1. Use the Undo control if the editor is still open.
  2. Check whether the content has returned.
  3. If the deletion was already saved, review Revisions.
  4. Restore the appropriate version if authorized.

Important: Restoring an older revision may remove subsequent edits.

I Cannot Upload an Image

  1. Confirm that the image file is supported.
  2. Check that the image is not unusually large.
  3. Verify that your account can upload media.
  4. Confirm that your internet connection is working.
  5. Try again.

If the issue continues, contact True Synergy Networks.

My Image Looks Blurry or Stretched

  1. Select the image block.
  2. Review the displayed dimensions.
  3. Avoid enlarging a small image beyond its original size.
  4. Check the available image size settings.
  5. Replace the image with an appropriately sized version if needed.

Recommendation: Use high-quality images optimized for web display.

My Buttons Are Not Working

  1. Open the page editor.
  2. Select the Button block.
  3. Review the destination link.
  4. Correct the URL if necessary.
  5. Save the page.
  6. Test the button on the live website.

The Mobile Layout Looks Different

WordPress themes often adjust layouts automatically for smaller screens.

If content looks wrong on mobile:

  1. Open the page editor.
  2. Select the mobile preview.
  3. Review columns, images, and text.
  4. Check for unusually wide elements.
  5. Avoid adding fixed-width content unless your website design requires it.

If the layout remains incorrect, contact True Synergy Networks.

I Cannot Save or Update the Page

If WordPress fails to save:

  1. Confirm that your internet connection is active.
  2. Review the displayed error message.
  3. Avoid refreshing the page before preserving your unsaved changes.
  4. Check whether another user is editing the page.
  5. Contact True Synergy Networks if the issue continues.

Important: Do not repeatedly submit changes when WordPress reports a connection or saving error.

WordPress Says the Page Is Being Edited by Another User

If WordPress displays a post-lock warning:

  1. Review the name of the user currently editing the page.
  2. Do not take over the editing session without authorization.
  3. Contact your coworker if appropriate.
  4. Wait until they finish editing.
  5. Reopen the page afterward.

Important: Simultaneous changes can overwrite another employee’s work.

I Cannot Find Revisions

  1. Open the intended page in the editor.
  2. Review the page settings sidebar.
  3. Look for the Revisions option.
  4. Confirm whether the page has been saved previously.

If Revisions is unavailable, contact True Synergy Networks.

Note: Some websites limit or disable revision history.

Best Practices for Editing Website Content

When updating your website:

  • Make one section of changes at a time.
  • Use clear headings and readable paragraphs.
  • Keep fonts, colors, and spacing consistent.
  • Use descriptive text for links and buttons.
  • Add meaningful alternative text to informative images.
  • Preview changes on desktop and mobile.
  • Check spelling and grammar.
  • Verify links before publishing.
  • Avoid editing sitewide or shared elements without approval.
  • Review the live page after publishing.
  • Contact True Synergy Networks before changing advanced settings or website structure.

Recommendation: For substantial changes to important pages, consider requesting a staging copy or approved review workflow before updating the live website.

Additional Information

  • The WordPress Block Editor is also called Gutenberg.
  • Each section of content is organized into blocks.
  • Common blocks include Paragraph, Heading, Image, Buttons, List, and Columns.
  • List View helps navigate and rearrange nested content.
  • Published page updates generally become live when saved.
  • Drafts can be used for unpublished pages.
  • Preview tools help review content before publishing.
  • Revisions may allow earlier page versions to be restored.
  • Synced Patterns can affect multiple pages when edited.
  • True Synergy Networks manages advanced website configuration, hosting, theme management, and technical troubleshooting.

Security Reminder: Only edit website content you are authorized to manage. Never install unapproved plugins, modify advanced settings, or edit sitewide templates without permission. Be cautious when uploading files, creating external links, or changing shared content. Always verify that your changes are accurate before publishing, and contact True Synergy Networks immediately if you notice unauthorized website changes or suspicious account activity.