×
Guides Instructions
07546 681 556
info@webdesigner.london
HOME / Website instructions

Basic Instructions for Editing Your WordPress Website

Short guides that show how to manage your WordPress website without breaking layout. Use this page as an index. Pick the task you need, then open the detailed guide.

Start with the basics if you are new to WordPress. If you already edit content, jump straight to the section you need.

Full Guide Index for Easy Navigation

Choose the part you need and jump straight to it

This section gives you a clear list of all parts of the editing guide so you can jump directly to the one you need. Each section covers one specific task, written in simple steps with a small FAQ to help you solve common problems. Use this menu to move quickly through the guide and find the instructions you need without searching through long pages.

  • Login
    How to enter your WordPress dashboard with the correct username and password.
  • Open the Page List
    How to find all your website pages and choose the one you want to edit.
  • Open the Page Editor
    How to enter the editing screen where you can make changes.
  • What You Can Edit
    Understand which blocks you are allowed to change and which to avoid.
  • Edit Titles (Advanced Text Block)
    How to update headings and page titles safely.
  • Edit Paragraph Text
    How to change normal written content on any page.
  • Edit Buttons
    How to update button text and links without breaking the design.
  • Edit Images
    How to replace photos using Image or Kadence Advanced Image blocks.
  • Preview and Save
    How to check your changes and save them correctly before leaving.
  • Check the Live Page
    How to make sure your updates appear correctly on the public website.
  • Undo and Revisions
    How to revert mistakes or restore older versions of a page.
  • What Not to Change
    Important areas you should not edit to avoid breaking the layout.
  • Log Out Safely
    How to leave the dashboard securely when you finish editing.

1. Accessing Your Website Dashboard

Simple steps to open your website editor

In this part you will learn how to open the login page, enter your details and reach the WordPress dashboard where all page editing begins. You will also learn what to do if you cannot log in, how to reset a lost password and when you should contact your web designer for support.

Your web designer should give you your login details. These are usually sent after the website goes live. Keep them safe at all times.

Step 1
Open your browser.

Step 2
Type your website address followed by /wp-admin.
Example: yourwebsite.com/wp-admin

Step 3
You will see the WordPress login screen.
Enter your username and password exactly as they were given to you.

Step 4
Press Log In.

Step 5
Wait for the WordPress dashboard to load.
This is where you will manage and edit your pages.

If you forget your password, press Lost your password?.
If the page does not load at all, refresh your browser or contact your designer.

Make sure you type your username and password exactly as given, including capital letters. Remove any spaces before or after the text. If it still fails, use the reset link on the login page. If the password reset email does not arrive, check spam or ask your designer to confirm your account email. This ensures you always have secure access to your site when changes are needed.

This can happen if the internet is slow, the server is busy or your browser is holding old data. Refresh the page, try a different browser or open it in private mode. If it still does not load, your hosting provider might be doing short maintenance. Contact your designer or hosting support if the problem continues.

Yes. Use the “Lost your password?” link on the login page. Enter your email address and follow the instructions. Choose a strong new password and store it somewhere safe, as you will need it every time you edit your site.

Ask your web designer for your access details. They must provide you with a working username and password so you can update your own content. These details are normally shared once the website is live.

All changes happen inside the protected admin area. This keeps your website safe from unwanted edits and ensures your updates are saved correctly, tracked and recoverable if anything goes wrong.

This usually means your user role does not have permission to edit pages. WordPress has different access levels, such as Administrator, Editor, Author and Contributor. Only certain roles can see and edit the full list of pages. If your account was set with limited access, you will not see the Pages menu at all, or you may see only a few pages instead of the full list. This is not an error. It is a permission setting. Ask your web designer to check your user role and give you Editor or Administrator access if you need to manage all pages on the website. Once the correct role is assigned, the Pages section will appear in your dashboard and you will be able to edit your content.

2. Where to Locate Pages for Editing

How to reach the correct page quickly

In this part you will learn how to find the list of all pages inside WordPress, how to open the Pages menu from the left sidebar and how to choose the correct page you want to edit. This step helps you reach the content you want to change without touching anything else on the website.

How to Open the Page List

Step 1
Make sure you are logged in to the WordPress dashboard.

Step 2
Look at the left-hand menu.

