St. Andrew's United Church Help Manual
- for editing www.standrewsunitedhamilton.ca -
Last Updated: Dec. 31, 2014



Note: This manual is a work in progress. Additional instructions and clarification will be added as needed. To request new material for this manual, contact:lance@justcreative.ca.


The church website promotes communication, connection and participation. When the website is fresh, current and well maintained, it's an excellent tool that enhances the church's work. But when the site isn't well maintained, the value diminishes and the site can even become counter-productive by making the church look disorganized or tired. So those who are involved with the St. Andrew's site are encouraged to give diligent effort and care.


St. Andrew's website uses a Content Management System called Joomla that is used by millions of sites around the world. Joomla is free and can be accessed by anyone with a computer and Internet connection. Many parts of a Joomla site can be edited without a knowledge of web coding. This is how it works:


1. Setting up an Account


Someone who edits the website in any way is called a "User." To become a User, follow these steps:


1.1. Go to www.standrewsunitedhamilton.ca.


1.2. Scroll down to the Login area at the bottom right corner of the website.


1.3. Select "Create an Account."


1.4. Fill in: Name (your real name), Username (make one up), Email (must be active), Password (make one up), Verify Password (repeat your password). "Submit" your information then you will see this message: "Your account has been created and an activation link has been sent to the e-mail address you entered. Note that you must activate the account by clicking on the activation link when you get the e-mail before you can login."


1.5. You will then receive an email at the email address you provided asking you to activate your account by clicking on the link included in the email. (Your email could come instantly or it could take a few hours or even a day, depending on your server.) Once you click on the link contained within your email, your account will become active. Be sure to write down the username and password in a secure location that you can access later. If you ever forget your username or password, you can use the "Forgot your password?" or "Forgot your username?" option and the information will be emailed to you. If all else fails, start a new account.


1.6. This Help File will always be available right under "Forgot Your Password?" to help you as needed.


2. Setting Access Privileges


2.1. If you have been authorized to work on the site, contact the church office to request editing privileges.


2.2. If the church authorizes you to work on the site, you will be assigned access privilege based on the type of editing you will be doing. (Note: Levels of access protect the site from being accidentally damaged.)


2.3. Once your access privileges are in place, you will receive an email from the Webmaster indicating that you can begin editing the site.


Before you learn how to make changes, be sure you know how to use the "Refresh" button on your browser. Whenever you have made a change to the website, you can see the effect of your change by hitting "Refresh." It is usually an icon near the top address bar that has arrows pointing in a circular direction. If you can't find it, google the name of your browser plus "refresh button" to get help. E.g. "Internet Explorer 9.0 refresh button" or "Firefox 4.0 refresh button."


3a. The Front End


The Front End of the site is like the inside of a car. You can make simple things happen without "opening the hood" which is called "The Back End" in Joomla. In the Front End, actions include changing text, changing the appearance of text, page formatting, and managing pictures. To access the Front End:


3a.1. Login with your username and password.


3a.2. In areas where you can make changes, you will see an icon with a pencil and pad of paper. If you want to make changes, click this icon and an editor window will open. You will see the article title, several rows of icons, the body of the article and more.


3a.3. TEXT - Text changes can be made in the same way text is changed in most word processing programs. You place the cursor where you want to focus or you use the left mouse to select an area of text. When you have selected some text, you can change the size, colour, font, placement and more. So you can experiment and have fun until you have made the changes you want. And remember, if you don't like what just happened, hit the "undo" button which has a rounded arrow that points to the left. When you like what you have done, click "save" and then your changes take effect.


3a.4. EDITING PICTURES - If there is already a picture in the article, you can right click the picture to bring up editing options. The "insert/edit image" option allows you to make changes to features such as size, border, margins and alignment. If you want to remove a picture, right click and select "cut." The "alternate text" is the text that will appear if, for some reason, the image isn't showing.


3a.5. UPLOADING NEW PICTURES - To add a new picture, select "Image" which is located just below the main editing box. It is to the left of "Pagebreak" and "Readmore" Then select "Browse" and find the image you want from your hard drive. Left click the image then select "Open." Then select "Start Upload" and when the picture has been loaded you will see "Upload complete."


