Navigator WYSIWYG Editor Help

Introduction: How Navigator works | Using the Navigator Editor
Adding Pages | Building Pages | Page Block Types | Menus
Publishing Pages | Hiding Pages | Ideas for building pages

Introduction: How Navigator CMS works

Back

Automatic File Management: The Navigator CMS Editor with WYSIWYG and Meta Tags stores information in a database and images in a folder. No need to upload images to an "image library" then link to them: upload your image, and it's stored in a folder. Navigator intelligently links to it. Your website pages "call" the text information from the database, and call images from the folder and display them on the web page.

Navigator websites are built using:

1. Sections (Tabs) Sections appear as a horizontal menu just above the content area and below the window with Help buttons. A section of the website is a major division of the website with pages of information under it. Each section has its own list of pages.
   
   Add sections by clicking the Add Section button just below the row of section links. A new section will be added at the right side of the row. Edit a section by clicking the Edit Section button. Click the left or right arrows to change the order in which sections appear
   
   
2. Pages in Sections. The list of pages under each section on your public website appears to web visitors as links in the dropdowns in the horizontal menu, if your design uses dropdowns, and in the page menu if you use one. In the Navigator CMS Editor, pages appear in a menu of links on the left side of the screen.
   
   Add pages by clicking Add Page.

To edit a page, first click the section in which the page appears, then click the page link in the left menu.

Building Blocks of a Navigator Page

Navigator pages are built with building blocks called Page Blocks. When you create a page, a default link appears in the left menu, and a form appears in the content area. The form lets you edit important parts of your page. It contains information about the link that appears in the menu, and whether the page is visible to the public (Published) or hidden for editing (Unpublished).The new Navigator also adds an important new feature: meta tags!

Meta Tags

Meta tags are the tags in the html code of a web page that help browsers know what is in the website, and are instrumental in search engine rankings. Navigator includes three essential metatags:

Title: used by all search engines as a guide to content on the page and in the website

Description: used by all search engines for search terms and a guide to content.

Keywords: used by some search engines for search terms and as a guide to content.

Navigator's meta tags are extremely flexible. You can add them in a section, and those will appear on every page in the section. If you enter meta tags on a page, that page will have its own meta tags, but all the other pages will have the meta tags they inherit from the section. You can be extremely detailed about keywords and descriptions throughout your site, and give search engine spiders or "bots" a big boost in classifying your site.

Page Blocks

This first Page Block is the Parent Block. When you begin to build your page by adding Page Blocks, those Page Blocks are "children" of the Parent Page Block. If you delete a page, the Parent block is deleted along with all its child blocks.

Depending on what kind of Page Block you choose, you can upload photos, set them to align left or right, make text wrap around pictures, or center the image so text sits below it. You can give the image a caption. You can enter header and subheader, and enter text in two different areas with two different styles. You can create links to web pages, email links, and bulleted and numbered lists, right within the paragraphs of text. The WYSIWYG editor makes it easy to create links inside paragraphs. There's also an html page block for entering html code if it's necessary for some special display or feature. See the HTML section of this help file for more information. If you don't enter any information in a field, the public web page doesn't display anything, and doesn't leave space for it.

This means you can use Page Blocks for special formatting, for instance if you wanted a subheading before a photo. An Image or Text-Image block does not include a subheading. In this case, you would add a Page Block and choose the block type of Text. Add a heading and subheading, leaving the Text 1 and Text 2 fields blank. Save your changes. Now add another Page Block, this time of type Image or Text-Image. Upload an image and place it to your satisfaction, enter text if desired, and Save Changes.

Whenever you edit a page block, be sure to click the Save Changes button to save your changes. You must save changes in the block you are working on. Each Page Block has its own Save Changes button.

Using the Navigator CMS Editor

Back

There are three possible states of a page or a section: Published, Published but hidden (no link text) and Unpublished (the U indicates an unpublished page or section, P is published).

The first published page of the first public section is the page visitors see as the "home" page. The first section is the leftmost section in the horizontal menu; the first page is the topmost page in the menu at left.You can rearrange items in the Section menu by clicking the left or right arrows. You may rearrange Page menus with the up and down arrows. In the Editor, the page menus appear on the left as links with up and down arrows associated with them. In the public site, each page link becomes a link in the dropdown menu. You may rearrange Page Blocks in the page by using the up and down arrows in the list of Page Blocks at the top of the page, or by clicking the Move Up or Move Down arrows in the Page Blocks themselves.