Step 3
Find the item called Pages. Click it once.

Step 4
You will now see the full list of pages on your website.

Step 5
Find the page you want to edit. You can scroll or use the search bar at the top.

Step 6
Move your mouse over the page name and click Edit.

This will open the page in the WordPress editor.

This may be a browser issue. Refresh the dashboard or open the same link in a new tab. If it still does not open, clear your browser cache or try another browser. If the problem continues, your hosting may be running slow or doing maintenance, so wait a moment and try again.

If the Pages menu is missing, your account may not have the correct access level. WordPress roles like Author or Contributor cannot edit pages. You will need Editor or Administrator access. Ask your web designer to check your user role and update your permissions.

Use the search bar above the page list. Type one word from the title of the page. If the page still does not appear, check if it has a slightly different name than you expect. If you still cannot find it, ask your designer to confirm the correct page name.

Sometimes a website contains draft or old versions of pages. Look at the status next to the title. Only edit the page marked as Published unless your designer tells you otherwise. Editing the wrong version may cause your changes not to appear live.

Click the WordPress logo or the Dashboard link to return to the main menu. Then open Pages again. You can switch between pages at any time without losing saved work. If you made changes, click Update before leaving the editor.

3. Starting Page Editing

Clear steps to start editing your content

In this part you will learn how to open a page inside the WordPress editor so you can change text, headings, buttons and images. You will see how to enter the editing screen from the page list and how to make sure you are on the correct page before starting any changes.

How to Open the Page Editor

Step 1
Go to your WordPress dashboard and click Pages in the left menu.

Step 2
Find the page you want to edit.

Step 3
Move your mouse over the page title.

Step 4
Click Edit. This opens the page in the WordPress block editor.

Step 5
Wait a few seconds until all blocks load. You will now see the content of your page inside the editor.

Step 6
Before making changes, check the title at the top to confirm you opened the correct page.

You are now ready to begin editing.

Yes, sometimes it loads slowly, especially on pages with many images or advanced blocks. Wait a few seconds. If it still loads very slowly, refresh your browser or try another browser. Slow loading usually comes from hosting, not from anything you did.

This is usually a temporary browser or cache issue. Refresh the page. If it remains blank, close the tab and open it again from the Pages list. If the problem continues, disable browser extensions or try incognito mode. Your content is still safe.

Click the WordPress logo at the top-left or the Dashboard link on the left-hand menu. Then open Pages again. Always update your changes before leaving a page, otherwise your edits will not be saved.

Simple notices like “This block has changed” or “Settings updated” are normal. If you see a red or error message, refresh your browser. Most warnings are harmless and disappear once the page fully loads.

The editor shows a simplified version of your layout. The live website uses your full theme styling. This is normal. Colours, spacing and alignment often look slightly different in the editor but will appear correct on the live page. After editing, always check the live version in a new tab.

4. Content You Can Change Safely

Simple rules for safe content editing

In this part you will learn which blocks you can safely edit on your Kadence-built website and which parts you should avoid. You will understand the difference between text blocks, button blocks, image blocks and layout elements so you can update your content without changing the design or structure of your site.

What You Can Edit

Kadence websites use blocks. Some blocks are safe for you to edit, and others should remain untouched.
Here is what you can change:

Step 1
You can edit Advanced Text blocks. These are used for titles and subtitles.

Step 2
You can edit Paragraph blocks. These are used for normal text on the page.

Step 3
You can edit Advanced Button blocks to change button text and button links.

Step 4
You can edit Image blocks or Kadence Advanced Image blocks to replace photos.

Step 5
You can edit plain text inside any simple content block unless it controls layout.

And here is what you should not change:

Step 6
Do not edit or delete Row Layouts, Columns, Containers or Kadence structure blocks. They hold the design together.

Step 7
Do not change block settings on the right side unless instructed. These settings control spacing, colours, responsiveness and layout.

Step 8
Do not edit the header, footer or site-wide templates.

Step 9
Do not remove blocks if you are not sure what they do. Deleting structural blocks can break the design.

Understanding these rules helps you edit content safely without damaging the layout.