3a.6. INSERTING NEW PICTURES - To put a new picture into an article, first make sure you have uploaded the picture you want according to instruction point #5 above. Then from the rows of editing icons, select the square icon that looks like a picture frame. In the lower section of the middle area, you will see a list of pictures that are available. Find the picture you want to insert and left click the picture. Then look at the options for Alternate text, Dimensions, Alignment, Margin and Border and make any changes you wish. Use "Alignment: Left" to have the image show on the left with the text wrapping to the right. Use "Alignment: Right" to have the image show on the right, with the text wrapping to the left. When you are ready, select "Update" and your picture will appear in the editing box. If it doesn't happen on the first click, try again if needed. If you want to go back and make changes to the picture, rick click the picture again and change what you like. Delete any pictures you want to remove.


3a.7. REPLACING A PICTURE (with some basic web coding) - If you want to replace a picture without having to delete it and insert/set-up a new picture, do the following on the page you want to edit:
A. Select the Edit Code icon (<> in red) and a window with web code will appear.
B. Scan through the code (don't worry if you don't understand most of it) until you see code that begins with <img. For example: <img style="border-width: 1px; border-style: solid; border-color: #000000; float: right;" alt="outreach" src="/images/stories/outreach3.jpg" width="328" />
C. Take notice of image name and location. In the example above (point B), the name is: outreach3.jpg and the location is: images/stories.
D. If the image is the one you wish to replace, change the image name. Example: Change outreach3.jpg to outreach4.jpg.
E. Select "Update" from the bottom of the Edit Code window.
F. Save and Close the article.
G. Name your new image to match the new name you have created (e.g. outreach4.jpg) and upload it to the images/stories folder through the Media Manager. See: Step 5 UPLOADING NEW PICTURES.
H. Return to the article and see that the image has changed.
I. Be sure that your new image is the same size as the image you are replacing. To do this, follow these instructions.


3b. The Calendar


Those who can edit other parts of the site, can edit the calendar. If you have not been given editing privileges and want to edit the calendar, contact the church office. Calendar Editing:


3b.1. On the Home page, login with your username and password.


3b.2. Left click the calendar icon inbetween "Connect" and "Welcome." The calendar page will then open.


3b.3. To change the month view, use the black arrows next to the previous month (left) and coming month (right). Continue changing the month view until you find the month you want.


3b.4. When you want to add information to a calendar day, put your left mouse in the top right corner of the day you want and a plus sign will appear. Select the plus sign and an editing window will appear.


3b.5. Under the title "JEvents" notice you are in the "Common" section. Enter the title of your event under "Subject." Select your name from the "Event Creator" drop down windwo and from the Category drop down window, select "St. Andrew's." In the editing window, enter any details about the event you want to include. You will also notice that you can ente a location and a contact name and phone number and/or email.


3b.6. Under "JEvents" beside the "Common" tab select the "Calendar" tab. Then in the "Calendar" section, check "All day Event or Unspecified time" if there is no specific start or end time for your event. If you don't check this option, you can fill in the start date and time plus the end date and time in the section below. Select "12 Hour" if you wish to include am or pm.


3b.7. When you are done, select "Save" and is now published if your username has been given rights to publish information in the calendar. If your username doesn't have these rights, your information will be published when approved by the site administrator.


3b.8. If you want to edit your information now or at a later time, find the day you want to edit and select it with your left mouse. You can then choose to Unpublish, Edit, Copy and Edit, or Delete the event.


4. The Back End


In the Back End, any part of the website, including the more complex "engines" of the site, can be changed. To access the Back End:


4.1. Go to: www.standrewsunitedhamilton.ca/administrator


4.2. You will then see the "Joomla! Administration Login" page. Enter your username and password.


4.3. You will then see the main control panel that runs the website. Now you can make a wide variety of changes.


4b. Editing Articles


From the main control panel, select "Article Manger" and then you will see a list of all the articles on the site. Or, select "Content" then "Articles" from the drop-down. You can scroll through to find the article you are looking for or do a search with the "Filter" option in the top left area. You can also search by section, category or author by selecting "Search Tools" and using the options available.


Once you've found the article you want to edit, double click the article. It will open with the same editor that is accessed through the Front End. Changes to the text, pictures and formatting can be done as described in section 3 The Front End. In other words, you can edit articles through the Front End or Back End.


4c. Flash Banner (rotating images in main header)


The Flash Banner (at the top of the site just below the church name) displays pictures in a rotating loop. To delete or add slides:


4c.1. From the main control panel, select the snowflake-like icon on the top right (beside "System") and then a menu will appear on the left. Select "Media Manager."

 

media-manager


 

4c.2. Now you will see all of the media folders and files for the site. In the "Files" section, select "flash_banners". The pictures in this folder are displayed as rotating slides.

 

