Difference between revisions of "Website Contact Guidelines"

From CCCWiki
Jump to: navigation, search
(Adding a New Contact)
Line 5: Line 5:
 
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 width is 190 pixel (width subject to design change).
 +
#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''.
 
#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'''.
 +
#Upload the photo to the '''Media>Contacts''' folder.
 
#Go to '''Components>Contacts>Contacts'''.
 
#Go to '''Components>Contacts>Contacts'''.
 
#Select '''New'''.
 
#Select '''New'''.
Line 14: Line 19:
 
##''Other information'' (if you would like to provide some background information about the user).
 
##''Other information'' (if you would like to provide some background information about the user).
 
#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''
+
##''Image;'' Select the photo that you just uploaded.
 
##''Email''
 
##''Email''
 
##''Mobile''
 
##''Mobile''

Revision as of 12:03, 12 September 2011

Contacts are a special pages in Joomla! for centrally managing the contact details instead of including them article pages where they are more difficult to keep them consistent. While the Website Team would typically create contacts, registered users with appropriate rights may update them.

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 width is 190 pixel (width subject to design change).
  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 (if you would like to provide some background information about the user).
  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.

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.

Link to a Contact

In order to link to contact from an article:

  1. In the Article Text, click on the JTree Link icon.
  2. Go to Link Info>Links>Menu>Contact Menu
  3. Select the contact that you would like to insert.
  4. Select OK.

Link-to-contact.png