If the block contains text or an image that is visible to visitors, you can edit it by clicking directly on the content. If the block controls layout, spacing or structure, avoid changing it. Kadence blocks usually show labels like “Advanced Text”, “Paragraph”, “Button” or “Image”. These are safe. Blocks labelled “Row Layout”, “Column”, “Section”, “Container” or anything with grid or spacing icons should not be touched.

No. Most settings on the right side are for design, spacing, colours, and responsiveness. Editing them can break the layout on desktop or mobile. Only change text or the image itself inside the block. Leave all styling settings as they are unless your designer gives clear instructions.

If you changed something but have not saved the page yet, press Undo until the content returns to normal. If it has already been saved and looks broken, open Revisions and restore an earlier version of the page. This will bring back the correct layout without losing your content.

You can add new Paragraph or Advanced Text blocks if you only need more text. You should not add new rows, columns or advanced structures. If you need a new section, ask your designer to add it so the design stays consistent across the whole site.

Some blocks are locked by your designer to protect the layout. This prevents accidental changes that could break the design. If you need to edit something inside a locked block, contact your designer. They can unlock it or provide a safe editing option.

5. Updating Title Text on Your Page

Safe and simple title editing instructions

In this part you will learn how to edit titles and headings on your website using Kadence Advanced Text blocks. You will see how to click the title, change the wording, adjust the text safely and avoid touching design settings that control spacing, colours or layout.

How to Edit Titles (Advanced Text Block)

Step 1
Open the page you want to edit in the WordPress editor.

Step 2
Scroll to the title or heading you want to change.

Step 3
Click directly on the text. A blue outline will appear around the block.

Step 4
Start typing your new title. You can delete the old text or replace it completely.

Step 5
Do not change the block settings on the right side. These control design and layout.

Step 6
Check your spelling and text spacing.

Step 7
Repeat the same steps for all other titles or subtitles on the page.

Your design will stay intact as long as you only change the written text inside the block.

Some titles may be locked to prevent layout damage. If clicking does nothing, the block may be inside a locked section or nested block. Try clicking slowly and directly on the text. If it still does not allow editing, your designer may need to unlock the specific block for you.

This usually happens if a styling setting was changed by accident. Do not use the right sidebar for title editing. If spacing or size looks wrong, press Undo. If the issue appears after saving, use Revisions to restore an earlier version.

It is better not to. Title colours and styles are part of the site-wide design system. Changing them can break consistency across pages. If you truly need a colour change, ask your designer to adjust it globally so your site remains uniform.

This is normal. The editor uses a simplified preview. The live site uses full theme styling, which may alter spacing or the exact visual look. Refresh the live page to make sure your update appears correctly. If something looks broken, clear your browser cache and check again.

Yes, but only as plain text. If the pasted text carries hidden formatting, it can change your title style or cause spacing problems. To avoid this, press Ctrl+Shift+V (Windows) or Cmd+Shift+V (Mac) to paste without formatting.

6. Updating Written Content

Clear steps to update any text block

In this part you will learn how to edit normal text using WordPress Paragraph blocks. You will see how to click the text, change the wording, add new lines and replace outdated content without affecting the page layout or design.

How to Edit Paragraph Text

Step 1
Open the page in the WordPress editor.

Step 2
Find the paragraph you want to edit. Paragraph blocks are simple text sections.

Step 3
Click directly inside the text to activate the block.

Step 4
Type your new text. You can delete, rewrite, shorten or expand the content.

Step 5
Press Enter if you want to create a new line inside the same block.

Step 6
Paste new text only as plain text to avoid hidden formatting.
Windows: Ctrl + Shift + V
Mac: Cmd + Shift + V

Step 7
Do not edit spacing, colours or typography settings unless instructed. These are design settings.

Repeat these steps for each paragraph on the page.

The block may not be selected. Click slowly and directly inside the text until the typing cursor appears. If the block still does not activate, it may be locked or nested inside another structure. In this case, you may need to click the small breadcrumb navigation at the top of the editor and select the correct block. If none of this works, your designer can unlock the block for you.

Text from Word, email or other websites often includes hidden formatting that changes colours, spacing or fonts. Always paste as plain text using Ctrl+Shift+V or Cmd+Shift+V. If formatting issues appear, press Undo and paste properly.

