Difference between revisions of "Website Activity and Course Guidelines"

From CCCWiki
Jump to: navigation, search
(Create Page)
 
(39 intermediate revisions by 5 users not shown)
Line 3: Line 3:
 
== User Instructions ==
 
== User Instructions ==
  
The [[Website Team]] will create the initial page on the website for you and create a login for you (if you do not already have one). Once the page is created, the [[Website Team]] would like you to update the page and create related events using the login that the [[Website Team]] will create for you. If you feel uncomfortable with this idea, the [[Website Team]] can update the page for you based on your instructions.
+
The [[Website Team|Digital Media Team]] will create the initial page on the website for you and create a login for you (if you do not already have one). Once the page is created, the [[Website Team|Digital Media Team]] would like you to update the page and create related events using the login that the [[Website Team|Digital Media Team]] will create for you. If you feel uncomfortable with this idea, the [[Website Team|Digital Media Team]] can update the page for you based on your instructions.
  
To add a new activity or course, please send the following information to the [[Website Team]] by email to [mailto:websiteteam@christchurchchislehurst.org?Subject=Request:%20Add%20Activity/Course websiteteam@christchurchchislehurst.org]:
+
To add a new activity or course, please send the following information to the [[Website Team|Digital Media Team]] by email to [mailto:digital@christchurchchislehurst.org?Subject=Request:%20Add%20Activity/Course digital@christchurchchislehurst.org]:
  
 
*Name of the activity/course
 
*Name of the activity/course
Line 22: Line 22:
 
**location (if this is not the usual activity location)
 
**location (if this is not the usual activity location)
  
