Adding & Editing Pages
Last updated: April 19, 2024
This help page will go over the 3 ways to add pages in Wordpress and 3 tools used to edit pages.
Three Ways to Add Pages
From scratch, from layout, and from duplicate are 3 ways to add pages in Wordpress. Let’s get into what they are, the steps for each, and how they can help enhance productivity.
From Scratch
Add a page from scratch when a client requests a page or feature on a page that is not available in the preset layouts or the preset layouts do not compliment your design choices.
Play the video below or select the dropdown to view how to add a page from scratch.
Written Instructions
Navigate to the WordPress toolbar located at the top of the screen.
Select “Pages” in the toolbar.
Select “Add New” button.
Select “Skip Layout” button.
From Layout
If you are not building from a Demo Site, Layouts must be applied at the beginning of a page build.
Add a page from layout to:
- build pages other than activity pages or blog pages
- Highlight specific page elements (activities, reviews, etc)
- design for a specific activity or business type e.g. Diving or Food Tours
- employ best practices
- create consistency of page layout across site
Note: Pages built using Layouts (or imported at site creation) will also have a receipt under the publishing column to tell which Layout they’re from, with a link to the original design for reference
Play the video below or select the dropdown to view how to add a page from Layout.
Written Instructions
Navigate to the WordPress toolbar located at the top of the screen.
Select “Pages” in the toolbar.
Select “Add New” button.
You will land on the “Layout selector” option. Utilize the filters provided in the layout selector to narrow down your options based on your page needs. You can filter by categories, styles, or other criteria depending on your theme.
Click on the “Select View Layout” button next to the layout that interests you. This will provide you with a larger visual preview of the layout.
Carefully review the layout to ensure it fits your requirements and aesthetics.
Once you’ve found the perfect layout, click on the “USE THIS LAYOUT” button to apply it to your new page.
From Duplicate
Add a page from duplicate when the setup of a page is mostly the same, but it will just have different content.
Adding a duplicate page keeps the layout consistent across pages which is a design best practice.
Play the video below or select the dropdown to view how to add a page from duplicate.
Written Instructions
There 2 ways to duplicate a page:
Navigate to the WordPress toolbar located at the top of the screen.
Select “Pages” in the toolbar.
Hover over desired page to duplicate.
Select “Duplicate”.
Change Title and URL to match new page content.
OR
Navigate to the WordPress toolbar located at the top of the screen.
Select “Pages” in the toolbar.
Select desired page to duplicate.
Select “Duplicate” button in publish section. The duplicated page will automatically populate in your browser.
Change Title and URL to match new page content.
Three Tools of Editing
Preview, Revision History, and Front-end Navigation are 3 tools utilized to streamline the editing process and enhance productivity. Let’s get into what they are, how to use them, and how they can help.
Preview
The preview link is a temporary URL generated by the platform that allows users to view how their content will look once published without actually making it visible to the public.
Use the preview link by selecting the “Preview Changes” button in the Publish section of the page.
Use the preview link to review and make any necessary adjustments before officially publishing a post or page on the website. It’s a handy feature for ensuring that the content appears as intended.
Note: If a page preview is not reflecting your current page build save the page as a draft to get an accurate preview.
Revision History
The revision history tracks who has changed what, and when, on a per-page basis. Any time the page is updated, a new ‘version’ is added to revision history that details the state of the page upon pressing ‘Update’.
Use revision history by navigating to the bottom of each backend page. While viewing revision history, users can choose to revert to the selected version of the page, undoing any changes made since then. BUT it doesn’t save work past the version being restored!
Use revision history to see who has done what, when and to undo edits.
When undoing edits you may not be able to revert back to the old version, so be sure it is the correct choice.
Tip: Take a full page screenshot of the front end before hitting Save. That way if you accidentally remove the wrong row/column/element etc you can have a quick reference to how the front-end looked before you saved the changes.
Front-End Navigation
The front-end of a website refers to the part of the website that users interact with directly.
Front-end navigation involves using the user’s view of a website to access different pages quickly.
Use front-end navigation by navigating through the front end of the website to find a particular page or element. Once the page or element is found select the “Edit Page” button at the top of the page. This will take you directly to the backend of that specific page.
Use front-end navigation to cut down on time looking for specific pages in the back end.
Play the video below to view how to use front end navigation.