Prerequisites:
- Active foreUP Website and CMS access.
- Admin login credentials (username and password) to your website’s /admin area.
- User permissions that allow you to view and edit pages.
- A supported, up-to-date web browser (Chrome, Edge, Firefox, or Safari).
Overview:
This article explains how to edit content on your foreUP website pages using the Website CMS editor.
You will learn how to:
- Open the Pages module and locate the page you want to edit.
- Use Quick Edit to change basic page settings (title, URL, status).
- Open the full page editor to change text, images, and layout.
- Reorder page sections with Document Overview.
Accessing the Pages Module:
- Log into your website’s Dashboard.
- From the left-hand navigation, click Pages.
You’ll see a list of all pages on your website. This is where you’ll typically start when editing important pages like About Us, Rates, or Contact Us.
Quick Edit:
Use Quick Edit to make fast changes without opening the full editor.
- In Pages, hover over the page name (for example, Course Information).
- Click Quick Edit.
- From here you can adjust:
- Title – The name of the page.
- Slug – The URL portion after your domain (e.g. yourcourse.com/course-information).
- Date, Author, and Visibility (Public/Private).
- Status – Draft, Pending Review, or Published.
If a page is not ready for visitors, keep it as Draft or Pending Review. When it’s ready to go live, set it to Published and click Update.
Opening the Page Editor (Full Edit):
Use the full editor when you need to change actual on-page content.
- In Pages, hover over the page name.
- Click Edit (or while viewing a specific page, select Edit Page within the top utility bar).
- You’ll be taken into the block editor for that page.
- At any time you can click on View Page in the top right to open the front end of that page in a new tab and compare the editor view with what visitors see.
Understanding Templates vs Page Content:
When you’re in the editor, you are editing content only:
- The navigation (menu) and footer are part of your theme/template.
- The editor controls the middle content area of the page.
Think of it like a sandwich:
- Top bread = navigation/header (theme)
- Filling = page content (edited in the Page editor)
- Bottom bread = footer (theme)
Your changes affect the “filling” of the page.
Editing Existing Text:
- In the editor, scroll to the text you want to change.
- Click directly on that paragraph, heading, or text block.
- Type to update, add, or remove text.
You can use the inline toolbar that appears above the block to:
- Align text (left, center, right).
- Make text bold or italic.
- Create bulleted or numbered lists.
- Add links to other pages or external sites.
To add a link:
- Highlight the text.
- Click the link icon.
- Enter a URL or search for an internal page and apply.
Using the Block Inserter (Adding New Content):
Use the Block Inserter to add new sections such as extra text, images, or callouts.
- In the top-left of the editor, click the blue “+” button (Block Inserter).
- A side menu will open with available blocks (Paragraph, Heading, Image, Gallery, Columns, etc.).
- Click and drag a block into the page where you want it to appear.
- Drop the block, then click inside it to add your content.
Common use cases:
- Add a new paragraph below existing content.
- Insert a new heading to break up sections.
- Add an image or gallery to showcase photos.
Block Settings (Right-Side Editor Panel):
When a block is selected, the right-hand panel shows settings for that specific block.
From here, you can typically adjust:
- Typography – Heading level, font size, custom sizes.
- Color – Text color and background color.
- Spacing – Padding and margins.
- Borders – Border styles and rounded corners.
- Responsive options – Show or hide blocks on mobile or desktop.
- Advanced – HTML or CSS options for advanced users.
Example:
You can turn a paragraph into a heading, change its color to stand out, and increase the size for emphasis—all from the right-hand panel.
Using Patterns and Prebuilt Layouts:
Your site includes prebuilt patterns (pre-designed sections) that make building layouts faster.
These patterns may include:
- Image grids
- Feature sections
- Multi-column layouts
To insert a pattern:
- Open the Block Inserter (+ button).
- Switch to the Patterns section (if available).
- Choose a pattern (for example, an image grid).
- Drag it into the page.
- Click each element (text or image) to personalize it for your course.
Working with Images & the Media Library:
When editing an image or image grid:
- Click the image block you want to change.
- Click Replace, then choose Media Library
- Select an existing image or upload a new file.
- Click Select to apply.
Reordering Sections with Document Overview:
For complex pages, use Document Overview to navigate and reorder sections.
- Click the Document Overview icon in the editor toolbar (usually a list icon).
- A panel opens showing all sections and blocks on the page.
- You can:
- Click any item to jump to that section.
- Drag sections up or down to reorder your layout.
Example:
If you inserted an image grid too far down the page, you can drag that section above your text content so it appears near the top.
Page-Level Settings (Slug, Featured Image, Status):
When no specific block is selected, the right-hand panel shows page-level settings, including:
- Featured Image – Image shown at the top or used in previews.
- Slug (URL) – The page address after your domain.
- Status & Visibility – Draft, Pending Review, or Published; Public or Private.
- Template – Which layout template the page is using.
- Author – Which user is listed as the page author.
You can also:
- Use Move to Trash to remove a page if it’s no longer needed.
Saving & Publishing Changes:
- After making edits, click Save or Update in the top-right corner.
- Wait for the confirmation that your changes have been saved.
- Click View Page or refresh the front end tab to see the updates live.
If the page is still in Draft status, switch it to Published when you are ready for customers to see it.