Here is an example of a page created with this information: [http://www.christchurchchislehurst.com/new/index.php/whats-on/children/abc-club ABC Club]
+
Here is an example of a page created with this information: [https://test.christchurchchislehurst.org/courses/alpha Alpha]
  
If you would like to promote your activity or course, please refer to the [TBC Website Promotion Guidelines|Promotion Guidelines].
+
If you would like to promote your activity or course, please refer to the [[Website Promotion Guidelines|Promotion Guidelines]].
  
== Website Team Instructions ==
+
== Digital Media Team Instructions ==
 +
The set up of a new page involves the following steps:
 +
# Create menu entry
 +
# Create contact (if it doesn't exist already)
 +
# Create banners
 +
# Create events (if appropriate)
 +
# Create page
 +
# Create SEO entry
 +
 
 +
=== Create Menu Entry ===
 +
#Go to ''Menus>Main Menu>Add New Menu Item'' or [https://test.christchurchchislehurst.org/administrator/index.php?option=com_menus&view=item&layout=edit&menutype=mainmenu click here].
 +
#In the ''New Menu Item'' form, complete the following fields:
 +
##''Menu Item Type'': Click select and choose ''Single Article''.
 +
##''Menu Title'': Enter the name of the activity as entered in the article form.
 +
##''Parent Item'': Select the menu item under which this activity should appear.
 +
##Complete ''Select Article'' by clicking on ''Select/Change'' and selecting the corresponding article.
 +
##It should not be necessary to complete or update any other fields.
 +
#Select ''Save&Close''.
 +
 
 +
=== Create Contact ===
 +
#Check [https://www.christchurchchislehurst.org/administrator/index.php?option=com_contact in the backend] whether the contact already exists.
 +
#If not, create the contact, following the [[Website Contact Guidelines]].
 +
 
 +
=== Create Banner ===
 +
(TBC)
 +
 
 +
=== Create Events ===
 +
If there are events associated with the page, create the initial events:
 +
#Create the initial events that the user provided (see [[Website Calendar Event Guidelines|Calendar Event Guidelines]]) For a completed example, please refer to the [https://test.christchurchchislehurst.org/administrator/index.php?option=com_modules&view=module&layout=edit&id=151 Upcoming Alpha Events Module Manager page].
 +
#Go to ''Extensions>Module Manager>New>DPCalendar Upcoming'' or [https://test.christchurchchislehurst.org/administrator/index.php?option=com_modules&task=module.add&eid=10195 click here].
 +
#Complete the following fields:
 +
##''Title:'' Enter 'Upcoming [activity name] Events'. E.g. ''Upcoming Alpha Events''.
 +
##''Select Calendar:'' Select the calendar that has the events that relate ot the activity or course.
 +
##''Position:'' Enter ''upcoming-''[activity name],e.g. ''upcoming-alpha'', and hit enter. Please note that this is the position that needs to be entered in Upcoming Events section on the activity article page. So for Alpha the activity article page would reference the module in this way: ''{loadposition upcoming-alpha}''
 +
#In the ''Menu Assignment'' section, in the ''Module Assignment'' drop down select ''Only on the pages selected''.
 +
#In the ''Advanced'' section, set the ''Alternative Layout'' to ''simple''.
 +
#Go to ''Main Menu'' and select the menu item of the activity. E.g. ''Alpha''. You may need to clear the ticks by clicking the ''Toggle selection'' box. Be aware the activity may appear under more than one heading.
 +
#Select ''Save & Close''.
 +
 
 +
=== Create Page ===
 +
Create the page (please consider the [[Website General Content Guidelines|General Content Guidelines]]). For a completed example, please refer to the [https://test.christchurchchislehurst.org/administrator/index.php?option=com_content&view=article&layout=edit&id=7 Alpha Article page].
 +
#Login to [https://test.christchurchchislehurst.org/administrator/ Joomla Administator site] using your password and login.
 +
#Click on ''Add New Article'' or just [https://test.christchurchchislehurst.org/administrator/index.php?option=com_content&task=article.add click here].
 +
#Within ''New Article'', insert ''Title'' of new activity and choose appropriate ''Category'' '''and''' ''Tags''.
 +
#In the ''Content'' section, enter a one line description of page above the thick grey line, e.g. 'Explore the questions of life in an informal atmosphere | Starts Tuesday, 24 February'.
 +
#If events are associated with the page, add them to the page.
 +
#Enter the main page content below the thick grey line.
 +
#In the ''Publishing'' section, enter a short description in the ''Meta Description'' and some keywords in ''Meta Keywords''.
 +
 
 +
To add article images to page:
 +
#In the ''Images and links'' section, select the page banner thumbnail image in ''Intro Image'' '''and''' enter article title in the ''Alt Text'' field. This image will appear in summary views on the website.
 +
#Select the page banner image in ''Full Article Image'' '''and''' enter article title in the ''Alt Text'' field. This image will appear at the top of the page.
 +
#Enter a call to action link in ''Link A'' and ''Link A Text'' that will appear at the top of the page.
 +
#Enter a call to action link in ''Link B'' and ''Link B Text'' that will appear at the bottom of the page.
 +
 +
To add upcoming events to the page:
 +
#In the article editor, change to HTML view and insert the following snippet (for an example, see [https://test.christchurchchislehurst.org/administrator/index.php?option=com_content&view=article&layout=edit&id=7 Alpha Page]):
 +
  <nowiki><aside class="ccc-related-info col-sm-4">
 +
<h2>Upcoming Events</h2>{loadposition upcoming-[name]}
 +
<p class="ccc-no-events-info">[Text to be displayed no events are shown]</a>.</p>
 +
  </aside></nowiki>
 +
#Update the name of the  upcoming events module and info to be displayed if no events are shown,
 +
#If all the events are generally the same, e.g. Alpha course sessions, then the events links in the upcoming events section should be hidden so that it's not necesary to main duplicate content in the event pages. To remove the links, add the ''ccc-no-links'' CSS class to ''aside'' attribute:
 +
  <nowiki><aside class="ccc-related-info ccc-no-links col-sm-4"></nowiki>
 +
 
 +
=== Create SEO Entry ===
 +
(TBC)
 +
 
 +
== Digital Media Team Instructions (Old Website) ==
  
 
Instructions for the [[Website Team]]:
 
Instructions for the [[Website Team]]:
 
+
#Create a banner.
#Create the page (please consider the [[Website General Content Guidelines|General Content Guidelines]])
+
##Work with the client to select a high quality picture from either the free [http://office.microsoft.com/en-us/images/ Microsoft Office pictures collection] (if possible) or from [http://www.istockphoto.com/ iStockphoto]. '''If the picture on iStockphoto costs more than 5 credit for the resolution that we require, please get approval from Marc first.'''
##Login to Joomla Administator site [link to site] using assigned password and login which is posted to Website Team Facebook account [TBC link to Facebook info]
+
##Crop the picture to the following dimensions: 714 pixel x 234 pixel and make sure that the image file size does not exceed 70KB. For an example, take a look at the [http://www.christchurchchislehurst.org/new/whats-on/children/pebbles Pebbles page].
##Click on 'Add New Article'
+
#Create the activity/course contact (if the contact for the event does not exist already)
##Within&nbsp;'''New Article'''; insert 'Title' of new activity and choose appropriate 'Category'.
+
##Check [http://www.christchurchchislehurst.com/new/administrator/index.php?option=com_contact in the backend] whether the contact already exists.
##Select 'Status' (probably 'Published') and select 'Access' (probably 'Public')
+
##If not, create the contact, following the&nbsp;[[Website Contact Guidelines]].
##For 'Language' choose English UK.
+
#Create the page (please consider the [[Website General Content Guidelines|General Content Guidelines]]). For a completed example, please refer to the [http://www.christchurchchislehurst.com/new/administrator/index.php?option=com_content&view=article&layout=edit&id=32 ABC Club Edit Article page].
 +
##Login to [http://www.christchurchchislehurst.com/new/administrator/index.php Joomla Administator site] using assigned password and login which is posted to [http://www.facebook.com/note.php?note_id=157605644321454 Website Team Facebook page]
 +
##Click on ''Add New Article'' or just [http://www.christchurchchislehurst.org/new/administrator/index.php?option=com_content&view=article&layout=edit click here].
 +
##Within&nbsp;''New Article''; insert ''Title'' of new activity and choose appropriate ''Category''.
 +
##Select ''Status'' (probably ''Published'') and select ''Access'' (probably ''Public'')
 +
##For ''Language'' choose English UK.
 
##Insert the activity template (see image below).
 
##Insert the activity template (see image below).
##Update the template text. To link to an existing contact, please refer to [[Website Contact Guidelines]].&nbsp;If the contact for the activitiy does not exist yet, create it by following the&nbsp;[[Website Contact Guidelines]].
+
##Update the template text. To insert an image click the Insert/Edit image icon.  To wrap text round the image, in Image Manager, click the Advanced tab and in the Style box put this text "float: right; margin: 5px;" or "float: left; margin: 5px;" depending on whether you want the image positioned left or right. To link to an existing contact, please refer to [[Website Contact Guidelines]].
##Within '''Article Permissions''', if you want to allow the owner of the Activity to edit the Activity for updates and changes (or even to delete when no longer relevant), set the permission to do so here. &nbsp;[TBC - Need to understand how we will be using global configuration, parent group and category settings]
+
##Within ''Article Permissions'', if you want to allow the owner of the Activity to edit the Activity for updates and changes (or even to delete when no longer relevant), set the permission to do so here. &nbsp;[TBC - Need to understand how we will be using global configuration, parent group and category settings]
##Within&nbsp;'''Publishing Options''' and 'Created by', enter your name. &nbsp;Choose appropriate and relevant dates for publishing
+
##Within&nbsp;''Publishing Options'' and ''Created by'', enter your name. &nbsp;Choose appropriate and relevant dates for publishing
##Under '''Article Options''', choose 'Use Global' for all categories&nbsp;
+
##Under '''Article Options''', choose ''Use Global'' for all categories&nbsp;
 
##Within '''Metadata Options''' [TBC]
 
##Within '''Metadata Options''' [TBC]
#Set up the login
+
#Add the menu item
##At Joomla Administrator main menu select 'User Manager'
+
##Go to '''Menus>Main Menu>Add New Menu Item'''.
##Click on the 'New' (orange plus sign)
+
##In the '''New Menu Item''' form, complete the following fields:
 +
###''Menu Item Type'': Click select and choose ''Single Article''.
 +
###''Menu Title'': Enter the name of the activity as entered in the article form.
 +
###''Parent Item'': Select the menu item under which this activity should appear.
 +
###In the '''Required Settings''' section on the right, complete ''Select Article'' by clicking on ''Select/Change'' and selecting the corresponding article.
 +
###It should not be necessary to complete or update the other sections on the right.
 +
##Select ''Save&Close''.
 +
#Create the initial events
 +
##Create an event category with the same name as the article (see [[Website Calendar Event Guidelines|Calendar Event Guidelines]])
 +
##Create the initial events that the user provided (see [[Website Calendar Event Guidelines|Calendar Event Guidelines]])
 +
#Add the upcoming related events to the page. For a completed example, please refer to the [http://www.christchurchchislehurst.com/new/administrator/index.php?option=com_modules&view=module&layout=edit&id=392 Upcoming ABC Club Events Module Manager page].
 +
##Go to '''Extensions>Module Manager>New>Latest JEvents''' or [http://www.christchurchchislehurst.com/new/administrator/index.php?option=com_modules&view=module&layout=edit click here].
 +
##Complete the following fields:
 +
###''Title:'' Enter 'Upcoming [activity name] Events'. E.g. ''Upcoming ABC Club Events''.
 +
###''Position:''&nbsp;Enter ''upcoming-''[activity name],e.g. ''upcoming-abc-club''. Please note that this is the position that needs to be entered in Upcoming Events section on the activity article page. So for ABC Club, the activity article page would reference the module in this way:&nbsp;''{loadposition upcoming-abc-club}''
 +
##In the '''Menu Assignment''' section, in the ''Module Assignment'' drop down select ''Only on the pages selected''.
 +
##Go to '''Main Menu''' and select the menu item of the activity. E.g. ''ABC Club''. You may need to clear the ticks by clicking the ''Toggle selection'' box. Be aware the activity may appear under more than one heading, eg Worship Services.
 +
##In the '''Basic Options''' section
 +
###Select the event category associated with the activity/course (that you created earlier) in the ''Specified category'' field. E.g. ''ABC Club''.
 +
###Select &nbsp;''Use Component Settings''.
 +
##Select ''Save & Close''.
 +
#Set up the login for the owner
 +
##At Joomla Administrator main menu select ''User Manager''
 +
##Click on the ''New'' (orange plus sign)
 
##Within '''Account Details'''; enter login name. Protocol is the firstname.lastname; password is defined by the [[Website Team|Website Team]]
 
##Within '''Account Details'''; enter login name. Protocol is the firstname.lastname; password is defined by the [[Website Team|Website Team]]
 
#Respond to the client
 
#Respond to the client
Line 60: Line 156:
 
#Click the 'Save & Close' button in the top right corner
 
#Click the 'Save & Close' button in the top right corner
  
== Deleting an Existing Activity or Course ==
+
= Deleting an Existing Activity or Course =
  
 
To delete an existing activity or course:
 
To delete an existing activity or course:
  
 
#On the Joomla site menu, click on the '''Article Manager>Edit Article>Title'''
 
#On the Joomla site menu, click on the '''Article Manager>Edit Article>Title'''
#If the event will recur change 'Status' to Archived
+
#If the event will recur change 'Status' to ''Archived''
#If the event is not likely to recur, chnage 'Status' to Trashed
+
#If the event is not likely to recur, change 'Status' to ''Trashed''
#Select Save & Close in the top right corner
+
#Select 'Save & Close' in the top right corner

Latest revision as of 17:56, 29 July 2015

Adding a New Activity or Course

User Instructions

The Digital Media Team will create the initial page on the website for you and create a login for you (if you do not already have one). Once the page is created, the Digital Media Team would like you to update the page and create related events using the login that the Digital Media Team will create for you. If you feel uncomfortable with this idea, the Digital Media Team can update the page for you based on your instructions.

To add a new activity or course, please send the following information to the Digital Media Team by email to digital@christchurchchislehurst.org:

  • Name of the activity/course
  • Target group; (e.g. age, women, men, couples, etc)
  • Organiser contact details:
    • Full name
    • Digital passport-style picture
    • Email
    • Phone (mobile or landline)
  • Description, including meeting schedule (e.g. Mondays 1-3pm) 
  • Initial session list (i.e. event list) including:
    • date
    • start time
    • end time
    • title (if there is a specific topic)
    • location (if this is not the usual activity location)

Here is an example of a page created with this information: Alpha

If you would like to promote your activity or course, please refer to the Promotion Guidelines.

Digital Media Team Instructions

The set up of a new page involves the following steps:

  1. Create menu entry
  2. Create contact (if it doesn't exist already)
  3. Create banners
  4. Create events (if appropriate)
  5. Create page
  6. Create SEO entry

Create Menu Entry

  1. Go to Menus>Main Menu>Add New Menu Item or click here.
  2. In the New Menu Item form, complete the following fields:
    1. Menu Item Type: Click select and choose Single Article.
    2. Menu Title: Enter the name of the activity as entered in the article form.
    3. Parent Item: Select the menu item under which this activity should appear.
    4. Complete Select Article by clicking on Select/Change and selecting the corresponding article.
    5. It should not be necessary to complete or update any other fields.
  3. Select Save&Close.

Create Contact

  1. Check in the backend whether the contact already exists.
  2. If not, create the contact, following the Website Contact Guidelines.

Create Banner

(TBC)

Create Events

If there are events associated with the page, create the initial events:

  1. Create the initial events that the user provided (see Calendar Event Guidelines) For a completed example, please refer to the Upcoming Alpha Events Module Manager page.
  2. Go to Extensions>Module Manager>New>DPCalendar Upcoming or click here.
  3. Complete the following fields:
    1. Title: Enter 'Upcoming [activity name] Events'. E.g. Upcoming Alpha Events.
    2. Select Calendar: Select the calendar that has the events that relate ot the activity or course.
    3. Position: Enter upcoming-[activity name],e.g. upcoming-alpha, and hit enter. Please note that this is the position that needs to be entered in Upcoming Events section on the activity article page. So for Alpha the activity article page would reference the module in this way: {loadposition upcoming-alpha}
  4. In the Menu Assignment section, in the Module Assignment drop down select Only on the pages selected.
  5. In the Advanced section, set the Alternative Layout to simple.
  6. Go to Main Menu and select the menu item of the activity. E.g. Alpha. You may need to clear the ticks by clicking the Toggle selection box. Be aware the activity may appear under more than one heading.
  7. Select Save & Close.

Create Page

Create the page (please consider the General Content Guidelines). For a completed example, please refer to the Alpha Article page.

  1. Login to Joomla Administator site using your password and login.
  2. Click on Add New Article or just click here.
  3. Within New Article, insert Title of new activity and choose appropriate Category and Tags.
  4. In the Content section, enter a one line description of page above the thick grey line, e.g. 'Explore the questions of life in an informal atmosphere | Starts Tuesday, 24 February'.
  5. If events are associated with the page, add them to the page.
  6. Enter the main page content below the thick grey line.
  7. In the Publishing section, enter a short description in the Meta Description and some keywords in Meta Keywords.

To add article images to page:

  1. In the Images and links section, select the page banner thumbnail image in Intro Image and enter article title in the Alt Text field. This image will appear in summary views on the website.
  2. Select the page banner image in Full Article Image and enter article title in the Alt Text field. This image will appear at the top of the page.
  3. Enter a call to action link in Link A and Link A Text that will appear at the top of the page.
  4. Enter a call to action link in Link B and Link B Text that will appear at the bottom of the page.

To add upcoming events to the page:

  1. In the article editor, change to HTML view and insert the following snippet (for an example, see Alpha Page):
 <aside class="ccc-related-info col-sm-4">
		<h2>Upcoming Events</h2>{loadposition upcoming-[name]}
		<p class="ccc-no-events-info">[Text to be displayed no events are shown]</a>.</p>
   </aside>
  1. Update the name of the upcoming events module and info to be displayed if no events are shown,
  2. If all the events are generally the same, e.g. Alpha course sessions, then the events links in the upcoming events section should be hidden so that it's not necesary to main duplicate content in the event pages. To remove the links, add the ccc-no-links CSS class to aside attribute:
 <aside class="ccc-related-info ccc-no-links col-sm-4">

Create SEO Entry

(TBC)

Digital Media Team Instructions (Old Website)

Instructions for the Website Team:

  1. Create a banner.
    1. Work with the client to select a high quality picture from either the free Microsoft Office pictures collection (if possible) or from iStockphoto. If the picture on iStockphoto costs more than 5 credit for the resolution that we require, please get approval from Marc first.
    2. Crop the picture to the following dimensions: 714 pixel x 234 pixel and make sure that the image file size does not exceed 70KB. For an example, take a look at the Pebbles page.
  2. Create the activity/course contact (if the contact for the event does not exist already)
    1. Check in the backend whether the contact already exists.
    2. If not, create the contact, following the Website Contact Guidelines.
  3. Create the page (please consider the General Content Guidelines). For a completed example, please refer to the ABC Club Edit Article page.
    1. Login to Joomla Administator site using assigned password and login which is posted to Website Team Facebook page
    2. Click on Add New Article or just click here.
    3. Within New Article; insert Title of new activity and choose appropriate Category.
    4. Select Status (probably Published) and select Access (probably Public)
    5. For Language choose English UK.
    6. Insert the activity template (see image below).
    7. Update the template text. To insert an image click the Insert/Edit image icon. To wrap text round the image, in Image Manager, click the Advanced tab and in the Style box put this text "float: right; margin: 5px;" or "float: left; margin: 5px;" depending on whether you want the image positioned left or right. To link to an existing contact, please refer to Website Contact Guidelines.
    8. Within Article Permissions, if you want to allow the owner of the Activity to edit the Activity for updates and changes (or even to delete when no longer relevant), set the permission to do so here.  [TBC - Need to understand how we will be using global configuration, parent group and category settings]
    9. Within Publishing Options and Created by, enter your name.  Choose appropriate and relevant dates for publishing
    10. Under Article Options, choose Use Global for all categories 
    11. Within Metadata Options [TBC]
  4. Add the menu item
    1. Go to Menus>Main 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 Article.
      2. Menu Title: Enter the name of the activity as entered in the article form.
      3. Parent Item: Select the menu item under which this activity should appear.
      4. In the Required Settings section on the right, complete Select Article by clicking on Select/Change and selecting the corresponding article.
      5. It should not be necessary to complete or update the other sections on the right.
    3. Select Save&Close.
  5. Create the initial events
    1. Create an event category with the same name as the article (see Calendar Event Guidelines)
    2. Create the initial events that the user provided (see Calendar Event Guidelines)
  6. Add the upcoming related events to the page. For a completed example, please refer to the Upcoming ABC Club Events Module Manager page.
    1. Go to Extensions>Module Manager>New>Latest JEvents or click here.
    2. Complete the following fields:
      1. Title: Enter 'Upcoming [activity name] Events'. E.g. Upcoming ABC Club Events.
      2. Position: Enter upcoming-[activity name],e.g. upcoming-abc-club. Please note that this is the position that needs to be entered in Upcoming Events section on the activity article page. So for ABC Club, the activity article page would reference the module in this way: {loadposition upcoming-abc-club}
    3. In the Menu Assignment section, in the Module Assignment drop down select Only on the pages selected.
    4. Go to Main Menu and select the menu item of the activity. E.g. ABC Club. You may need to clear the ticks by clicking the Toggle selection box. Be aware the activity may appear under more than one heading, eg Worship Services.
    5. In the Basic Options section
      1. Select the event category associated with the activity/course (that you created earlier) in the Specified category field. E.g. ABC Club.
      2. Select  Use Component Settings.
    6. Select Save & Close.
  7. Set up the login for the owner
    1. At Joomla Administrator main menu select User Manager
    2. Click on the New (orange plus sign)
    3. Within Account Details; enter login name. Protocol is the firstname.lastname; password is defined by the Website Team
  8. Respond to the client
    1. Email client to indicate that Activity has been added and to send login information with instructions on how to edit the Activity (i.e. clicking on the edit icon in top left corner of article.)
    2. Include your contact details in case they have questions regarding how to edit

Insert-activity-template.png

Updating an Existing Activity or Course

To update activity or course details:

  1. On the Joomla site menu, click on Article Manager>Edit Article>Title
  2. Edit as appropriate
  3. Click the 'Save & Close' button in the top right corner

Deleting an Existing Activity or Course

To delete an existing activity or course:

  1. On the Joomla site menu, click on the Article Manager>Edit Article>Title
  2. If the event will recur change 'Status' to Archived
  3. If the event is not likely to recur, change 'Status' to Trashed
  4. Select 'Save & Close' in the top right corner