[Skip to Content]

Create and Edit a Page

To Create a new page, use the new dropdown. Click + Add Content -> Create -> Create A New Page

To edit an existing page, visit the page, and click "edit" in the top tab. You can also click the triangle to the right of the page name in the folder structure, and click "edit."

Expand all

System Name and Folder

These options are seen when you first create a new page. (New -> Create -> Create A New Page). If you want to change the system name and folder of an existing page, click "Move/Rename".

cms8-page-name.jpg

  • System Name - We'll find out here that a webpage technically has four names. System Name is the name of the file. This shows up in the url and in the folder structure of the site. This name is always lowercase, and separates words with dashes or underscores. For example, for the page http://www.upstate.edu/index.php,"index" is the system name.  The ".php" is added automatically when the site is published, so do not include it in the system name.
  • Parent Folder - this is the folder you want the page to be located in. In this case, [/] means that it will be placed in the Base Folder for a site. To change the folder you can click the white-page/magnifying-glass icon to the right to go through the folder structure to find the correct folder. You can click the name of the folder, which will allow to type-search for a folder, and also give you a "history" listing of past folders you have accessed.

Display Name and Title

Here's two more names for your page. There will be one more later (the H1 Heading).

cms8-page-displayname.jpg

  • Display Name - As shown above, the display name is the name that is displayed in your top and left menus.
  • Title - Title is the name for the page, as seen by the browser. If you look at the tab system of your browser, the name seen there is the "Title" of your page. The "Title" also shows up when you search (like via our internal search or via Google). If you look at the final title on the browser or search results, you'll see something like "Add New Page | Cascade Training | SUNY Upstate Medical University." In the title field, all that would be written is "Add New Page." When published, the page will add the title of the site (Cascade Training) and the title of the overall site (SUNY Upstate Medical University) based on the page's location.

