Congratulations!
When you receiving this manual, it means that your CMS site is ready to operate and now ready to function according to your preferences and site requirements.
CMS makes it easy to build and manage a website. Using CMS, you can easily update, manage, and improve your website.

chapter I. General Overview

HOME Page Areas consist of the following:

1. Organization Logo
2. Newsletter
3. Social Media Icons
4. Main menu
5. Slide Show Area
6. News Highlights
7. Demos links
8. Advocacy
9. Advocacy Papers links
10.  Members Spotlight
11.  CSR
12.  YE/JA Updates
13.  Latest Video
14.  Sponsors
15.  Site Map
16.  Contact Information &Copyright

 

There are basically 2 ways of updating the content of your website, depending on how complex the changes are. You can update through the frontend site editing or from the CMS backend control panel.
The simplest way to edit text and from Front site Editing.
To do this, Go to Sitemap area and Click on Member Login and input your ‘username’ and ‘password’

Go to the menu article that you want to edit.
For example, editing ‘BOARD INFO’ page:

At the bottom of the article page, you will see this ‘edit’ button:

And you can edit this article in a similar function like a normal word processor editing functions:

Insert image with your article by clicking the ‘image’ button below the text area
Each editing tool has a tool tip to indicate what function this button is for:

Once you complete editing the page, don’t forget to click ‘save’ and ‘log out’

For Administrator level, you have special privileges. You can edit the same way as the above, and for a more important changes such as menu text, linking pages, modules, components, etc. you will require to edit through the back end of the site; the administrator area.
To log into the administrator area, go to this link:
http://loveincnatl.cloudsandbox.net/administrator
(Or whichever the temporary site link and add: /administrator)
Here, log in using the username and password supplied by your webmaster.

Once you log in, you will get below screen:

These main areas are basically the most common areas that Administrator needs to do to update content on a day-to-day basis.

All of your articles are managed from the Article Manager. You can get to the Article Manager by clicking on “Content”, and then on “Article Manager”.

Or from the panel, click button below:

The Article Manager is your one stop spot to manage all of the articles on your site.

You see the following:
1: Page title. This tells you where you are in your administrator area.
2: Action buttons. These buttons allow you to modify any of the items you see.
3: Submenu. These links give you access to important, related parts of your administrator area.
4: Search box. This searches for the title of something and allows you to quickly find what you’re looking for.
5: Filters. These are preset searches. They filter out the content, allowing you to focus your search.
6: Column titles. These are clickable titles you can use to sort the items you are looking at. For example, click on Title to search alphabetically or Date to search chronologically.
7: Items. These vary throughout the site and can be many different things, depending on what part of the site you are currently using. For example, if you are in the User Manager, the items show the users. If you are in the Menu Manager, this shows the menus, and if you are in the Article Manager, this shows the articles as in

 

 

Find the article page that you’re looking for from the Article Manager listing and when you click that particular article title, you will this screen:

You see the following:
1: Page title. This tells you where you are in your administrator area.
2: Action buttons. These buttons allow you to modify any of the items you see.
3: Most important content. This is why you’re visiting this part of the site. For example, if you’re in an article, this will be the main article text. If you’re in a user’s profile, this will be the user’s name, e-mail, and password. If you’re in a menu link, this will be the text people click on and the URL the link will send them to.
4: Extra options. These are extra settings, but they’re not as important as those on the left-hand side. For example, one option in an article may allow you to turn voting on or off. Another example is an option in a contact form to show or hide the e-mail address that the e-mail will be sent to.

 

The first step in creating your content is to categorize your articles / pages. We need to make sure that the information can be usefully organized.

Every article you create has a category. Articles are also ordered in relation to the other articles in the category. For example, look at the screenshot of the Article Manager above. To change the order of an article, just enter it in the “order” textbox. This will push the other articles in the category up or down, depending on where you move it.

Article Management Buttons
Use the “copy”, “edit” and “trash” buttons to manage your articles. Use the check boxes on the left of the screen to choose which articles to apply these actions to.
Note: If you accidentally delete an article you need, don't panic! Let your webmaster know, and he/she can recover it for you with the “Article Trash” feature.
This is perfectly fine. You don't have to have more than one category and/or more than one section.

