Follow

How do I edit a web page in the CMS?

The CMS allows individuals with little knowledge of web programming or development to create and manage web content with relative ease. A key component of this is the word processor used to input content onto the web page. The CMS uses the What You See Is What You Get (WYSIWYG) Editor, which can be referred to in the same context as Microsoft Word or WordPerfect.

If you are new to word processors in general or would like to get a refresher, the MSU Library offers professional workshops on a variety of computer topics. Visit the MSU Library Workshops Calendar for a schedule of classes.

To edit a web page you will need to check it out by clicking the lightbulb.


When a page or file is checked out to a user, other users cannot enter the page and make changes until the file has been checked back in. The page is automatically checked out to the user when he or she edits a page by clicking on an editable region button. Likewise, when the user publishes a page it is automatically checked back in. If another content editor has content checked out you need to edit, submit a support ticket with the URL of the file and it will be unlocked for you.

A web page is comprised of various regions, which are illustrated in the following image:



  • The banner at the top of the page is called the header and the resources available at the bottom of the page comprise the footer. These two regions, highlighted in green in the image above, are fixed and cannot be customized.
  • The navigation sidebar and contact information to the left of the page are customizable but are set by the _sidenav.inc and _contact.inc files at the root of your site . These areas are highlighted in orange.
  • The small text just below the banner represents your page’s While this is customizable, in most cases you shouldn’t need to edit this text as it will automatically follow your website’s page structure as you create and edit pages. This region is also highlighted in orange.The remaining space on your web page consists of editable regions. You may add a number of these regions to the page or keep it limited to just a few. The above example shows two editable regions that are highlighted in yellow and include the title of your page as well as the main content. Other editable regions include a subtitle, image banners, additional sidebars, extra contact information, etc. For a complete listing of editable regions please see What editable regions can I add?

 

Once you are familiar with these regions on the page, editing a web page is easy.

  1. Log in to the CMS by navigating to a page on your website and clicking the Direct Edit link.
  2. Click Content then Pages.


  3. Check out the page by clicking on the lightbulb from the page specific controls.


  4. Ensure you are in the Edit mode.


  5. Click on the green button to open one of the editable regions.


  6. This will open the WYSIWYG Editor and you will be able to add content to the region.


  7. Please remember to save, save, save! For more on saving please visit How do I save my page?.

To edit other regions of your web page visit Editing your Website
To add or remove content regions to your page visit How do I add or remove content regions?. 
If you experience rendering problems once you have made changes to a page visit Why aren't my edits taking effect on the live page?.

Was this article helpful? 0 out of 0 found this helpful

Have more questions? Submit a Support Ticket