Difference between revisions of "Website Contact Guidelines"

From CCCWiki
Jump to: navigation, search
(Link to a Contact)
 
(11 intermediate revisions by 5 users not shown)
Line 1: Line 1:
Contacts are a special page in Joomla! for centrally managing the contact details instead of including them article pages where they are more difficult to keep consistent. While the Website Team would typically create contacts, registered users with appropriate rights may update them.
 
  
 
= Adding a New Contact =
 
= Adding a New Contact =
  
 
To add a new contact:
 
To add a new contact:
 
+
#Reformat the contact photo using an image processing software package such as [http://paint.net/ Paint.NET] so that the image has a height of 280 pixels and a width 210 pixels.
#Reformat the contact photo using an image processing software package such as [http://paint.net/ Paint.NET] so that the image width is 190 pixel (width subject to design change).
 
 
#Convert the image to black and white if it is a colour photo.
 
#Convert the image to black and white if it is a colour photo.
#Save in [http://en.wikipedia.org/wiki/JPEG JPEG format] using a quality setting of 90 and name it so it is consistent with this example: ''michael-adams.jpg''.  
+
#Save in [http://en.wikipedia.org/wiki/JPEG JPEG format] using a quality setting of 90 and name it so it is consistent with this example: ''michael-adams.jpg''.
 
#Login to [http://www.christchurchchislehurst.com/new/administrator back end of website].
 
#Login to [http://www.christchurchchislehurst.com/new/administrator back end of website].
 
#Go to '''Content>Media Manager'''.
 
#Go to '''Content>Media Manager'''.
Line 17: Line 15:
 
##''Linked User'' (if the user has a login on the website)
 
##''Linked User'' (if the user has a login on the website)
 
##''Category''
 
##''Category''
##''Other information'' (if you would like to provide some background information about the user).
+
##''Other information'' Overwrite the text if you would like to provide some background information about the contact.  OTHERWISE DELETE THE TEXT.
 
#In the '''Contact Details''' section on the right, complete as many fields as possible, in particular:
 
#In the '''Contact Details''' section on the right, complete as many fields as possible, in particular:
 
##''Image;'' Select the photo that you just uploaded.
 
##''Image;'' Select the photo that you just uploaded.
Line 25: Line 23:
 
#It should not be necessary to complete or update the other sections on the right.
 
#It should not be necessary to complete or update the other sections on the right.
 
#Select ''Save&Close''.
 
#Select ''Save&Close''.
 +
 +
<div class="warning">Please don't forget the following steps!</div>
  
 
Now the contact is created but in order to make it easy to link to the contact from article pages, a menu item has to be created for the contact.
 
Now the contact is created but in order to make it easy to link to the contact from article pages, a menu item has to be created for the contact.
  
 
To create the menu item:
 
To create the menu item:
 
 
#Go to '''Menus>Contacts Menu>Add New Menu Item'''.
 
#Go to '''Menus>Contacts Menu>Add New Menu Item'''.
 
#In the '''New Menu Item''' form, complete the following fields:
 
#In the '''New Menu Item''' form, complete the following fields:
Line 36: Line 35:
 
##In the '''Required Settings''' section on the right, complete ''Select Contact'' by clicking on ''Change Contact'' and selecting the corresponding contact.
 
##In the '''Required Settings''' section on the right, complete ''Select Contact'' by clicking on ''Change Contact'' and selecting the corresponding contact.
 
#It should not be necessary to complete or update the other sections on the right.
 
#It should not be necessary to complete or update the other sections on the right.
#Select ''Save&Close''.
+
#Select ''Save&Close'', then look for the newly added contact in the Menu Items screen (it will probably be the last item). Set the box at the bottom of the list to 'Display All'. Gauge which number should be in the ordering column so it appears alphabetically, and overwrite the number that's already there. Press the icon at the top of the ordering column that looks like a floppy disc. This will save the new contact in the right place.
 
 
= Link to a Contact =
 
 
 
In order to link to a Contact from an article:
 
 
 
#In the ''Article Text'', click on the JTree Link icon.
 
#Go to '''Link Info>Links>Menu>Contact Menu'''
 
#Select the contact that you would like to insert.
 
#Select ''OK''.
 
 
 
[[File:Link-to-contact.png]]
 

Latest revision as of 21:15, 13 April 2017

Adding a New Contact

To add a new contact:

  1. Reformat the contact photo using an image processing software package such as Paint.NET so that the image has a height of 280 pixels and a width 210 pixels.
  2. Convert the image to black and white if it is a colour photo.
  3. Save in JPEG format using a quality setting of 90 and name it so it is consistent with this example: michael-adams.jpg.
  4. Login to back end of website.
  5. Go to Content>Media Manager.
  6. Upload the photo to the Media>Contacts folder.
  7. Go to Components>Contacts>Contacts.
  8. Select New.
  9. In the New Contact Form, complete the following fields:
    1. Name: Please put the first name before the last name. E.g. Sarah Baker, not Baker, Sarah.
    2. Linked User (if the user has a login on the website)
    3. Category
    4. Other information Overwrite the text if you would like to provide some background information about the contact. OTHERWISE DELETE THE TEXT.
  10. In the Contact Details section on the right, complete as many fields as possible, in particular:
    1. Image; Select the photo that you just uploaded.
    2. Email
    3. Mobile
    4. Telephone
  11. It should not be necessary to complete or update the other sections on the right.
  12. Select Save&Close.
Please don't forget the following steps!

Now the contact is created but in order to make it easy to link to the contact from article pages, a menu item has to be created for the contact.

To create the menu item:

  1. Go to Menus>Contacts Menu>Add New Menu Item.
  2. In the New Menu Item form, complete the following fields:
    1. Menu Item Type: Click select and choose Single Contact.
    2. Menu Title: Enter the full name of the contact as entered in the contact form.
    3. In the Required Settings section on the right, complete Select Contact by clicking on Change Contact and selecting the corresponding contact.
  3. It should not be necessary to complete or update the other sections on the right.
  4. Select Save&Close, then look for the newly added contact in the Menu Items screen (it will probably be the last item). Set the box at the bottom of the list to 'Display All'. Gauge which number should be in the ordering column so it appears alphabetically, and overwrite the number that's already there. Press the icon at the top of the ordering column that looks like a floppy disc. This will save the new contact in the right place.