Welcome

Welcome to the scoutsni.com Editors' Guide to Content Management. This guide is here to help you use the administration section of scoutsni.com. To begin, click on the area you are interested in on the tables of content below. Within the documentation, you can click on this image to see a picture. Image At each section, you will see a set of links on the left - links in green are recommended next steps. For a start to finish guide, begin at Logging In. Enjoy!

Table Of Contents

Logging In and Out

Logging In

Enter http://www.scoutsni.com/administrator/ in your browser's address bar or click the Administrator button on the website. Image This is the login page for the admin interface of scoutsni.com - you may wish to add this to your favourites.
The administrator will have given you a username and password to use in the administration area. Enter these on the page and click on the Login button to log in. Image You are now signed in to the admin area of the website.

What Next?


Logging Out

When you are finished using the admin area, click on Logout (username) at the top right of the page, on the main menu bar. Image This will take you back to the frontend of the website and log you out.

Managing Content

Viewing Existing Content

To view existing content, hover over Content on the main menu bar and click All Content Items in the submenu. Image

Now you will see a page listing some of the pages on the website. Image This page is called the Content Items Manager. To find the content you are looking for, you can either browse the list or filter it. To browse, click Next > at the bottom of the list and read the titles until you find the page you are looking for.

To filter the pages, you can either select a Section and/or Category, or enter a search term. To search by Section or Category, select the section or category you are looking for from the dropdown lists at the top right of the page. To search, enter a search term into the box underneath, which is marked "Filter:", then press the Enter key on your keyboard. Image

When you have found the content you are looking for, click on its title to view or edit it. If there is a padlock symbol beside it, someone else is currently editing it. Image If this padlock symbol remains there for a long time, contact the administrator and ask them to perform a Global Check-in.

Editing Content

When you click on a content item in the Content Items Manager, you will see a screen showing the content item and its details. Image

To edit the content shown, use the WYSIWYG editor which is just like Microsoft Word. For more details, click here.

When you are finished editing, click the Save button to save the content and return to the previous page. If you do not want to edit the content, click the Close button - this will return you to the previous page without saving any changes you have made to the content.

Note: While you are editing the content, it is locked (or "Checked Out") so that no other user can edit it. When you click Save or Close, the content is unlocked. However, if you do not click Save or Close when you are finished, your changes will not be saved and the content will remain locked, meaning no-one but you will be able to edit it. For this reason you should never close your browser, use your browser's Back or Home buttons, or navigate to another address directly from an editor page.

Adding New Content

To add a new content item, click the New button on the Content Items Manager page. Image

You will see an interface like the one for editing content. The first thing to do is type a title into the Title box. You should type the same title into the Title Alias box. Image

Next, select a Section and Category for your content. For example, if your page was going to be about Car Parking at Crawfordsburn, you would select Activity Centres as the Section and Crawfordsburn as the Category.

Now it is time to type your content. You should try to divide it into two sections - Introduction Text and Main Text. If you don't split it, type it all into the Intro Text area.

Now use the WYSIWYG editor to enter and design your content. For more details on the editor, click here.

When you have finished editing your content, click Save to save it. Next you need to add a menu item linking to your content.

Deleting Content

To delete content, tick the checkbox beside it on the Content Items Manager page Image , then click Trash. Image The content item will be sent to the Trash section and will be inaccessible from the frontend of the website.

Note: This should only be done after you have deleted the Menu Item linking to it. For instructions on how to do this, click here.





Managing Menu Items

Viewing Existing Menu Items

To view existing menu items, hover over Menu on the main menu bar, then click on the menu you wish to view, edit, or add to. Image The two main menus are mainmenu and topmenu. mainmenu Image is the menu which displays on the left of the page and topmenu Image is the menu at the top of the page above the logo. Some Sections or Categories also have their own menus - sectionmenu is the Network menu which displays in the place of the mainmenu on pages in the Network section. The two scoutlink menus are used on the Scoutlink site in place of the Scoutsni menus.

