SUNY ESF
Page Creation How-To

Getting started

1. Log in to Omni CMS
2. Go to the ‘Content’ tab in the top menu
3. Select ‘Pages’ from the Content tab dropdown
4. Go to the folder where you want to create pages
5. Click on the arrow next to ‘New’ in the blue box (found at the top right)
6. Choose from the following:

If you are creating a new sub-section:

1. Select ‘2023 Section’
2. Type the name of the folder in ‘Folder Name’ field (all lowercase, no spaces)
3. Type the name of the folder in ‘Section Title’ field (initial caps with spaces)
4. Type the title of the page in ‘Page Title’ field (initial caps with spaces)
5. Add a description of the page in the ‘Description’ field (1-2 sentences that will display in search results)
6. In the ‘Tags’ field, select appropriate tags from the dropdown list
7. In the ‘Keywords’ field, add keywords that will help people find the page if they search
8. Ignore ‘File Configuration’ options
9. Ignore ‘Index Page’ options
10. Click the blue ‘Create’ button at the bottom right.
11. The site editor will take you to the ‘index’ page

Editing your new page:

1. Make sure you have the page checked out (the lightbulb icon is yellow if it’s checked out)
2. Click ‘Properties’ in the tabs above the top of the page you’re editing
3. In the Properties sidebar, click ‘Parameters’

Editing the page properties: 

1. In the ‘Description’ field, add a description of the page (1-2 sentences that will display in search results)
2. In the ‘Keywords’ field, add keywords that will help people find the page if they search
3. In the ‘Tags’ field, select appropriate tags from the dropdown list
4. In the ‘Hero Content’ section, in the “Hero Image” field: click on the ‘choose file’ box (you may see an icon that looks like a page). Navigate to the ‘interiorbanners’ folder and find an image that has been sized for the hero image space.
5. In ‘Main Content’ section, the Side Nav Heading field: delete these words: Interior 2 Column
6. In ‘Sidebar Elements’, make sure the boxes are checked for both ‘ESF Main Links’ and ‘Content Below Navigation’
7. Ignore ‘Additional Content’ section
8. Ignore ‘Social Meta Tags’ section
9. Click the blue ‘Save’ box at the top right

Edit the text and content of your page:

1. In the tabs along the top of the page you’re editing, click ‘Edit’ (top left, small letters)
2. Scroll down past the top navigation and banner. Click the green box that says ‘Main Content’ to open editing options for the main content section of the page.
3. Add content to the main content area
4. When you’re finished, click the blue ‘Save’ box
5. If you want content to appear “below” the side nav on your page, click the green box that says ‘Side Content’ (at the bottom of the sidebar)
6. Add content to the sidebar content area
7. When you’re finished click the blue ‘Save’ box

Publish your page:

2. Click the green ‘Publish’ button
3. Click the blue ‘Run all checks’ button
4. Review the results of the following checks:
   1. Spelling - this identifies misspellings or words the dictionary doesn’t understand. If they’re accurate, then add them to the dictionary
   2. Links - this identifies broken links
   3. W3C Valid - this identifies errors that don’t meet W3C standards
   4. Accessibility - this identifies errors that don’t meet accessibility requirements. If a problem is listed as a ‘potential’ problem, then it’s not an error, just a warning to review.
5. If checks don’t pass, then fix the identified problems. If you don’t understand the identified problem, contact the web team.
6. If all checks pass, click the green ‘Publish’ button.

If you are creating an additional page in a folder that already exists:

1. Click the arrow next to the blue ‘New’ button at the top right.
2. From the dropdown, select ‘2023 Interior Page’
3. In the ‘Page Title’ field, type the page title (initial caps with spaces)
4. In the ‘Keywords’ field, type keywords that people might use if they search for the page
5. In the ‘Tags’ field, select appropriate tags from the dropdown list
6. In the ‘Keywords’ field, add keywords that will help people find the page if they search
7. In the Filename field, type the filename (all lowercase, no spaces)
8. Click the blue ‘Create’ button at the bottom right.
9. The site editor will take you to the new page.

Editing your new page:

1.  Make sure it’s checked out (the lightbulb icon is yellow if it’s checked out)
2. Click ‘Properties’ in the tabs above the top of the page you’re editing
3. In the Properties sidebar, click ‘Parameters’

Editing the properties of your page:

1. In the ‘Hero Content’ section, in the “Hero Image” field: click on the ‘choose file’ box (you may see an icon that looks like a page). Navigate to the ‘interiorbanners’ folder and find an image that has been sized for the hero image space.
2. Click the blue ‘Save’ box at the top right

Editing the text & content of your page:

1. In the tabs along the top of the page you’re editing, click ‘Edit’ (top left, small letters)
2. Scroll down past the top navigation and banner. Click the green box that says ‘Main Content’ to open editing options for the main content section of the page.
3. Add content to the main content area
4. When you’re finished, click the blue ‘Save’ box
5. If you want content to appear “below” the side nav on your page, click the green box that says ‘Side Content’ (at the bottom of the sidebar)
6. Add content to the sidebar content area
7. When you’re finished click the blue ‘Save’ box

Publishing your page:

1. Click the green ‘Publish’ button
2. Click the blue ‘Run all checks’ button
3. Review the results of the following checks:
   1. Spelling - this identifies misspellings or words the dictionary doesn’t understand. If they’re accurate, then add them to the dictionary
   2. Links - this identifies broken links
   3. W3C Valid - this identifies errors that don’t meet W3C standards
   4. Accessibility - this identifies errors that don’t meet accessibility requirements. If a problem is listed as a ‘potential’ problem, then it’s not an error, just a warning to review.
4. If checks don’t pass, then fix the identified problems. If you don’t understand the identified problem, contact the web team.
5. If all checks pass, click the green ‘Publish’ button

When your new page is published, republish the _nav file

1. In the top menu bar, select the ‘Content’ tab
2. In the dropdown list for the Content tab, select ‘Pages’
3. At the top of the file list for the folder you created, locate the _nav file
4. Click on the three dots all the way to the right of the _nav file
5. In the set of options that opens, click ‘Publish’
6. Choose ‘publish’ from the dropdown menu that opens
7. Click the blue ‘Run all checks’ button
8. Review the results of the following checks:
   1. Spelling - this identifies misspellings or words the dictionary doesn’t understand. If they’re accurate, then add them to the dictionary
   2. Links - this identifies broken links
   3. W3C Valid - this identifies errors that don’t meet W3C standards
   4. Accessibility - this identifies errors that don’t meet accessibility requirements. If a problem is listed as a ‘potential’ problem, then it’s not an error, just a warning to review.
9. If checks don’t pass, then fix the identified problems. If you don’t understand the identified problem, contact the web team.
10. If all checks pass, click the green ‘Publish’ button

Confirm your work/see the published page

1. Return to the topmost folder you were working on
2. Select the index page in that folder
3. Click the 3 dots at the top right
4. Select ‘View Published Page’
5. In the side nav, you should see links for all pages you’ve created.
6. The content on the pages should reflect the content you’ve added to the main content areas and the side content areas (you will not always need to add content to the side nav).