CMS Made Simple User Guide

Document Sample
CMS Made Simple User Guide Powered By Docstoc
					CMS Made Simple User Guide
   By: Jeff O’Brien – Web Made Simple




                                        1
A.   Admin Login

           i. To access the admin login for your site, go to the following URL:
              http://yourdomainname.ca/admin.
          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
                           or ZIP.
                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
                   section.
                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.



                                                                                   2
  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.


                                                               3
C.   Content Section




                       Figure C-1: Image of the Content page.


     a. Pages
            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
                               pages).




         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.




                                                                                        4
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.




                                                                                 5
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
          new page.
      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
          image.
      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.




                                                                                 6
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
        Active.
     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.




                                                                                7
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.




                                                                                   8
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.




                                                                                9
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.




                                                                     10
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.




                                                          11
  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.




                                                                  12
 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.




                                                                     13
Figure E-7: Image of the Insert/edit Image dialogue box with a selected image.




                                                                                 14
  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.




                                                                      15
       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
          properties.




Figure E-10: Image of the Cell Properties dialogue box.




                                                                    16
          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
              table.
          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
              properties.




Figure E-12: Image of the Insert/Modify table dialogue box.




                                                                            17
             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.




                                                                                  18