Currambena Primary and Preschool

Photo’s and artworks require a bit more expertise. If at all possible use the firefox brower when uploading images. If you have to use Internet Explorer, then make sure you only have one tab or window open on the website – IE gets confused otherwise.

You need to know how to use

1. the scanner (see the scanner options, scan as photo with filetype tiff/jpeg.
2. an image editing software (to crop and resize)
3. the wordpress image upload
4. how to insert and align the images in the posts.

The Cover Photo

• prepare photo for cover page:-
  • choose an image with preferably
    • a portrait layout
    • with more than one child in it, try to give all kids a turn through the year
    • must look good in black and white (ie:when printed, this knowledge comes with experience – try printing it first to test, don’t choose dark images). Note it is nice to have colour photo’s on the web for marketing – if necessary (ie: if one cannot fix the lightness with the printer), have a “draft” post with a light B&W image and leave the colour image as the “published” one for the web.
  • Prepare the image outside of the web using your photo editing tool (eg: mac iphoto or photofiltre or gimp).
    • resize to a width of 600 and height of 840 before uploading (or slightly larger, but not much smaller. (NB Resize to 600 by width, not largest size – this will match the header)
      note if your camera or editing program has put in a white border, this will appear as such when uploaded unless you “crop” it out.
  • To upload as a “photo of the week’, go to ‘write post’.
    • Enter title eg ‘Wednesday 28th May, term 2 Week 5″.
    • Scroll down and set category to “photo of the week” (this is NB).
    • Click on the little icon that says “Add media – image’.
    • Then go to “browse’ – look for file on PC. Select it.
    • Then click upload. Wait – this can take a while.
    • Once uploaded, scroll down, click centre, click full size, click ‘insert into post’.
    • Wait again till return to post.
    • Check that wordpress has the image size and alignment correct. Put cursor on image and click the tree icon (edit image). Click width is 600, and height is appropriate (depends on your picture). Click centre. Save.
    • Save the post as a draft or pending review until publication time.
    • Repeat for the B&W version (title will have to be slightly different).

Artworks inside an article and online:

Getting it ready:

• Scan drawings to the computer or network first – preferably as a jpeg (not a tiff), and to a suitable size and resolution.
• If you have a tiff, use an image editing program to export it as a jpeg (a low “web” resolution of 100 dpi is normally adequate) – compress at about 80% – check the quality of the result.
• Upload the images into wordpress, using similar procedure to the cover photo. You may find it easier to upload all the art without inserting and then do the inserts in one go. Note once you have clicked up load it should have uploaded – look for it in the gallery or the media library first before repeating an upload.

Inserting and aligning

• Click within the text of a post at a suitable position for the image and then insert it into the post. The text will “flow” around the image. The full effect will only be visible when you preview the image.

Aligning artworks to stick out far outside the text border, and to stick out even more when printing.

• In Visual Mode, click on the image, then click on the “tree” edit image icon. Near the bottom of the pop up box is a field labelled “class”. Add “farright” or “farleft” with a space separating it from any other classes. This will push the image out into the margins a bit online and quite bit more when in print preview. Obviously any printer margin settings must allow for this. The full effect will only be visible when you preview and/or print preview the image.

Print Preview

• Always preview the print (check margins, headers and footers) to check where the page breaks. You may want to move the image.