No matter which editing tool you use to build and maintain your page:
- built-in WordPress editor
- SiteOrigin page builder
- Advanced Content Editor (only available with A UW Madison Theme)
…you will want to proof your page on the front end.
Even with the simplest editor – the built-in WordPress editor – fonts sometimes appear slightly different on the front end, and the placement of items on the page may look a bit different.
It’s also a good idea to test the page in more than one web browser, and on a mobile device. To simulate the display on a mobile device, go to Responsinator.com and type or paste the page URL in the “Enter your site” box in the upper left of the page, then click Go. The screen refreshes to show a simulation of your page on the different mobile devices (scroll down the screen to see the different devices). You can also try the site menu to navigate within the device simulation.
How to Proof the Page or Post on the Front End
Preview Changes Before Saving
- Edit the page or post.
- In the upper right corner, in the Publish block, locate and click the Preview Changes button. The page or post opens in a new tab, showing the changes.
View Changes After Saving
- Edit the page or post.
- On the black horizontal toolbar menu at the top, locate and right-click View Page. From the popup menu, choose Open link in new tab.* The page or post opens in a new tab, showing the saved changes.
* the actual wording on the popup may differ based on the browser you’re using