1. Title
This is the title of your article. This will appear in the actual live page site.
2. Alias
This is the name CMS will refer to this article by. This automatically created once you typed in the title. However when you changed the title, make you delete this content as well so it will automatically create a new updated title.
3. SAVE AND CLOSE FUNCTION
Once you complete editing the article, don’t forget to save to apply the changes
4. Start/Finish Publishing Date
If you click on the calendar to the right of these boxes, you can choose which day to start or finish publishing on. For example, if you want to post a “Happy New Year” article, you can write it, and then set the “Start Publishing” date to January 1st. That way, you don't have to bother being online right when you want something to start or stop being published.
5. Editing Area
This is where you can edit your article. You will find that, by using the toolbars above this area, it begins to seem a lot more like the desktop word processors you are used to using.
6. Insert an Image

First, look at all of the pictures available and see if you would like to use any of them. If so, just click on the picture. If you would like to use a picture that is on your computer, click “Browse Files” at the bottom of the screen, and then “Start Upload”. Once the upload is done, your image will appear in the list.
If this image is somewhere else on the internet, you don't even have to upload it first. You can link directly to it! Just copy and paste the image's URL into the “Image URL” box. The “Image Description” box is the text that is displayed if there is an error with the image. The “Image Title” is the text that will be displayed on the tooltip if you hover over the image. If you check the “Caption” checkbox, you will see the title of the image below it. After you are done, scroll over to the top left and click “Insert”.

7. Insert a Pagebreak
When you view an article, you can choose to have everything on one page, or put parts of the article on different pages. You can choose which parts to put on which page with page breaks.
When you are editing, they look just like ………………………………………………..
When you press this button, you will see a dialog box that looks like this. Make sure you scroll over first, or you will just see the “Insert Page break” button.

The “Page Title” is the title that will be displayed at the top of that page of the article. The “Table of Contents Alias” is how that page will be shown in the table of contents of the article.
When you are finished modifying these settings, scroll over to the left again and click “Insert Page break”.
8. Adding a Read More Break
A Read More break is the divider that shows what users a preview of your article.
Everything above this break is the preview text; this text will be seen in the preview of the article as well as in the article itself. The content below the Read More break will only be seen if the article is clicked on. If you do not insert a Read More break, the whole article will be displayed. You generally do not want to do this, unless the article is just a short announcement. The nice thing about inserting a Read More break is the fact that there are no option screens to go through. Once inserted into the
Note: Do not worry if you don't see a “Read More” link or a page two when you click “Preview”. These only show up once you post it. Read More break will look like a red page break.

1. SHOW/HIDE Publishing details

Once you uploaded an article, be sure to set the parameters, whether you wish to show the author, created and modified date details:

If you wish not to show the above info, be sure to set to ‘hide’ on the 3 parameter below:

1. images/chapter1/ / photos upload

When you uploaded an image, be sure to set the parameters, whether you wish to show the author, created and modified date details:

1. Use web resolution file size and quality. This is to ensure faster upload of any page that contains images/chapter1/. Typically, file size should not be larger than 100KB. The smaller the better.

1. Be sure to crop the image based on the size that is required on certain area. Force fitting the image will cause the image distorted. Recommended size: 618 x 292 pixel

1. Be sure to crop the image based on the size that is required on certain area. Force fitting the image will cause the image distorted. Recommended size: 192 x 94 pixel. Advocacy images/chapter1/

              

1. Be sure to crop the image based on the size that is required on certain area. Force fitting the image will cause the image distorted. Recommended size: 192 x 94 pixel. CSR  images/chapter1/

         

1. Be sure to crop the image based on the size that is required on certain area. Force fitting the image will cause the image distorted. Recommended size: 192 x 94 pixel. YE/JA  images/chapter1/

             

1. Be sure to crop the image based on the size that is required on certain area. Force fitting the image will cause the image distorted. Recommended size: 216 x 216 pixel. Sponsors  images/chapter1/