Jun
16
Page Manager
Filed Under Extensions, SkyBlueCanvas CMS
Pages
SkyBlueCanvas is built first-and-foremost around the concept of pages as the base container. A page can contain text, pictures and other containers (also called collections).
When a new page is created in SkyBlueCanvas, it is automatically associated with a menu item. You create a page, add text and pictures, then indicate in which menu the page should appear (or no menu at all).
View Page List
Diagram 1
Click the Pages icon on the main dashboard and you will be re-directed to a list view of the existing pages in your site. All managers in SkyBlueCanvas follow the same structure:
- List View
- Item Editor
- Groups Editor (optional)
The controls on each List View page will vary but typically will include:
- Add (Diagram 1-A)
- Edit (Diagarm 1-B)
- Delete (Diagram 1-C)
Adding A New Page
Diagram 2
Click the Add button (Diagram 1-A) to add a new page. This will open the Page Editor (Diagram 2).
At first glance Diagram 2 may look a bit overwhelming but it is fairly straightforward and easy to explain.
Diagram 2-A
Item A in Diagram 2 highlights the Title Bar Text field. Whatever you enter in this field will appear in the Title Bar of the browser window when someone visits your web site.
Diagram 2-B
As mentioned previously, when you add a new page, it is automatically associated with a menu item. Items B highlights the text that will appear in the Menu Link for this page. So, if you enter Home Page in this field, the menu item will read Home Page.
Diagram 2-C
Diagram 2-C highlights the selector with which you indicate _which_ menu the menu item for this page should appear. SkyBlueCanvas allows you have create different navigation menus for your site. We will cover creating Menus in the [Menus] section.
Diagram 2-D
Diagram 2-D highlights the selector for choosing which HTML template to use for this page. SkyBlueCanvas allows you to create an unlimited number of page layouts with your Templates which can be assigned to individual pages using the selector in Diagram 2-D.
Diagram 2-E
Diagram 2-E highlights the Parent Selector. The Parent Selector allows you to assign a page as a child of another page to create structure to your site. The Parent-Child relationship between pages is closely tied to the way SkyBlueCanvas builds menus. When a page is assigned as a child of another page, the child page will appear as a sub-menu of the menu item for the parent page. You can create as many sub-levels of pages as you want in SkyBlueCanvas so you can a Parent-Child-Grandchild-greatgrandchild setup if your site calls for it.
Diagram 2-F and 2-G
Diagram 2-F and 2-G highlight the HTML editor. SkyBlueCanvas uses the Wymeditor WYSIWYM (what you see is what you mean) Semantic HTML Editor. The editor is intended to create semantically correct, structured XHTML.
Diagram 2-F indicates the Tool Bar. If you are familiar with Rich Text editing and Word Processors like Microsoft Word, you should recognize these controls.
Diagram 2-G indicates the body of the editor where you edit the text and pictures for the page. Simply click your cursor in the grey area if this is a new page, or anywhere in the body of the text if this page already has text, and start typing.
Diagram 2-H
SkyBlueCanvas allows you to apply Meta Data to pages globally or page-by-page. Meta Tags are created in the Collections control panel. Once created, the Meta Groups can will appear in the area highlighted by Diagram 2-H as check boxes. To apply the desired meta group to this page, simply check the box next to the group name.
You can also enter keywords associated with this page in the text area indicated in Diagram 2-H.
Diagram 2-I
Diagram 2-I indicates the selector that allows you to publish-up or publish-down a page. This feature allows you to create a draft of a page without actually displaying it as a menu item or on the site as viewed by the public.
Diagram 2-J
Diagram 2-J indicates the selector that allows you to specify a page as the Home Page or Default Page. Only one page can be set as the default. The default page is the first page that is viewed when a visitor comes to you site.
Diagram 2-K
This is pretty self-explanatory but once you have finished editing your page, click Save and the page is saved.
Comments
Leave a Reply