Go back

How to Edit a webpage

Gov Mascot jumping and touching his toes

link

Get Started by Checking in

  1. Check in the page using the light bulb in the top right corner
  2. Use the green buttons to open the edit panel (main content and sidebar panels)

Add your content to the page

There are two ways that you can add content to the page: Copy and Paste or type directly on the page.

Copy and Paste

You can copy and paste ready made content from outside the website or other pages. There are a few things to keep in mind:

  1. Right click Copy & Paste doesn't work. Instead use keyboard shortcuts or the toolbar. 
  2. Be sure to clear the formatting of anything you copy and paste into the site. 
  3. Most of the formatting is already controlled by the websites CSS. (Font, Font size, Line Spacing, etc.)

Typing

You can just type out your message just like editing a word document.

Jacob Culwell
Campus Webmaster
(931) 221-7453
culwellj@apsu.edu


Proper Use of Headings

  1. You can control the size of text by using the dropdown on the second line of your toolbar. First highlight the text and then select the appropriate choice from the drop down.
  2. Guidelines for Heading Use:
    1. The first heading at the top of the page is always an h1. It will be the only h1 on the page. 
    2. The following headings will get smaller in a collapsing manner.
    3. Most of the content on your page will use the paragraph selection.

Why is this important?

Because Google said so. 


What about Hyperlinks?

To create a hyperlink:

  1. Highlight the words that you want to become a Hyperlink
  2. select the link tool icon from the toolbar (looks like a chainlink)
  3. In the Insert/Edit link box you will see several options:
    1. URL: if you a linking to something outside the APSU website then you can paste the link in this box. If you are linking to something that lives on our site (page, document, image) Then click on the box with an up arrow.
    2. Find the file or page you wish to link to and click insert. This will insert the file's/page's dependency tag.
      1. If the file or page is in an area you don't have access to edit then swap the dropdown in the top right corner to production. 
    3. Text to Display: this is the text that you highlighted on the page. If you want you can make changes to the text here and it will reflect on the page. 
    4. Title: Optional, this creates a pop up box if someone hovers over the link without clicking on it. 
    5. Open In: This controls what happens when someone clicks on your link. It can either replace the page they are viewing with the new page (current window), or it can open a new tab in their browser (new window). See below for some tips on how to decide which is best. 
      1. New Window:
        1. Links pointing to pages outside your section or outside the APSU website
        2. Links pointing to documents like PDF's
        3. If the viewer will need to reference the current page or needs to keep reading after they have clicked the link
      2. Current Window:
        1. If you are linking to another page in your section (most of the time)
        2. If the view will have no need to return to this page for more information.
  4. Once the above options are filled in you can click save and your text will become a link.
  5. If you ever need to edit and existing link just click on it to select it and use the link tool icon to open the Insert/Edit screen.

Email Links:

To create an email link you can simply type out the email address and hit space or enter.

Example: nelshoppeno@apsu.edu

If there is other text that you wish to hyperlink to an email address then you first highlight the text then select the envelope icon from your toolbar and fill in the options. This might be handy for links that say Contact Us, or Have Questions? 

Example: Have a Question?

Removing a link:


Adding an Image to the page

AP Bid Day

Images that have been uploaded and published inside Omni CMS can be added to the page. 

  1. To add an image first place your cursor where you would like the image to appear. 
  2. Then click on the Insert/Edit Image icon in your toolbars second row. (two mountain peaks with the sun)
  3. Like we did when linking to a page or document, you are going to use the up arrow in a box icon to search and find the uploaded image. 
  4. Once you have selected and inserted your image, then fill out a short description of the image in the Alternative Description. This allows screen readers to read off your description when scanning a page. 
  5. Image Title: just like with link title this is optional and provides a pop up box with what you typed in. 
  6. Adjust the Width or Height if needed. You can also adjust this by grabbing the corner of the image after it is on the page. 
    1. Tip: The max width for the main Content section of most page on the APSU website is 900px. So for images going on the page of your site, there is no need for images wider than 900px.
  7. If you need to edit/change the image you can click on the image and follow steps 2-6.
  8. If you would like to delete an image you can place your cursor after the image and backspace into it. 

Training Day Schedule

Study Day Workshops


Save your work! Then Publish.

Once you have finished editing your page, be sure to save your work by hitting the big blue save button in the top right or the save icon in your toolbar.

Once the page is saved the edit panel will close and a preview of your page will be show. 

If you are happy with how the page looks and you are ready for it to go Live on the website then click on the green Publish button in top right corner. 

Once you have click publish it will automatically check for spelling errors and broken links. Use the linked reports to view any issues that have been found. To correct the issues cancel the publish and open the edit panel and make whatever changes are needed then save and try publishing again. 

Version Description

Once the checks are done be sure to fill out the Version Description and give a short summary of what you have changed. Versions Descriptions are important! Then hit publish. Your changes are now Live for people to see! 

Description Examples: