Editor Guide
Welcome! This guide explains how to safely update text and photos on the website.
Most updates are simple. If you are changing words or pictures, you’re in the right place 🙂
If something looks unfamiliar or confusing, please stop and ask for help.
Quick Start (Start Here)
Logging In
Go to:
https://kellyshiresfoundation.org/wp-admin
Enter your email and password.
There is a password reset feature — click Lost your password? and follow the reset instructions.
Once logged in, you will arrive at your dashboard. You have Editor permissions, which allow you to add and change content on the site.
The 3 Most Common Things You’ll Do
✔ Edit text
✔ Change or add photos
✔ Altering SEO text
The Golden Rule
If you are editing words or pictures, you are safe.
If you are editing layout or design, please ask first.
Understanding the Editor
The website uses the WordPress Block Editor. Instead of one big document, each piece of content is made up of small sections called “blocks.” A block can be a paragraph, heading, image, gallery, or button. This makes it easy to update specific content without affecting the rest of the page.
When editing, simply click into the text or image you want to change and make your updates. You may also see blocks used for layout (such as containers or grids). These control how the page is structured and should not be modified unless instructed. If you’re unsure whether something is content or layout, it’s always okay to ask.
Every block has a small toolbar that appears when you click on it. The first icon lets you change the block type (for example converting a Heading to a Paragraph), This can be helpful if something was created as the wrong type.
Editing Essentials
You can open the page editor in either of these ways:
From the dashboard:
Go to Pages from the left sidebar, click the page name, then click Edit.
From the website (easiest):
While logged in, visit the page and click Edit Page (pencil icon) in the top WordPress toolbar.
Once in the editor, you can safely update content including headings, general text, lists, and images. Simply click into the content you want to change and make your edits.
When you are finished editing, click the Update button in the top right corner of the editor to save your changes.
If you want to review your changes before saving, click Preview in the top right. This opens a preview in a new tab. After updating, you can click View Page to confirm everything looks correct on the live site.
Turning On Outline View (Highly Recommended)
- Open a page to edit
- Click the List View icon (three lines at top left)
- This shows the structure of the page
Headings Rules
Use H2 for main headings.
Use H3 for subheadings (bold pink automatically).
Do NOT use H1 or change colours, fonts, or sizes.
Adding a Heading
- Click where you want the heading
- Click +
- Choose Heading
- Select H2 or H3
- Type text
- Click Update
Changing or Replacing Images
- Click the image
- Click Replace
- Upload or select from Media Library
- Click Update
Adding a New Image
- Click where you want the image
- Click +
- Select Image
- Upload file
- Click Update
Adding a Gallery
- Click where you want the gallery
- Click +
- Select Gallery
- Choose images
- Click Insert
- Click Update
Updating SEO (The SEO Framework)
Scroll to SEO Settings at the bottom of the page editor.
Edit SEO Title and Meta Description.
Click Update.
Creating a New Page
- Go to Pages → Add New
- Enter the page title
- Add content
Ensure the sidebar is hidden
In the right settings panel:
Find Layout or Template
Select Full Width (or No Sidebar)
- Click Publish
Navigation Menu
New pages are NOT automatically added to the menu.
Edit the menu
Go to Appearance → Menus
Reorder items
Drag items and click Save Menu.
To remove a page from the menu
Open the item dropdown → Remove → Save Menu.
Important:
Donate must remain the LAST menu item because of its button styling.
Editing the Footer
- Go to Appearance → Elements
- Open Footer
- Edit text only
- Click Update
Editing Homepage Counter
- Pages → Home → Edit
- Change the large pink number to what you want
- In the code block, change the value of the number there as well.
- Click Update
<script>
document.addEventListener('DOMContentLoaded', () => {
const targetValue = 9000000; // The base number
const duration = 2000; Undo and Mistakes
Undo with Ctrl + Z (Windows) or Cmd + Z (Mac).
Restoring Previous Versions
Open the page → Click Revisions → Restore.
DO NOT USE POSTS
The site does not use blog posts.
Always use Pages.
DO / DON’T Guide
DO
✔ Edit text
✔ Replace images
✔ Add images
✔ Add galleries
✔ Update headings
✔ Update SEO descriptions
✔ Update event content
✔ Use Outline view
✔ Ask if unsure
DON’T
❌ Don’t edit containers
❌ Don’t edit grids
❌ Don’t change spacing
❌ Don’t change fonts
❌ Don’t change colours
❌ Don’t use H1
❌ Don’t delete layout blocks
❌ Don’t edit templates
❌ Don’t add plugins
❌ Don’t edit navigation without understanding order
❌ Don’t use Posts
When to Ask for Help
Please ask before:
Changing layout
Adding sections
Changing navigation
Adding functionality
Adding forms
Changing homepage layout
Installing plugins
Final Tip
After making changes, refresh the page to confirm everything looks correct.
Thank you for helping keep the website up to date — your updates make a real difference 🙂