Editing the CCH website

Transcription

1 Editing the CCH website The website has been designed in Wordpress to make editing easy. Before you start, look at the basic structure on the Home page. Posts: You will see that the most recent six Posts appear on the home page. As soon as you add a new one, it pushes the last one off the bottom. Updating posts is the most important way to keep the site fresh. (And you should put the same information on the CCH Facebook page.) Abbreviated versions of the Posts appear down the right side of any open page. Click on the heading of a post. It takes you to a page with just the post on it. That s only helpful if you don t want to direct them to more information on one of your main pages. Click on more details and you should go to an existing page. Pages: the menus across the top give access to the groups of pages. You will generally have access to only one of the groups below. Now you are ready to edit. There is a tiny staff login in the line of text at the bottom of the home page. You will be asked for your Username and Password, which you will have been given. These give you access to the Dashboard, which allows you to: Add, Delete or Edit the pages associated with your Username (e.g. Education, Community) Add, Delete or Edit Posts Add or Delete Media (Images, pdfs, etc.) although you will usually not need to look at the Media separately from editing. You will probably only want to go to Pages or Posts and follow the instructions below. 1

2 Posts You have something new. So click on Posts. Then Add New. You will get a screen which includes this: Don t worry at this stage about the toolbar. Just go into the title line and give it a title, and then write your news in the main box. You should try to keep it short, and make sure there are no blank lines after your text. To direct readers to a page, make some words bold (highlight them and click B in the toolbar) and then, while they are highlighted, click on the link sign: You can put in the address of any website, but usually you want to link to another page on the CCH website. You can search for it in the Search box, and choose the PAGE in the list below. Then click Add Link. You can also link an address by changing to mailto: and the address (no spaces) e.g. mailto:education@cch.org.au 2

3 Your post is now ready to upload. So click Publish on the right hand side of your editing screen. Done! Now add an image. Put the cursor at the beginning of your post. Click Upload/Insert (above the toolbar). If you choose Media Library, you can search for your picture by name, and then click Show. For a post, you only need to change two things: Alignment Right or Left (so it appears beside your post) and Size. Thumbnail makes it very small, and square (even if it isn t). So put it in Medium and then edit it. Once it is in, click on picture icon and edit it, because even the thumbnail is too big for a post. Change the size: Click Custom size, and choose. For a post, about 100 pixels is a good size. Link it to another page if there s more information there because that means someone can click on the picture and get more info. Put a brief description in Alt Text (so it can be read to visually impaired users). 3

4 A little picture will now appear beside your post when you click Publish or Update. Pages Editing pages is similar. You can find your pages from the Dashboard. If you want to change one, click Edit, change the content, and then Update on the right. If you want to create a new page, click Add Page. Give it a title and choose its parent page from the drop-down menu on the right. This is important so it goes in the correct drop-down menu. Then edit it as you edited the post. Adding images: If you have a new large image, make it smaller before you start. Images should be no more than about 700 pixels wide. Click Upload/Insert Either: choose the Media Library, search and then Show, Or but only if the image has never been used before select from your computer, and upload a new image. 4

5 Before you leave this box, you need to: Add Alternate Text, a short description of the image Decide if it is to be aligned right or left (you can experiment with this, but we have a style of having a small image with alignment None (i.e. above the text) as the first thing on each page Choose the size Click Insert into Post Adding a document or a pdf is more or less the same. We shouldn t normally put Word documents on the web, so make them into a pdf first (and if you can, choose a lower resolution). Don t change the contents of the Link Url. It won t appear on the page, but should be a clickable link. All links should be in bold as they will appear in green, and bold makes them more visible. Otherwise, don t mess with the fonts unless you want to destroy the integrity of the website design. Some extra features Using the Media Library You can use again pictures or documents which have been used before. After clicking Upload/Insert you choose Media Library, and get the options below: You can search for something by name. Resizing and using a picture If you have a picture to upload, chances are it will be too big for the website. Some editing programs allow you to save for web, and even then they can be too big. You can also crop and resize easily in Microsoft Office Picture Manager (from Start: All Programs>Microsoft Office>Microsoft Office Tools>Microsoft Office Picture Manager). Open your picture and go to Edit Pictures and then Compress (better than Resize, as it lets you choose compression for web ). You can also crop and most pictures look better if you do. It needs to be saved as a.jpg or a.gif. In Picture Manager, choose Export from the File menu, or Rename from the Edit menu, and then choose jpeg as file type. It s a good idea to rename the file with a short simple name with no spaces. 5

6 When you upload the picture, you should make sure its dimensions are no larger than 800x800. You can choose the rough size and press upload. If it still looks too big, you should click on the picture and then on the edit icon that appears on top of it. That will allow you to alter its Alignment, and also reduce its size by a percentage. This is also a good time to check you ve added Alternate Text (important for anyone vison impaired). You can also add a caption. The order of posts As you add posts, they automatically go to the top of the six on display, and push the bottom one off the page. You can cheat the system by altering the date on one or more of them on the right hand side of the screen, and then clicking Update. The order of pages in a menu Pages have an order number which defaults to zero. If you want to change the order of pages in a menu, you will need to give them all numbers (which don t have to be sequential). They will then display in ascending order. 6

7 Style Guide Pages automatically default to the same page heading and paragraph font styles. We use a sub-heading which is Heading 2 on the drop-down menu. We don t use underlining or CAPITALS. Please use bold sparingly, but if you are inserting a link, the link text needs to be bold to be clearly visible. Anything which requires booking or payment needs the Book Now button at the bottom of the page. It must be linked to the booking page. It won t automatically link, so Alignment: None Title: Book Now Alternate Text: Click to book Link URL: delete what is there, and put: 7