To edit the content of a story you have checked-out, you simply need to find the text that you would like to change in the fields provided, and make your changes.
When working with a story in the CMS, you should see six numbered blocks: Information, Content, Categories, Output Channels, Contributors, and Associations. Below is a breakdown of each block and how they will affect your page.
Information
This area contains information about the resulting page that, while important, is mostly transparent to the end-user viewing your site on the web. There are a few important fields to take note of within this section.
- Title - This is displayed in the title bar when the resulting page is viewed in a browser. This is the same title that is used in the stories list within the CMS. This is also the title that search engines will use when listing your page in a list of search results.
- Description - This will be placed in the 'description' meta tag within the code of the page. Visitors to your website will not see this unless they view the source code of the page. Search engines display this description under the title of your page in a list of search results.
- Slug - This will be the actual name of the file. If this field is blank, then that story will be the default index within its category. If you change the slug on an existing story, you will need to change all links that point to that page (NOTE: changing the slug is not generally recommended). Slugs should consist only of lowercase letters, numbers, dashes (-) and underscores(_).
Content
This area controls the actual content of the page. The content of your page is built using any number of 'Elements'. These Elements may contain content (such as text or images); they may also serve as containers for other sub-Elements.
To add a new element, Select 'Add Element', and then choose the Element that you would like added from the list. It is important to note that any Element with sub-Elements will have an 'Add Element' bottom. Be careful to add new Elements within the proper context/parent Element.
To delete an Element, you would use the
symbol found to the right of every element that can be removed. Some Elements may contain important sub-Elements that cannot be deleted.
Elements can also be rearranged within the context of their parent Element. To do so, simply click on the name of the Element (to the left) and drag the item up and down. Surrounding elements will shift up and down accordingly to make space for the moved Element.
In the course of rearranging and/or deleting elements, you may find that your elements do not 'snap' to their proper location or you do not see the
symbol next to an Element you'd like to delete. If this happens, scroll to the bottom of the story and click the
button.
Available Elements
For most standard pages, the list below offers an accurate representation of the Elements at your disposal. This list will absolutely continue to grow to meet the needs of our clients. Check back regularly for descriptions of new Elements. If, while using the CMS, you have a question about an Element and you can't find the information below, please let us know and we'll be happy to answer any questions you may have.
-
Section - This is the backbone of most pages; it serves as a container for the sub-Elements that hold the actual content. A standard page will consist of at least one 'Section', though you may use as many as you like (in order to divide the page up into logical content blocks).
- Title - A 'Section' may contain up to one 'Title' element. This element serves as a heading for the 'Section' (and is unrelated to the 'Title' field within the 'Information' area).
- Paragraph - Used for general blocks of text, this will likely be the element you use the most. The 'Paragraph' element has a collection of buttons along its top that can help you format your text and add links.
-
Block Image(s) Container - This element is used to display any number of consecutive images on the page. This Element contains several sub-Elements (explained below).
- Alignment - This designates how the image(s) will place in the page. The 'Float Right' and 'Float Left' options will allow text to flow around the images.
- Related Media - This sub-Element allows you to select and add a single image to the container. This element can be repeated multiple times to designate multiple images.
- Bulk List - The 'Bulk List' element enables you to specify an entire category of images to display, along with options for sorting.
- Block Image - This element is deprecated and should not be used to add new images to the page. It remains in the list to support images which were added before the creation of the 'Block Image(s) Container'.
- Block Thumb(s) Container - This element is used to display any number of consecutive thumbnail images on the page; these thumbnails link to larger versions of the image, which appear in an attractive picture viewer within the page. Its sub-Elements behave in much the same way as the 'Block Image(s) Container. Please note that, when selecting the images to use, you should always select the full-size images (the thumbnails will be associated/used automatically).
-
Document - This element is used to display any number of consecutive links to various types of documents (PDF, Word, Excel, etc.). A single document may be referenced by hitting the
button to the right. To display all documents in a given category, simply add the 'Bulk List' element and select the category(s) and document type(s).
- List - This element is used to display a list of bulleted items. A list will contain at least one 'List Item' element. The 'List Item' may then contain either a 'Text' element, a 'List' element (creating a nested list like the one you're looking at right now), or a combination of both.
- Definition List - This element displays a list of items which each have a bold heading followed by a descriptive paragraph. By default, the description is hidden until the heading is clicked (this element is especially useful for FAQs and Q/A's). The element also provides an option to show the items as a numbered list, as well.
- Map and Directions - This element will output an embedded, interactive Google map into the page. At a minimum, all you need to do is enter the address. Height and Width fields have been provided, should you wish to adjust the size of the map (all measurements are in pixels). Additionally, there is an optional Element available, should you wish to pass 'Additional Parameters' to the embedded map (this is for advanced users).
- Simple Contact Form - This element generates a four-field contact form that collects a user's Name, Email Address, Phone Number, and a brief Message, then emails that information to an email address of your choosing. You may also specify the subject of the email, as well as the name of the recipient. The Success Response field defines what message users will see on the page upon successfully submitting the contact information. Optionally, you can also add a 'Captcha' field to the form. This field requires users to input the letters from a scrambled image; it is designed to prevent spammers from using automated tools to spam your contact form. If you are interested in using the 'Captcha' field, the staff at RFX will be happy to assist you in acquiring the credentials to do so.
-
Google Calendar - This element allows you to embed a Google Calendar element into the page. This element contains several fields that will be explained further below.
- Title - This places a title over the calendar. Leaving this blank will result in no title. (This element is unrelated to the story Title or the Section Title).
- Default View - This field allows you to select the appearance of your calendar. The choices are a traditional Monthly calendar, a standard Weekly calendar, or an itemized Agenda view.
- Width and Height - These fields can be adjusted, should you so desire. However, the default values should be sufficient for most needs.
- Week Starts On - Designates which day will show up first in the week on your calendar.
- Time Zone - Select which time zone will be most appropriate for the people using your website. We have selected 'Eastern Time' as the default, as this is the time zone for the home office of RFX Technologies.
- Background Color - Ideally, this should be set to the same color as the background color of the area behind the calendar. This value must be in hexidecimal format (there are a number of web-based utilities that can help you determine a color's hex designation). For most sites, this color will be white (hex # ffffff).
- Calendar to Display - For each of these elements that you add, an additional calendar's information will be added to the embedded calendar. You simply need to provide the unique Calendar Address (provided when you create your calendar on Google's site) and select a color for that calendar from the list provided.
- Raw HTML Block (for advanced users only) - This element is only used when the previously mentioned elements will not achieve the desired result within a page. This should only be used by advanced users (typically RFX staff). It should be used sparingly and with caution; poorly formed raw HTML here could potentially break the layout/appearance of the page.
Categories
Categories define where your page is located within your site. This is similar to the folder structure on your home computer, with each slash (/) representing a new level of depth in the structure. A page may be related to multiple categories; doing so will output the content to multiple places on the site.
Output Channels
This area defines how the page is output to the web server. This information rarely changes; when changes are necessary, this work is best left to RFX personnel.
Contributors
This area is not currently used in the current RFX implementation of the CMS.
Associations
Within this area , you will be able to add keywords, which will be placed in the 'keywords' meta tag within the code of the page. Visitors to your website will not see this unless they view the source code of the page. Some search engines use these keywords to better place your page within a list of search results.
Saving
When you are finished editing the page, you should select
, and then follow the URI link in the Information area to preview your work. If you are happy with the result, use the
button and the corresponding select menu to place your work on the appropriate desk. If you want to preserve your work for later editing, then click the
button and the document will be placed on your workspace.
