Welcome to the Vancouver Web Design Studio of Jordan Klassen

Using our Content Management System (CMS) to Manage Your Website's Pages

Initial Screen

The main screen displays a list of the links on the site (usually links are pages but there are a few exceptions). The following explains the different fields and options on this page:

The link to Add a Page allows you to add a new link to the site.

The first column is the link's location relative to the domain name. So /studio would refer to (and link to the page at http://www.treloarphysio.com/studio.

If a link is tabbed over from the left margin, it means it appears within or below the section above. So for example under the /studio link and tabbed over, you could have a /team link, this would refer to the page http://www.treloarphysio.com/studio/team

The Nav Label column displays the name of the link as used in navigation. This is often a shorter name than what might be used in the page title or heading.

The Type column displays the type of link. The different "types" are described under the Add/Edit Page Fields below.

The Sort column lets you change the order of pages. The sorting column may have its own sub-columns so that you can sort within a section (to say re-order the different team members). The lower numbered item appears first. The numbers don't need to be sequential. If two links have the same sort value, they are sorted alphabetically. Once you've changed the numbers click the "sort" button to save the changes.

Last you can click on Edit or Delete to change or remove a particular page.

Add / Edit Page Fields

When you follow the Add a Page or Edit links, you will be taken to a screen that lets you set a number of options and values for this page. The following explains each of these options:

The Parent field allows you to select a page that this new link will appear below in the site hierarchy. If you select "No Parent" it will be a part of the site's main navigation.

The Type field, lets you select what type of link you are creating. There are a few main types of links, not all of which may apply to your site:

• Header, this is a label or category that contains pages within it. If the header is clicked on, it will take you to the first page under it.
• Page, which have their own location
• Part, which display at the bottom of the page above it.
• App or Include, this means that in addition or instead of the content in the body of this page, it includes another file with advanced functionality (like a contact form).

There are a few reasons to use multiple parts instead of just having all the content in a single page.

• If the content might grow to be a separate page in the future but for now you want to include it on the page above it.
• If you want to easily be able to add new parts or re-sort them.
• If you want to link to a specific part using an anchor link as in http://www.treloarphysio.com/studio/team/#elan

The Name field is what forms the location or url of the page. It should be short, lowercase and have no spaces.

The Status lets you determine how the page is displayed. "Linked" means the item appears on the site and in the navigation. "There" means the item can be visited directly but doesn't appear in the navigation, and "hidden" means the page is nowhere to be found on the site.

The Navigation Label is what is displayed as the link on the navigation bar.

The Page Title appears on the browser bar, start bar and in bookmarks. It is appended to the front of the titles of the pages above it and the title of the site.

The Keywords refer to the meta keywords. They are hidden on the page and used by search engines. The Description field is similar but this field is sometimes used elsewhere on the site when a description of the page is helpful.

For more on how to optimize the keywords, descriptions and other fields for search engines see our SEO Guide.

The Header field is the title that appears at the top of the content.

The Body or Content field uses FCK Editor to allow you to visually edit the content of your pages. For more information see Using CK Editor / FCK Editor.

^ Back to Top