How to edit the website

Topics covered (click to skip straight to the one you want):

Forwarding

Twitter

Upload documents

Upload photos to the slideshow

Add and Edit Events

Add a News story to the website

Change a page on the website

Change the Working Groups page on the website

See what positions there are on a page

 


 

 

Changing the forwarding for Transition.org email addresses

  1. Login to supergreen hosting (see above)
  2. In the box entitled “Mail”, click on “Forwarders”
  3. Under “Email account forwarders”, you can delete an existing one or add a new one
  4. To add a new forwarder:
    • Click “Add forwarder”
    • In Address, enter the first half of the address, before the @ sign – this is the address the public will be using
    • In Destination, next to “Forward to email address” enter the email address you want to forward to, in full – this is the person who will be receiving the email
    • Ignore the other options Click the “Add forwarder” button
    • You will see a message confirming the forwarding address
    • Click “Go back”
  5. To delete an existing forwarder, click “Delete” to the right of it
    • It will ask are you sure – click Yes
    • It will confirm – click Go Back
  6. To change an existing forwarder, you have to delete it, then add a new one

How to Tweet on the Transition Stroud Twitter Account

  1. Log into Twitter: www.twitter.com
  2. Sign out, if you already have another twitter account and were logged in (it’s on the drop down menu on the top right when you are logged in – click your twitter name and you should see it as an option)
  3. Sign in, by clicking the “Sign In” button in the top right
  4. Enter the username “TTStroud”
  5. Enter the password
  6. You are now logged in and can tweet
  7. Enter your tweet in the “What’s happening” box and click “Tweet” to send the message
    • You are limited to 140 characters – there is a counter at the bottom of the text box when you are in it
    • If you are unsure what to write, look at other tweets for examples of style and content

When you are done tweeting, Sign out – go to the top right where it says TTStroud, click there, and you should see a drop down box with Sign out as an option.  This is just to maintain the security of the account, and is good practice, but leaving your computer accidentally signed in is okay and doesn’t stop others from tweeting.

How to add documents to the website

  1. To add documents to the website, you must login to Joomla – go to www.transitionstroud.org/administrator and enter your username and password
  2. From the top menu, choose Content – Article Manager
  3. You will see a list of articles – now this is a tricky part – you need to find the page you are looking for
    1. This may not be easy because people can give the pages odd names
    2. If you wanted to put it on the front page you are out of luck – the front page has special rules – covered in its own topic
    3. If you can’t find the page, try entering a word you think is likely to be the name of the page in the “Filter” box in the upper left
  4. Once you find the page you want, click its name
  5. If you see a lot of stuff that looks weird, you may be looking at HTML view (might have lots of things in <brackets>) – if so, click the [show/hide] spot on the top left to get the wysiwyg (what you see is what you get) editor
  6. Find the place on the page where you want to show the document, and put your cursor there
  7. Type in any words you want to show as well, e.g. “Click this document to download it”
  8. At the top of the editing window are several rows of tiny icons – look for one, probably on the bottom row about halfway along, that looks like a piece of paper with a chainlink at the bottom – if you hold your mouse over it, it should say “Insert/Edit file” – click this
  9. This should give you a dialog box that says “File Manager” at the top

10.  On the right side of this box, about halfway up, is a tiny icon that looks like a grey box with a green up arrow – if you hold your mouse over it, it should say “Upload”

11.  Click this icon

12.  You should now get a small dialog box that says “Upload” at the top

13.  On the left is a green circle with a plus sign in it and the word “Add” – click this

14.  You should now see your own computer files – browse to find the file you want to add to the website, and click it once, so it shows in the “File name” space, then click the “Open” button at the bottom right corner of that dialog box

15.  This should take you back to the Upload dialog box – click the “Upload” button at the bottom

16.  When it is finished uploading (could take some time), you should be taken back to the “File Manager” dialog box, and you should see the file you have uploaded in the bottom right area [if it doesn’t take you back after you think you’ve waited long enough, click Cancel, go ahead with the next steps, and test the link – it may work, but if not you’ll need to go through the whole of this process again]

17.  In the middle bottom window, you should see a list of files, with the one you just added – select the one you just added, and you should see it also appear in the red boxes at the top of the dialog box

18.  Below the first red box is “Target” with a drop-down box next to it – click this and select “Open in new window” so that people will get a new browser window when they view the document, but still have our website page as well

19.  On the bottom right of the dialog box is a green button labelled “Insert” – click this

20.  You should now be taken back to the main editing window in Joomla where you started positioning your document

21.  At the very top of this webpage is a row of icons, including “Save” – click this

22.  You should now be back to the Article Manager

23.  In a new window, go to the TS website and check how your document looks, and whether the link works – if you don’t like it, you need to go back to the Article Manager in Joomla and try again

24.  If you are happy with it, and finished editing, go back to the Joomla page, and click “Logout” in the top right corner.  Good work!

 

How to add images to the slideshow

Login to Joomla. This is a www.transitionstroud.org/administrator. Use your TS website username and password.

Go to the Media Manager. This is an icon on the first screen you see after you login. If you don’t see it, have a look at the top menu. Does it have “Site … Menus … Content …” etc? If so, click Site, then select Media Manager from the dropdown list.