Yes. Press Enter at the end of any paragraph to create a new block. Keep your text simple and do not add new layout elements such as rows or columns. If you need a completely new section with special formatting, ask your designer to add it.

The editor shows a simplified preview. Your live site uses full theme styling, so spacing and alignment may appear slightly different. After editing, check the live page by refreshing it. If it still looks wrong, clear your browser cache.

Make sure you clicked Update before leaving the page. If the changes appear in the editor but not on the live website, refresh the live page. If the update still does not show, your caching plugin or hosting cache may need a refresh. Contact your designer for help if needed.

7. Updating Button Text and Links

Clear steps to change button wording

In this part you will learn how to edit buttons made with the Kadence Advanced Buttons block. You will see how to change the button text, how to update the link, and how to avoid touching design settings that control colours, shapes or spacing.

How to Edit Buttons

Step 1
Open the page in the WordPress editor.

Step 2
Scroll to the button you want to change.

Step 3
Click directly on the button text. The button will show an outline, meaning it is active.

Step 4
Type the new wording. Keep it short and clear.

Step 5
To change the link, click the small link icon that appears above the button or to the right in the toolbar.

Step 6
Paste or type the new link.
If it is a page on your website, start typing the page name and select it from the list.

Step 7
Press Enter to confirm the link.

Step 8
Do not edit colour, spacing or design settings unless your designer instructs you. These settings affect the whole button style across your website.

Repeat these steps for all buttons you want to update.

You may have selected the button container instead of the text itself. Click once on the button to activate the container, then click directly on the text inside the button. If it still does not activate, the button may be locked by your designer to prevent style changes.

If the link toolbar is not showing, click the text again and look for the small chain icon in the top toolbar. If it still does not appear, press Ctrl + K (Windows) or Cmd + K (Mac) to open the link field manually.

Yes. Use the following formats:
WhatsApp: https://wa.me/yourphonenumber
Email: mailto:your@email.com
Phone: tel:+440000000000
Make sure the format is correct, or the button will not work properly.

This usually happens if the block settings on the right were clicked accidentally. Press Undo to return to the original design. Do not adjust styling options unless you know what they affect, as they may change the look of all buttons on your site.

Your browser may have cached the old link. Refresh the live page or open it in a private window. If it still does not work, check if the link was entered correctly. For external links, make sure you included the full address, including https://.

8. Replacing Photos on Your Page

Keep your images fresh without touching design

In this part you will learn how to replace images on your page using Image blocks or Kadence Advanced Image blocks. You will see how to upload a new file, how to swap an existing image, and how to avoid touching design settings that control spacing, alignment or responsiveness.

How to Edit Images

Step 1
Open the page in the WordPress editor.

Step 2
Find the image you want to change.

Step 3
Click the image once. A small toolbar will appear.

Step 4
Click Replace.

Step 5
Choose Upload to upload a new file from your computer, or choose Media Library to select an image already uploaded to your site.

Step 6
After selecting an image, click Select in the bottom-right corner.

Step 7
The image will update instantly inside the editor.

Step 8
Do not adjust settings in the right sidebar unless instructed. These settings control layout, borders, shadows and responsiveness.

Step 9
Check that the new image displays correctly before updating the page.

Repeat for all images you want to replace.

This usually happens when the original image had a different shape or size. Press Undo if needed, then upload an image closer to the original proportions. Avoid editing shape or ratio settings in the sidebar, as they can break the design across different devices.

You may have clicked a container instead of the image block. Click directly on the image again until you see the small toolbar. If the Replace button still does not appear, the block may be part of a locked section. Your designer can unlock the area if you must edit it.

Upload images in reasonable sizes. Very large files slow down the site. Aim for around 1500–2000px width for full-width images and smaller sizes for simple visuals. WordPress will resize the image, but uploading huge files can affect speed.

Your browser might be showing a cached version. Refresh the live page or open it in a private window. If the image still does not update, clear your WordPress cache (if your site uses a caching plugin) or ask your designer to flush server cache.

Click the image, press the three dots in the small toolbar and choose Remove Image. This removes it from the page but does not delete it from your Media Library. If you want it removed fully from the site, open Media in the dashboard and delete the file there — but only if you are sure no other page uses it.

9. How to Preview and Save Changes

Preview your page as visitors will see it