Advice: On many pages, you will probably name the "Display Name" and "Title" the exact same thing. That is okay to do. In some cases, though, it may look better for a Display Name to be shorter (because you may want your top and left menus to be less-wordy) and your Title longer (as it's the title seen in searches, for search engine optimization, you may want to use the full name of what your talking about instead of just an acronyms). So "About" or "About CNYMPH" might be a good Display Name, and "About Central New York Master of Public Health (CNYMPH) might be a good Title.

Banner Block, H1, and Floating Block

pre content blocks

  • Choose a banner block - this is where you would add a image, slideshow, or YouTube video to the the top (below header) center section of the site. To add this, you first need to create a new Multimedia Block with image(s) or video. Then click the "search" button and type in the name of that block, or click the white-paper/magnifying-glass icon to search the folder structure for it.
  • H1 Page Title - This is the last of the four names for your page. This name appears as the first text in the center column of the site, in bold, large, blue-purple text. As mentioned before, it's possible that both the "H1 Page Title", "Title" and "Display Name" will be the same name.  Advice: you may want your H1 text to be more welcoming than your "Display Name" and "Title", for example, containing the word "Welcome."
  • Choose a block - this is where a Multimedia, Content block or a bluepage block can be added. In many cases on our site, this is where a contact/bluepage block is added. This is a gray block, commonly floated to the right, that gives the phone number, fax, email, directions, and contact person for the department or service you are describing on the page.  Sometimes, this block contains a floated-to-the-right smaller image. Visit the page on blocks for more information.
  • Block horizontal size and floating - this decides how the block, picked above, will be positioned below the H1 on the page. If "full", that means the block will span the entire center column. "Left" and "right" each span half of the center column. "Left" aligns the block to the left and allows the text from the "Content Section" (below) to wrap to the right of it.  "Right" aligns the block to the right of the center column and allows the text wrap to the left of it. "Right" and "Full" are the most common selections here. An example of a floating contact block can be seen on the Cascade Training homepage.

Content section (WYSIWYG)

wysiwyg

Now we are to the point where you will start writing text on your page. This is much like a set up for a Word document, with some differences.

Icon Function
icon: undo redo

Undo, redo

icon: bold etc

Bold, italic, used for emphasis

icon: text formats Available text styles, including Heading 2 (large, bold, blue text), Heading 3 (bold, blue text), and regular paragraph format (like this). Custom formats information is below.
icon: lists Bullets and numbering (making lists)
icon: link unlink anchor Insert/Edit a Link, break a link, insert anchor (if you don't know what anchors are, don't worry about it)
icon: insert edit image Insert/edit image: use this ONLY for images that would show up as 135x177 faculty photos or images that are of 50% width. Any lead image should be placed in a Multimedia Block and added via a block.
 icon: full-screen Toggle full screen mode.
Edit Menu Undo and Redo. Cut, Copy, Paste, Paste as Text (useful when pasting text from Word or Groupwise), and Select All
Format Menu Has All features mentioned above, as well as subscript and superscript and icon: clean code Clear formatting (remove unwanted formatting, or to start from scratch)
Insert Menu Insert Link, Anchor, and Image. As well as icon: insert custom characters Special characters (e.g.: copyright symbols or accent marks), icon: horizontal ruleInsert a horizontal rule (a good look is 80% width if you use this, otherwise use the custom format mentioned below.
Table Menu table Insert a table.
View Menu Visual aids (lines to help tell apart content), and Show Blocks (not currently used)
Tools Menu Full screen option, but also a spell checker (there will also be spell-checking when you click "submit").
icon: html Edit HTML source code (only appears with certain permissions).

Custom Formats

Located when you click the "Formats" dropdown and select "Custom". View a "Custom Formats" video tutorial here.

Format How to Use
Content: Gray box Creates a gray box around content. Use only when a paragraph needs to be part of a page but is distinct from the other content on the page.
Content: Horizontal rule Adds a light gray line between paragraph content.
Content: Intro text

Adds a slightly larger and dark blue text. Use for the first paragraph of a multi-paragraph page.

 

Content: align left Advanced: aligns content to the left
Content: div clear Advanced: ends any floating in the page
Image - responsive

Makes the image with 100% and responsive to the page, so it looks good on computers or your phone.

Image align left 50% Moves image and surrounding paragraph (or div) to the left, half width, with the text changed to a caption look
Image align right 50% Moves image and surrounding paragraph (or div) to the right, half width, with the text changed to a caption look
Image align right faculty photo Moves image and surrounding paragraph (or div) to the right, smaller sized, perfect for 135x177 faculty photos. Text changed to caption look.
Table striped rows Add the striped row look you can see in this table
Table styled blue header Adds the blue style to the top row.

Metadata: Exclude from Menu and Left Menu

exclude options

  • Exclude from Menu - excludes this page from showing up in the top menu of your site.
  • Exclude from Left Menu - excludes this page from showing up in the left column menu on your site.
  • Exclude from Mobile Menu - also excludes items from menu on mobile devices

Metadata: News Section (Summary to End Date)

The following section deals with information for news sites. If this is not a news article, you can skip this section.

cms8-page-summary-startend.jpg

  • Summary - this is a quick description of the article. Many times, it could be the first sentence of your news article. This summary shows up, along with the title, link, and image, in news feeds on your site. So if you homepage has the 10 latest articles listed on your site, the summary is where you would change the description that shows up there. Keep it relatively brief.
  • Author - is where you can place the author of the article. Currently we have yet to incorporate this in our design.
  • Start Date - when you want your published article to show up live on the website. If the date is in the future, the article will not show up until then. If the date is in the past, the article will show up live once you publish the article (and corresponding files, see responsive news for more information)
  • End Date - when you want your article removed from the website. This will unpublish the article, but keep the article in your archives, if you wish to retrieve it in the future.

Left Column

left and right blocks

  • Top/Left blocks - This section lets change where your left navigation information comes from, either "default" which is just the left menu, or "customized" For most sites, we currently do not let users add or delete items from the left column, so "customized" may be unavailable.
  • Right column setup - The "default" right column setup is the right column as decided by the "_right-column" block. You can find this block in the Base Folder of your site, though this can be overwritten with a "_right-column" block inside the page's parent folder (or ancestor folder). If you do not want the right column as decided from that block, you can click "customized."
Top