Adding/Modifying Links on Pages/Sidebars

You can add, modify, and remove links in the content area (body copy) or right sidebar on your web page:

  • Add a CMS Link: link to another CMS web page or file (pdf, doc, etc)
  • Add a External Link: link to a page outside the CMS
  • Update/Modify a Link: update or modify a preexisting link
  • Removal of a Link: remove a link from your page

Continue reading


Formatting Unordered Lists

We have provided you with some CSS class options for formatting your unordered lists. You may include bullets and spacing. You may remove the bullets, but leave the spacing. Or, you maybe remove the bullets and the spacing. To create an unordered list, use standard HTML similar to this:
<ul>
<li>Item 1</li>
<li>Item 2
<ul>
<li>Sub Item 1</li>
<li>Sub Item 2
<ul>
<li>Sub Sub Item 1</li>
</ul>
</li>
</ul>
</li>
<li>Item 3</li>
<li>Item 4
<ul>
<li>Sub Item 1</li>
<li>Sub Item 2</li>
</ul>
</li>
</ul>

Continue reading


RSS Feeds

What is an RSS Feed?

A file, constantly updated, that contains a list of items. Items contain, at minimum, a title, link, and description.
RSS Feeds can be viewed using your web browser (Firefox or Safari).rss-symbol

Most web sites provide links to view a feed directly. This is usually designated by the RSS icon (right) or a text link (e.g. “subscribe to this feed”).

How Do I Subscribe to an RSS Feed?

Safari

In Safari, if a page has the option set you can view its feed by clicking on the RSS icon on the web page or in the address bar.

RSS Symbol (Safari)
RSS Symbol (Safari)
Continue reading


CMS Item Naming Conventions

It’s important to choose your system titles wisely, regardless of what items you are creating in the CMS. The system title is only used within the CMS and is only seen by CMS users. That doesn’t make it any less important, though. Clear, well thought out system titles allow your items to be findable and reusable within the CMS. Use system titles that are descriptive and specific to the item you are creating. The better the name, the better the chance of it being found, used, and reused. It’s important to note that your department may have different ideas of what naming conventions do and do not make sense. Here are some general suggestions and conventions for naming your CMS items. You may decide to follow the ones that make the most sense to you and for your department’s CMS website.

Continue reading


Choosing a Page Layout

This post is aimed at making you aware that there are a number of ways that you can layout a web page within the CMS. Most of the time, you will be using Figure 1, 2, 3, or 4 as your layout. We will outline a number of different possibilities for you, though. Note that a layout will already be chosen for any web page already created in the CMS. If you are creating a new web page, you will be able to choose your own layout based on what components and slots you use. Below, you will find an image of a layout followed by a description. There are 12 layouts in total.

Continue reading


How to Use Link Anchors

Link anchors are a very useful tool to help users navigate to specific locations in a long, detailed web page of useful information. An anchor is a reference to another point in a page and has the format “#link”. As an example, you can skip to the footer of this blog post by clicking on this link anchor: footer. Notice how the page scrolls down to the bottom for you.

We will begin with a short lesson about using link anchors in general. Then, we will explain how to attach link anchors to CMS links.

Creating Link Anchors

You must use HTML code in order to create a link anchor on your page. Link anchors are created by adding an ID to an existing tag on the page. For example:

<h2 id="anchor">Heading Text</h2>

The tag may be a heading, like the example or it could be a paragraph (<p>) or some other tag that exists at the point you want to link to. Use the above code to set up anchors throughout your web page. When in the CMS, you will need to do this using the code view of ePhox. Once you have your anchors set up, you are ready to link to them.

Continue reading


Adding Items to the Right Sidebar (Slotting)

You can add a number of items to the right sidebar. Highlights, images, buttons, and menus are a few options. We are going to concentrate on the most-used item, a Highlight. Highlights are used on a number of CMS websites to display additional information and/or related links. Here are a few sidebar examples:

Right Sidebar with text, bullets, and links
Right Sidebar, list of links

Continue reading


Add/Update Banner Images

Your department’s website is most likely filled with photo banners to liven up its look and feel. Photo banners appear at the top of webpages and include a border around them. We generally make sure each level 1 webpage (main left navigation links) has a full banner. Level 2 webpages (sub-navigation to main left navigation links) may use banners or sub-banners depending on content and preferences. The use of banners and sub-banners varies by department and website section.

Banners come in two sizes: full banners and sub-banners. Full banners span the width of the entire content area of a webpage and go above the right sidebar (if one exists) while sub-banners appear to the left of the right sidebar in the content area. Banners should be no more than 130 pixels tall, so the image does not move your webpage’s content too low on the screen for your users to instantly read.
Continue reading


Formatting the Right Sidebar

This post covers the different formats available to you when slotting items into the Right Sidebar. You have the following styling options:

Note that we have a separate post discussing how to slot items into the right sidebar. There are a number of different format options when slotting a Highlight into a sidebar. We will discuss the main ones: A boxed right sidebar with and without a title, an open right sidebar (box) with and without a title, and a right sidebar spotlight.

You can slot Highlights and Images into the right sidebar. There are two right sidebar slots available for you to use: Right Sidebar Slot – Boxed( 565) and Right Sidebar Slot – No box( 539). Open your Slot Editor for a Generic and you’ll notice these two slots (with or without items slotted):

Empty right sidebar slots
Empty right sidebar slots

Continue reading


Styling Tables

Tables aren’t as commonly used in websites today as they used to be. They are an outdated way of laying out a design, but are still a viable option for presenting organized data. We have given you some options for styling your data in tables to allow for a clean, visually appealing look.

Although it isn’t a requirement, it is good practice to specify a width for your table and your table headings. Do this in ePhox code view using inline CSS. If you would like your table to take up the full content area available, we recommend setting your table width to 98 percent. Later, if you add a right sidebar next to the table, Internet Explorer will render it correctly. If you would like your table to be smaller, specify a width of your choice.

Continue reading