Editing Your Home Page

You must log on to the site before you can start editing your home page.  Only those users assigned to the User Role of Web Page Editor are allowed to edit the home page.

After logging on to the site, stay on the home page and click the icon in the upper right corner of the page to reveal the Tools menu, as shown at right.

If you are on the home page - or any other page that you can edit - you'll see "Edit This Page" at the top of the Tools menu.  Select that option to begin editing the current page.

Once you are done editing the page, go back to the Tools menu.  The top item will now be "Exit Page Edit".

 

Page Sections

 

When you enter edit mode, you'll see the page divided into sections, as shown above.

There are two types of sections:

 

The first type of section will have four buttons at the top:

 

Widgets only have two buttons: "Settings" and "Delete".

The buttons that you see scattered about the page will create a new section in that location.

 

 

When you click the icon, the system will display this pop-up window with the settings for your new section.

Choose between "My Content" which will allow you to enter text and images, or "Widget" which will fill the section with information from your database.

If you select "Widget" you'll then choose the type of information you want to display in this section.  Your choices currently include:

 

For any of these widgets you can specify the maximum number of entries that will be displayed.  This can be used to limit the height of this section

The Maximum Width will default to an appropriate value for the type of section you've selected.  For "My Content" sections, this can be used to adjust the height of the section.

Public Access determines whether the public can view this section without logging on.  If you select "Public Only", the section will be visible before you log on, but not after.

The default Background Color is "transparent", but you can change this to any color you want.  The drop down list gives you some standard choices, but if you select "Other" you'll have the opportunity to enter any RGB color you'd like.  On most brosers other than Internet Explorer you should see a color picker.

Border will draw a border around this section and Shadow will create a shadow effect behind this section.

 

WYSIWYG Editor

 

Clicking the "Edit" button will open up the editor for that section, as shown above.

This is the same editor you use when you compose an e-mail message.  It gives you control over font size, color, and other formatting.  It is a popular open source editor called CKEditor.

You can drop images into this section and resize them by pulling on the lower right corner of the image.

Best of all, if you accidentally delete your work, the Restore button at the bottom of the editor window will let you pick an earlier version of this content.

 

Source

 

The "Source" button will display the raw HTML source code for this section, as shown above.

You can edit the HTML, or copy and paste HTML that you've compsed in another editor.

There is no limit on the number of characters you can enter or copy into this window.

Note: If you add complex HTML to a section using the "Source" function, do not subsequently use the "Edit" function to modify it.  The WYSIWYG editor may modify your HTML and remove some of your code.