In this part you will learn how to preview your changes before publishing and how to save the updated page correctly. You will also learn what to do if the page does not save, how to avoid losing your edits and how to make sure everything looks right on the live website.

How to Preview and Save

Step 1
After editing text, images or buttons, look in the top-right corner of the editor.

Step 2
Click Preview if you want to see how the page will look before publishing the changes. It will open in a new tab.

Step 3
Return to the editor and check the top-right corner again.

Step 4
Click Update to save your changes.

Step 5
Wait until the Update button turns grey and shows “Updated”. Do not close the page before this happens.

Step 6
Open the live page in a new tab and refresh it to confirm that all changes are now visible.

Repeat these steps each time you make edits.

Your browser may be showing an older cached version of the page. Refresh the live page or open it in a private/incognito window. If the update still does not appear, your site may be using a caching plugin or server-level cache. Ask your designer to clear it.

If the button is grey and cannot be clicked, it usually means there are no new changes to save. Sometimes it also happens if the editor is still loading or a block has not finished updating. Wait a few seconds or refresh the editor.

Most of the time you do not lose your work. WordPress autosaves your changes. If an error appears, copy any important text, refresh the editor and check for an Autosave notice at the top. You can recover the latest version from there.

Yes. The editor gives a simplified preview of spacing and styling. The live page uses the full theme design. Always check the final look using the Preview button or by opening the live page in a new tab.

If the page was not saved and autosave did not trigger, the changes may be lost. Open the page again and look for an Autosave notification at the top. If one exists, you can restore it. To avoid loss, always click Update before leaving the editor.

10. Viewing Your Updated Page

Make sure your updates look correct

In this part you will learn how to check your updates on the live website once you have saved your changes. You will see how to open the live page, refresh it correctly and confirm that all text, images and buttons appear exactly the way you want.

How to Check the Live Page

Step 1
After clicking Update in the editor, open your page in a new browser tab.
You can do this by clicking View Page in the top bar.

Step 2
Refresh the page using your browser refresh button.

Step 3
Scroll through the page and check all updated areas: text, titles, buttons and images.

Step 4
Confirm that everything loads correctly on desktop.
If your website is responsive, also check it on mobile.

Step 5
If something looks wrong, return to the editor, make the correction, save again and refresh the live page.

Most of the time, this is a caching issue. Your browser may be showing an older version of the page. Refresh the page a few times or open it in a private/incognito window. If you still cannot see the update, your website might be using a cache plugin or server cache. Ask your designer to clear it.

The editor shows a simplified version of your layout. The live page uses full theme styling, spacing and responsive settings. Titles, paragraph spacing and button alignment may look slightly different. This is normal. If something looks broken rather than different, update the page again or contact your designer.

This is also usually due to caching. Browsers often store old images. Try a hard refresh:
Windows: Ctrl + F5
Mac: Cmd + Shift + R
If it still does not update, clear WordPress cache (if used) or ask your designer to flush server cache.

A block may have been moved accidentally or a layout element edited by mistake. Go back to the editor and press Undo until the layout returns to normal. If you already saved the page, open Revisions and restore an earlier version.

Check that the link you entered is correct and includes the full address. For internal links, make sure you selected the correct page. Test the button again after refreshing the live page. If the button works in the editor but not live, it is likely cached – refresh the page or try a private window.

11. Restoring Previous Versions

Simple steps to undo editing errors

In this part you will learn how to undo recent changes and how to use WordPress revisions to restore older versions of your page. This helps you fix mistakes, recover lost text and return your layout to a stable version without rebuilding anything from scratch.

How to Use Undo and Revisions

Step 1
If you make a small mistake, press Undo at the top-left of the editor.
This reverses your last action.

Step 2
Continue pressing Undo to step back through multiple changes.

Step 3
If the mistake happened earlier or you already saved the page, look for Revisions on the right side or below the Update button.

Step 4
Click Revisions to see all saved versions of the page.

Step 5
Choose a previous version, compare it with the current one, and click Restore This Revision to bring it back.

Step 6
Review the restored page, make any extra changes and click Update to save.

Yes. If the page was saved, normal Undo will not work, but Revisions will. Open Revisions and choose an earlier version. This feature stores many previous versions, so you can recover text, images or layouts that were saved incorrectly.