At the top of the form you will see "Edit Page Info" followed by a button labeled Add Page and a button labeled Preview Page.

Edit Page Info by typing or pasting information into the form fields. Click the Add Page button to create a new page. It will be created with a link to it in the menu. Click the Preview button to preview the content on page before making it public. The preview opens in a separate window; close it to return to the editor. This lets you know if your picture is the right size or in the right place, lets you see if your text needs editing, or indicates whether you might need a heading or subheading to make your information clearer. You can preview any page, but only published pages will show on the website. To get a preview on the live website, publish the page, navigate to it in the public website, and check it. Unpublish it by clicking the P button. Click the P to unpublish. The P will change to a U. Click the U to publish; the U will change to a P.

Adding Pages

Back

Add a page by clicking the Add Page button at the top of the editor.

Building Pages

Back

Build pages by adding Page Blocks. The Add Page Block button is located at the top of the Parent Page Block at the top of the page, just below the sections. Page Blocks are like building blocks stacked one on another, except that pages are built from the top down, they way you write.

Build the page using Page Blocks as building blocks. The first Page Block is the Parent Page Block. Beneath each Page Block you have added, there is a button labeled Insert Page Block. This will insert a page block immediately below. If you have a page with several blocks in it, and you want to insert a block in the middle, navigate to the block just above where you want your block to be, and click Insert Page Block.

New page blocks are added at the bottom of the page or in the place you insert them, and a link to the block is automatically created near the top of the page. This is handy when you have created several page blocks. To edit a page block, click the link to it and you are taken down the page directly to that page block. Choose different block types for different kinds of formatting and content options. You may rearrange the display order of page blocks by clicking the Up or Down arrows.

Page Block Types

Back

Because the first Page Block includes the menu link and performs other "duties," not all Page Block types are available in the first Page Block, or may display slightly differently.

Menus

Back

The list of pages automatically shows up on the left as a clickable menu as pages are created. Click the page link to edit that page. You may change the order of links in the menu with the up and down arrows, or delete them with the x button. Caution: when you delete a link, it deletes the page and all its page blocks.

Publishing Pages

Back

By default, pages and sections are unpublished, and not visible to the public. This allows you to edit them before publishing them. To get them to show to visitors, click the red P button at the top of the page. Each time you make a change to a page block, you must click the Save Changes button in that block in order to save the changes.

Hiding Pages

Back

There are two kinds of hidden pages. One is an un-published page, which is not visible to the public. The second is a page with no link text. A page with no link text may be published by clicking the red P button, but no menu item will display on the public website. This allows you to create many pages, such as FAQ pages, privacy policy, etc, without cluttering the visible menu with many links.

Creating pages like this and linking to them is simple:

1. Create the page as usual, with link text so it shows in the menu.
2. Publish it by checking the red P button.
3. Create a Crosslink block, and choose the published page, or view the published page on the public website and copy its address.

An alternative to this, using an HTML link block or a link created with html inside a paragraph:

1. Create the page as usual, with link text so it shows in the menu.
2. Publish it by checking the red P button.
3. Navigate to the page on the public website, and copy the address from the address bar.
4. Return to the editor and create an HTML link block (or create a link in a paragraph using HTML) anywhere in a page, pasting the address you just copied in the url area of the link.
5. In the Editor, Choose the page you just linked to, and delete the link text. The left menu will be updated, and the page link will now say (no link text).
6. Click Save Changes and the page is now published, but with no visible link. It is only accessible by the link you created.

Ideas for building pages

Back

If you wish to show information about your board members,

1. Create a page called Board Members.
2. Add a Page Block and choose Text Image as the type.
3. Enter the board member's title in the heading.
4. Upload a photo of the first board member (keep all photos the same size, or at least the same width, for a clean look)
5. Enter the board member's name in the caption.
6. Enter text about the board member in the text area.
7. Add a Page Block and choose Email Link as the type.
8. Enter the board member's email address.
9. Continue to build the page with Text Image Item followed by an Email link block.
10. To change the order of board members on the page, you will need to move both the Text Image block and its associated Email Link block up or down.

If you wish to build a contact page,

1. Create a page called Contact Us
2. Add a heading and subheading if desired.
3. Either use the text available in the first page block, or add a page block for contact text.
4. Enter email addresses by creating Email Items or using HTML as referenced in the HTML Tips.

Experiment with combinations of page blocks to achieve the layout you want.