When you have clicked on the menu, you will see the Menu Manager page for that menu. Image

Adding a New Menu Item

To add a new menu item, click on New on the Menu Manager page for the menu you have chosen. Image

You will see a page listing all the available types of menu items. This section is about adding a link to a content page - to find out about the other types, hover over their names on the list.

Click on the round box to the right of Link - Content Item and click Next. Image

You are now on the Add Menu Item :: Link - Content Item page. First, type a name for your menu item into the Name box - usually a shortened form of the content item's title which is still descriptive. Then select the content item from Content to Link box. Now jump to the Parent Item box. Here you can decide what you want the parent item of the menu item to be. This usually works by the Section name, then the Category name. Image

Example: If the content item was Car Parking at Crawfordsburn, the name would be Car Parking. This may not seem very descriptive - it could be car parking anywhere. But if the Parent Item was Activity Centres > Crawfordsburn, then a user would know that the car parking was at Crawfordsburn.

Click Save to add the item. You will return to the Menu Manager page, but your new menu item will be at the bottom of the list (or, if it has a parent item, the bottom of the children). If you need to move it, browse the list until you find it and click the up or down arrows to reorder it.

Now you need to set the correct menus to appear on the page you've added the link to - see the Selecting Menus to Display section.

Editing Menu Items

To edit a menu item, click on its Name in the Menu Manager.

You will see a page like the Add Menu Item page. However, many of the settings cannot be changed once the item has been saved for the first time. Here, you can change the Name of the item, its parent item and its location on the menu. Image

When you have finished editing, click Save. You will return to the Menu Manager.

Deleting Menu Items

To delete a menu item, tick the checkbox to the left of its name on the Menu Manager page Image , then click Trash. Image This sends the item to the Trash section and the item will no longer display on the frontend of the website. However, the content item will still exist and must be deleted seperately.

Selecting Menus to Display

When you add a new content item, the topmenu and mainmenu will not be displayed on the page by default. To add the menus, hover over Modules on the main menu bar and click Site Modules. Image

Using the filter box at the top right of the page, search for Top Menu and Main Menu. Press Enter after you type each search. Image

Click on Top Menu Image and Main Menu Image when you find them. When the page loads, find your new menu item in the box on the right. Hold down Ctrl and click on it. Image

Note: Don't just click on the item - if you do this, the menu will only display on one page. If you do accidentally do this, click Close and try again.

When you have finished, click Save.

Managing Your User Details

Changing your Details

To change your details, click on Home on the main menu bar. This will load the page you see when you log in. On the right of the page is a section marked "Currently Logged in Users". Image Find your username in the list and click on it. Image

In the Name field should be the name used to identify you on the site - this will be shown in the admin area as the last editor of a page and may be shown in the frontend to show who wrote or updated a page.

The Username field shows the username you use to log into the site. Usually you shouldn't need to change this.

Next is the Email field. If you wish to change your email, enter your new one here.

If you wish to change your password, enter a new password into the New Password box and type it again in the Verify Password box.

When you have finished editing your details, click Save.

Miscellaneous

Using the Editor

The WYSIWYG editor is like Microsoft Word. WYSIWYG stands for What You See Is What You Get, meaning that when you make a change, you see it in the editor as it will display on the website - What you can see is what you will get. Image

Some features, however, are more complex.

To add an image, click the Insert Image button beneath the editor area. Image {mosimage} will be added to the text. Now scroll up to the top of the page and click the Images tab on the right section of the page. Image Here you can select what image you would like to use. Use the Sub-folder dropdown to select what sub-folder the image is in and click on the image's filename in the box above. Then click >> to add it to the list on the right. If you have more than one {mosimage} tag in the content of the page, the each one will use the next image in the list. Use the Up and Down buttons to reorder the images.

The Insert Page Break button Image adds {mospagebreak} to the text. Using this tag splits your content into multiple pages in the frontend.