The Undo button is located in the top-left of the editor, next to the Redo button. If you do not see it, your browser window might be too small. Expand your window or zoom out slightly until the toolbar appears again.

Yes. Revisions do not remove your newer versions. After restoring an older one, you can open Revisions again and choose a different version. You can move back and forward until you find the version you want.

No. Revisions do not delete your media files. They only restore the page content to a previous saved state. Your uploaded images stay in the Media Library, so you can still use them again later.

There are three possible reasons:

The sidebar is collapsed. Click the settings icon (top-right) to reopen it.

You have not saved the page before, so no revisions exist yet.

Your user role does not allow revision access. Ask your designer for Editor or Administrator access.

12. What You Should Not Edit

Keep your site safe by avoiding these areas

In this part you will learn which areas of your website should never be edited. You will understand which blocks control layout, design, responsiveness and system settings. Avoiding these areas protects your website from layout issues and prevents accidental damage that can break your design.

What Not to Change

Step 1
Do not edit Row Layouts, Containers, Columns or any structural Kadence blocks. These hold the page design together.

Step 2
Do not change spacing, padding, margin, alignment or layout settings in the right sidebar. These settings affect the entire website layout.

Step 3
Do not modify header or footer content unless your designer instructs you. These areas are global and affect all pages.

Step 4
Do not edit global button styles, colours, fonts or theme options. These control the full site design system.

Step 5
Do not change URLs, slugs, SEO titles, SEO descriptions or anything inside SEO plugins unless you have specific training.

Step 6
Do not delete blocks you don’t recognise. Many of them control spacing, alignment or hidden design elements.

Step 7
If you are unsure whether something is safe to edit, leave it untouched and ask your designer.

If you only clicked and did not save, nothing is broken. Press Undo to return to the previous state. If you saved the page after changing layout settings, use Revisions to restore an earlier version. Layout blocks are sensitive, so avoid editing anything that looks structural.

These blocks control the design framework of your page. Changing them can shift content, break mobile responsiveness or cause spacing problems. They are not meant for content editing. Only text, images and buttons are safe to change.

Changing design settings may affect the entire page or even the whole website. For example, altering padding can move sections out of place, and changing colours may break brand consistency. These are designer-level adjustments and should not be touched.

SEO fields influence how your website appears in search results. Incorrect settings can harm your ranking or cause duplicate results. They also affect how AI systems interpret your site structure. Leave these settings to your designer or SEO specialist.

Yes. If you have not saved the page yet, press Undo. If the page was saved, open Revisions and restore an older version. If you do not see the block you lost, your designer can rebuild it. Avoid deleting blocks unless you fully recognise what they are for.

Closing Your Dashboard Correctly

How to leave the dashboard securely

In this part you will learn how to sign out of your WordPress dashboard safely after editing your website. Logging out helps protect your website, prevents accidental changes, and keeps your account secure, especially if you use shared devices.

How to Log Out Safely

Step 1
Look at the top-right corner of the WordPress dashboard.

Step 2
Click your profile name or profile icon.

Step 3
A small menu will open. Click Log Out.

Step 4
You will be taken to a confirmation screen showing that you are logged out.

Step 5
Close the browser tab if you finished editing completely.

If you use a shared or work computer, always log out before leaving.

Logging out protects your website from accidental edits and prevents others from accessing your dashboard. If someone uses your computer after you without logging out, they could change your content or damage the layout. Proper logout keeps your site secure.

If no one else uses your device, it is usually fine. WordPress often ends the session automatically after some time. However, on shared devices you must always log out manually to prevent unwanted access.

Look at the top-right of the dashboard. Click your username or profile icon. A dropdown will appear with the Log Out option. If you still do not see it, your browser window may be too small. Try zooming out or expanding it.

No. Logging out does not remove any updates you made. As long as you clicked Update before leaving the editor, your changes are fully saved and visible on the live site.

Your browser may be storing login cookies. WordPress keeps you signed in longer if you selected “Remember Me” during login. To stop this, log out again and clear your browser cookies. If you share this device, do not tick “Remember Me” when logging in next time.

You might like these too

These sit in the same category as the one you are reading. They follow the same thread and offer a bit more depth. Have a look if you want to go further.