CMS Made Simple User Guide
By: Jeff O’Brien – Web Made Simple
A. Admin Login
i. To access the admin login for your site, go to the following URL:
ii. Type in your Username & Password.
iii. Select the Submit button to login.
Figure A-1: Image of the Admin Login page.
B. CMS Made Simple Admin Panel
i. The Admin Panel is comprised of the following sections: CMS,
Content, Layout, Users & Groups, Extensions, Site Admin, My
Preferences, View Site and Logout (icons to the right of the menu).
1. The CMS section is the Admin panel home.
2. The Content section is where you add and edit your
website’s content. It is comprised of 4 Subitems: Pages, File
Manager, Image Manager and Global Content Blocks.
a. Pages: Edit, delete and modify your website pages.
b. Image Manager: Upload Image files
c. Global Content Blocks comprise the HTML code for the
Footer and Header for your website.
d. File Manager: Upload files such as; Documents, PDF’s
3. The Layout section is where the website visually is setup
through templates, style sheets and menus. Unless you
know what you are doing, please do not edit anything is this
4. The User & Groups section is were you set up the backend
user permissions for the website. Unless you know what you
are doing, please do not edit anything is this section.
5. The Extensions section is were all the tags and modules are
installed and setup for the website. Unless you know what
you are doing, please do not edit anything is this section.
6. The Site Admin section controls various site-wide
preferences. Unless you know what you are doing, please do
not edit anything is this section.
7. The My Preferences section is where you can customize
your user account. It is comprised of 3 Subitems: My
Account, User Preferences and Manage Shortcuts.
a. My Account: Edit User properties such as; Name
(username), Password, First Name, Last Name, Email
Address and Active.
b. User Preferences: Please do not edit these settings.
c. Manage Bookmarks: Set any desired Bookmarks for
the Admin Panel.
8. When you select the View Site icon, a new browser window
will open displaying your website.
9. When you select the Logout icon, you are logged out of the
Admin Panel and the Admin Login page will be displayed.
Figure B-1: Image of the Admin Panel page.
C. Content Section
Figure C-1: Image of the Content page.
i. This is where you add and edit your website’s content.
ii. To edit a current website page, select the desired page name under
the Page menu.
iii. To create a new page, select the Add New Content link.
Select to expand to access
pages (submenu or child Copy Page Delete Page
Edit (Select a page Move or change the
name to edit) website menu order.
View Page Edit Page
Figure C-2: Image of the Edit pages menu.
b. File Manager
i. This is where you upload and manage your files (use Image Manage
to upload images).
ii. To upload a file, select the File folder (ALL FILES MUST BE
UPLOADED UNDER THE FILE FOLDER).
iii. Select the Upload files tab to select the desired file off of your
computer’s hard drive.
iv. Select the OK button to upload that file to your website.
v. To delete a directory (do not delete the File, Flash, Media or images
directories) or a file (files are displayed once you select a directory
name under the Filename menu), select the little red ‘x’ icon to the
right of the desired file.
Figure C-3: Image of the File Management page.
c. Image Manager
i. This is where you upload, edit or remove images. Please use this to
upload your images. Image Manager creates thumbnail files that
are needed for the Image Gallery plug-in while editing or creating a
ii. To upload an image, select the Browse button to select the desire
file off of your computer’s hard drive.
iii. Select the Send button to upload that file to your website.
iv. To delete a file, select the little trash can icon under the desired
v. This edit an image (i.e. size, crop, etc…), select the little pencil icon
under the desired image.
Figure C-4: Image of the Image Manager Page.
D. My Preferences
a. Please do not edit your user preferences unless you really have to.
b. My Account is where you can update your personal account details such as:
Name (username), Password, First Name, Last Name, Email Address and
c. User Preference is where you set specific preferences for site
administration. Please do not edit these settings.
d. Manage Shortcuts is where you can manage your administration
bookmarks or shortcuts.
Figure D-1: Image of the My Preferences page.
E. Editing Website Content
a. When you create a new page (or select an existing one), the Edit Content
page will be displayed.
Figure E-1: Image of the Edit Content page.
b. Leave the Content Type as Content.
c. Type in the Title for the new page in the Title text area.
d. Type in the Menu Text for the new page in the Menu Text text area.
e. Select a desired Parent page (if any).
f. You will usually leave the Template as to what is already selected.
g. To enter or edit the Content is similar to using a word processor. Type in
the desired text and if needed, change any of the text properties by
highlighting the text and selecting the appropriate icon from the Content
toolbar (e.g. bold, underline, center, etc…)
i. Insert an internal link
1. If you have text that needs to be linked to an internal
webpage, highlight the text and select the Insert/Edit
CMSMS link icon from the Content toolbar.
2. Select the desire page.
Figure E-2: Image of the Insert internal link dialog box.
ii. Insert an Internet or External link
1. If you have text that needs to be linked to an external
Internet page, highlight the text and select the Insert/edit
Link icon from the Content toolbar.
2. Type in the desired Internet address in the URL text area.
3. Select Insert when you have entered in your link.
Figure E-3: Image of the Insert/Edit Link dialog box.
4. If you wish a new browser window to open up when the
Internet link is selected, select Open in new window
(_blank) in the Target text area.
Figure E-4: Image of the Target options.
5. If you do not want an Internet link, but rather an e-mail link,
type in the email address and select Insert.
6. A dialogue box will pop up asking if the address you entered
is an email address. Select OK.
Figure E-5: Image of the Link Type options.
iii. Insert an Image
1. To insert an image into your webpage, select the
Insert/edit Image icon from the Content toolbar.
2. Select the Browse button and select the desired image.
3. Select the Insert button to insert the image.
Figure E-6: Image of the Insert/edit Image dialogue box.
Figure E-7: Image of the Insert/edit Image dialogue box with a selected image.
iv. Insert a table
1. To insert a table into your webpage content, select the
Inserts a new table icon from the Content toolbar.
2. Enter in the desired properties.
3. Select the Insert button to insert your table.
Figure E-8: Image of the insert/ Modify table dialogue box.
4. If you need to change a particular cell property, select the
desire cell in the table.
5. Right Click.
6. Select Cell Properties from the context menu.
7. Change the desired properties (e.g. background colour under
the Advanced tab).
8. Select the Update button to accept the changed cell
Figure E-10: Image of the Cell Properties dialogue box.
9. If you are noticing that the text is wrapping within certain
cells, you can resize the table by selecting the table.
10. Select and hold any of the empty square boxes around the
11. The selected (and held) square will become filled.
12. Drag the table to the desired size.
13. Let go of your select.
Figure E-11: Image of the table resize.
14. If you need to change the table properties, select the table.
15. Right Click.
16. Select Table Properties from the context menu.
17. Change the desired properties (e.g. cell spacing).
18. Select the Update button to accept the changed table
Figure E-12: Image of the Insert/Modify table dialogue box.
v. Options Tab
1. If you created a page and do not wish for that page to be
display on the website menu (because this page will just be
used for internal linking only), select the Options tab at the
top of the page.
2. Uncheck Show in Menu.
3. Select the Main tab again to continue editing.
h. Select the Submit or Apply button to save your work.