Click the Stories folder. There are lots of folders and images to choose from. The folder you want has the word “stories” underneath it.

Click the Slideshow folder. This is a folder in the Stories folder. Having clicked the stories folder in the last step, you should now see lots of folders and other things. “Slideshow” is one of the folders (on my screen it’s on the second line, but it might not be on yours).

Choose the file to upload. At the bottom of your new screen (where you should see some slideshow images), you will see the words “Upload file [Max = 10M]”. That means the maximum size is 10MB – which is ridiculously huge and so you are unlikely to have any trouble with the size of your photo. Click the “Choose file” underneath this. Browse to the photo you want from your computer, and click “Open”.

Start the upload. You should be back at the screen with the photos from the slideshow – but not your new one. Where you previously clicked to choose your file, you’ll now see your filename, and next to it a button saying “Start Upload”. Click this button. You may now have to wait a minute or so while it uploads (depending on your broadband speed).

You’re done! You should now see your photo amongst the others in the slideshow folder. If you go to the front end of the website (by which I mean www.transitionstroud.org), you should see your picture on the slideshow. You can now upload another file (go back to the step “choose the file to upload”, or do some other website management, or logout by clicking the tiny “logout” word in blue at the top right of your screen (you will probably have to scroll up to find it).

How to add and edit events

You don’t do this via the website any longer.

  • Go to google calendars: www.google.com/calendar.
  • Login as Transition Stroud: login is events@transitionstroud.org, password is “localise1”
  • Add in or edit events on the Google calendar – after a few minutes you will see them reflected on the website
  • If you’re unsure what to do, there is a Help to click in the top right
  • Alternatively, go straight to http://www.google.com/support/calendar/bin/topic.py?hl=en&topic=15277 (the events help)

How to add a news story to the website

  1. Login to the backend: www.transitionstroud.org/administrator
  2. Click the “Add new article” button, or alternatively, click menu item “Content-Article Manager” then click the “New” button
  3. Give your article a title in the box next to “Title”
  4. In the drop-down by “Section”, choose “News”
  5. In the drop-down by “Category”, select “Latest News”
    1. As of this writing, only news articles in “Latest News” appear on the News page
    2. There are two other News options – Eventad1 and Newsflash – which could be used on the website if someone wants to set them up – but til that happens, don’t choose them
    3. Write the news story in the main block text area.  The icons above this give you options for adding links, images, and formatting.
    4. When you are finished, click “save”
    5. The news item should now appear on the News page of the website

How to change and existing page on the website

  1. This instruction applies only to the pages which are made up of “articles”.  From the front-end, it is hard to tell what is an article and what is not.  Here are some tips:
    1. Anything in a module position is not an article – these are the slideshow, tweets, TS blog, welcome message on the top left (at present) of the homepage, logged in users, login, Forum, Contacts, and Events.  Also, the working groups page is a collection of articles rather than an article in itself.
    2. Having determined that what you want to change is indeed an article, read on.
  2. Login to the backend: www.transitionstroud.org/administrator
  3. Find the article.  There is a filter box you can use if you can guess part of the title.  The other filters also help if you can guess section, etc.
  4. Click the title of the article to edit it.
  5. You can change the title, section, category and content easily.  The main text box is for changes to the content, with icons above for adding images and links, formatting and so on.  For the adventurous, there are more options on the right menu bar.
  6. Clicking [show/hide] switches you back and forth between a text editor view and the HTML (code) view – the code is very useful if you know how to use it, and if you want to do a lot of editing of articles I recommend learning basic HTML, for which there are many free online tutorials.
  7. When you are finished, click “save”
  8. The article changes should now appear on the website

How to change the Working Groups page

  1. This instruction applies only to the text on the Working Groups page – not to the articles attached to the working groups
  2. Login to the backend: www.transitionstroud.org/administrator
  3. From the menu, select “Content-Category Manager”, or if you’re on the control panel with the big buttons, just click “Category Manager”
  4. Find the Working Group.  There is a filter box you can use if you can guess part of the title.
  5. Click the title of the category to edit it.
  6. You can change the title, section, and content easily.  The main text box is for changes to the content, with icons above for adding images and links, formatting and so on.  For the adventurous, there are more options on the right menu bar.
  7. Clicking [show/hide] switches you back and forth between a text editor view and the HTML (code) view – the code is very useful if you know how to use it, and if you want to do a lot of editing of articles I recommend learning basic HTML, for which there are many free online tutorials.
  8. When you are finished, click “save”
  9. The working group changes should now appear on the website

See what positions there are on a page

If you have started working with the administration part of the website, you may have noticed that there are things called “modules”, and their location on the page is determined by their “position”.

To see what positions are available on a page, so you can decide where to put a module, type the following URL: www.transitionstroud.org?tp=1.  You should see the page slightly faded, with some grey boxes on it, and a yellow box in the top left corner.

The dark grey boxes with white writing are “positions”.  If you assign a module to one of these, it should show up pretty much where the grey box is.  If you haven’t assigned anything to a module, the others will sometimes shove up or across to fill the space.  For instance, if none of the “user” positions have anything assigned to them, the positions below will just move up.

The yellow box shows information about the positions as you slide over them.