flash-banners


4c.3. If you want to delete a picture, click the box at the far right of the picture row. Then click the "x" beside the box. It is now deleted.

 

flash-banners-delete


4c.4. To add a new banner image, double click "Upload" (top green button, below "Media Manager") the click "Choose Files" and in the new window, select the image you want to upload from your computer. Click "Open" then click "Start Upload." This picture will now be displayed in the Flash Banner.


4c.5. If you want the slides to display in a specific order, name them with numbers such that the slides you want displayed first are lower numbers. Example: If the names are: Slide1, Slide2, Slide3 then Slide1 will appear first and Slide3 will appear last.


4c.6. Slides should be named before uploading from your computer.


4c.7. Slides need to be 625px x 220px or a higher resolution that is exactly proportional.

MAKING AN IMAGE - To create an image in a desktop photo editing program, set the dimensions of a new, blank image to the exact dimension you need. (Eg. 625x220px or 345x253px, etc.) Then import your desired image as a new layer and scale it until it fits properly and looks the way you want. To create your slide without a desktop photo editing program, go to: scaleyourimage.com. Select "Browser" (beside "Select your image"), the choose your image from your computer and select: Open. In the top icons, change the width to 625px and the height to 220px. What you see in the grey box is what will show as your slide. You can move the grey box up and down, or, you can zoom+ (zoom in) and zoom- (zoom out), to change what part of the picture will be in your slide. Once you're satisfied, select: Scale your image (big orange button). Select: Change to JPG. Then select: Save this image. Choose where you want to save the image and then select: Ok. Then go to step 1 of this section.


4d. Announcement Slides (rotating images)


Announcement slides are displayed in a rotating loop on the lower left panel of the site. To delete or add slides:

4d.1. From the main control panel, select the snowflake-like icon on the top right (beside "System") and then menu will appear on the left. Select "Media Manager."


4d.2. Now you will see all of the media folders and files for the site. In the "Files" section, select the folder called "announcements". The pictures in this folder are displayed as rotating announcement slides.

 

announcements


4d.3. If you want to delete a picture, click the box at the far right of the picture row. Then click the "x" beside the box. It is now deleted.

 

announcements-delete


4d.4. To add a new announcement slide, double click "Upload" (top green button, below "Media Manager") the click "Choose Files" and in the new window, select the image you want to upload from your computer. Click "Open" then click "Start Upload." This picture will now be displayed in the announcement slides.


4d.5. If you want the slides to display in a specific order, name them with numbers such that the slides you want displayed first are lower numbers. Example: If the names are: Slide1, Slide2, Slide3 then Slide1 will appear first and Slide3 will appear last.


4e. News and Events (scrolling newsflash)


News and Events are displayed in a scrolling loop on the right side of the main page. To delete, add or edit slides, follow these steps:


4e.1. Beside the search area is a window called "Search Tools." Click the down arrow to option the search options. In "Select Category" (just below "Search Tools"). Select "Newsflash." Now you will see a list of all articles in the "Newsflash" category. The articles with a check beside "Published" are currently showing on the site. Articles with an "X" beside "Published" are not showing. At any time, you can hit the checkmark or arrow to change an article from published to unpublished or unpublished to published.

 

search-tool


 

 

newsflash

 

4e.3. To delete an article, check the box beside the title of the article you want to delete. Then select "Trash" from the drop-down in the "Status" field (to the left of the title).


4e.4. To open an article, double click the article you want to change. You will then see the article opened in an editing window.


4e.5. To edit an article, simply change the text. NOTE: Do not use hard returns. Instead, simply use a period after every sentence or piece of information. When you are done, click "Save & Close" (top).


4e.6. To add a new article, click "New" (green button below "Article Manager" at the top). Type in your information. On the right side, in the "Category" drop-down, select "Newsflash." Click "Save & Close."

 

 

category




News and Events

UP TOGGLE DOWN

Men's Breakfast

Thursday, September 21, 9 am. Good food & good friends at The Egg & I, Wilson at Garner Rd.

Working Men's Breakfast

Date: Saturday, July 8th at 9 pm. Phyl's Restaurant, corner of Stone Church and Upper Paradise.

Loonie Lunch

Soup and sandwich, and good friends! $1 or donation. Next Loonie Lunch will be in the fall!                 

united_church_canada_logo

citykidz

kairos2

neighbour-to-neighbour4

canadian_foodgrains_bank2

wesleyurbanministries