WordPress instructions for oxfordhousejovenes.com

FOR TEACHERS

 

Signing in to WordPress

  1. Visit: http://oxfordhousejovenes.com/wordpress/wp-admin/ The login page can also be accessed from the home page of the Zona Joven by hovering over ‘Teachers’ in the top menu and selecting ‘login’ from the drop-down menu that appears.
  2. Sign in with your username and password, which will be emailed to you.
 

Editing your profile

  1. Sign in.
  2. Click Profile in the left menu.
  3. Click Your Profile.
  4. Edit settings as desired. You can enter a bio, change your password at the bottom of the page, change your display name (NOT username), etc.
  5. To set an image avatar, you need an account with WordPress.com and Gravatar. Create an account with WordPress.com, using the same email address used in your Zona Joven user account. Then go to the Gravatar site, log in to the area for WordPress users at the bottom of the home page, and set an avatar image. In 5 to 10 minutes your image will appear in Zona Joven.
 

Adding a teacher post

A teacher post is a post from the teacher to parents about what is happening in class. These posts appear on your class’ page and the home page on oxfordhousejovenes.com.

  1. Once logged into WordPress, click on Posts in the left menu, then on Add New.
  2. Write the post (See detailed editing notes below on using the editor.).
  3. It could be a good idea to title each post with the date; this could make the posts look more logical to parents when they see them on your class page.
  4. In the right menu, in the category box, choose the class’ category. For example, If John has a class at Oxford House, he would look for a category like ‘Lun/Mié niños con John’ and tick it.
 

Adding student posts

Student write posts as assigned for class. These posts show up at the class’ web page, as well as on the home page of oxfordhousejovenes.com.

  1. Click on Posts in the left menu, then on Add New.
  2. Write the post (See detailed editing notes below on using the editor.).
  3. In the right menu, in the category box, choose the class’ category. For example, If John has a class in Oxford House with kids on Monday and Wednesday, his students would look for the category ‘Lun/Mié niños con John’ and tick it.
  4. Click Submit for review.
  5. The teacher will have to approve the post.
 

Approving pending student posts

  1. Click on Posts in the left menu.
  2. Click on Pending along the top of the post list to view only posts awaiting approval.
  3. Browse the list of pending posts for your students’ posts. You can skim down the ‘Category’ column looking for posts with your class’ categories.
  4. Click on and open posts that are waiting for you. Click Publish.
 

Editing online attendance sheet

  1. Make sure you are logged in to WordPress.
  2. On the normal web site, NOT in the WordPress dashboard, go to the top menu. Hover over ‘For teachers’ and choose ‘Attendance’.
  3. You will see a google spreadsheet. Edit your group’s attendance. Changes are saved automatically.
 

Users and roles

The following roles are in use:

Admin: Angela :)

Editor: Course director and teachers

  • Can write posts
  • Can edit posts
  • Can approve pending posts (students posts must be approved to be published)
  • Can edit pages

Contributor: Students

  • Can write posts
  • Posts must be approved by user with higher role to be published

DETAILED EDITING NOTES

 

Getting rid of line breaks

When editing a post with the Visual editor (not HTML), every time you hit Enter, a new paragraph is created. Behind the scenes in the html, this causes a blank line to be inserted between the line you were just on, and the new line you have just ‘Entered’ to. To remove this line you will need to edit the html like this. Say I have written:

My favorite things to eat are:

Pizza

Pasta

Apples

And I want to remove the line breaks between ‘Pizza, Pasta and Apples”. I would:

  1. OPTION 1 – Use bullets, by clicking the bullets button in the editor toolbar.
  2. OPTION 2 – Edit the HTML – Click over to the HTML tab in the top right of the editor toolbar.
  3. Find the paragraph in the html which will look like:Pizza

    Pasta

    Apples

  4. Remove the spaces between each line.
  5. Return to the Visual tab in the upper right of the editor.
 

Creating or removing a link

  1. Once on the post editing page, highlight the text you would like to turn into a link.
  2. Click the small chain link icon above the white box you are typing in.
  3. Enter the link URL.
  4. Choose a target. For links to pages on other web sites, ‘In a new window’ is recommended.
  5. Set a title (optional). A title is the text that appears when you hover over a link.
  6. Do not set a class.
  7. Click ‘Insert’.
  8. To remove a link, highlight it and click the broken chain link icon.
 

Posting an image

  1. Once on the post editing page, place the cursor in the location in your post where you would like the image to be.
  2. Just above the box you are typing in, you will see ‘Upload/Insert’ followed by an icon of a camera/music notes. Click the icon.
  3. Along the top of the window that opens are three tabs:

A. From Computer: Use this tab to upload an image saved on your computer. NOTE: This type of insert is only recommended for images your class has taken. For images found on the internet, ‘From URL’ is recommended so that we do not house thousands of images on our server! DO NOT INFRINGE COPYRIGHTS.

  1. Click ‘Select file’
  2. Once uploaded, the image will display and you can adjust settings:
    – The title is the text that shows up if one hovers over the image
    – The alternate text shows up if there is a problem and the image can’t display
    – The caption is optional and is text that will appear below the image
    – Delete the Link URL
    *MEDIA TAG* – Important: If uploading an image of your class, add the correct media tag in this field so that the image automatically appears on the multimedia page for the current term. For example ‘Curso 2012-2013′ (without the quotation marks) is the media tag for the 2012 – 2013 courses.

    (Click for full size image.)
    – Set alignment
    – Set size
    – Click ‘Insert into post’

B. From URL: *Recommended for images found on the Internet so that we do not house thousands of images on our server!* DO NOT INFRINGE COPYRIGHTS.

  1. Find the image on the web, right click it and select ‘Copy image location’. For some browsers, you may need to click on the image to open it in a new window in order to obtain the URL.
  2. Insert image URL in the WordPress image editing window
  3. Adjust settings: – The title is the text that shows up if one hovers over the image – The alternate text shows up if there is a problem and the image can’t display – The caption is optional and is text that will appear below the image – Delete the Link URL – Set alignment – No link required
  4. Click ‘Insert into post’

C. Media Library: Allows you to browse images already saved on our server and use them again.

  1. Browse the list of images.
  2. For the one you would like to use, click Show.
  3. Set the settings the same way described under ‘From Computer’ above.
 

Setting a featured image

Our WordPress widgets (like the ones in the sidebar or at the bottom of class pages) are configured to show a thumbnail of the first image in each post. If for some reason your images are not showing up in the widget, follow these steps (only works for uploaded images, not images from URL):

  1. When editing the post, on the bottom of the right column, click ‘Set featured image’.
  2. If you already have uploaded your image to WordPress, click ‘Media Library’ at the top and select your image. If you still need to upload the image, click ‘From Computer’ and upload the image.
  3. At the bottom of the window that appears for that image, click ‘Use as featured image’. Then close the image box.
  4. Click ‘Update’ to publish the new version of your post.
 

Posting a video

Videos uploaded to WordPress only become available for the site visitor to download, not to view online. Teachers should upload videos to the Oxford House YouTube account, set the privacy setting to ‘Unlisted’ and add the video to the correct playlist so that is appears on the Multimedia page on oxfordhousejovenes.
Uploading to YouTube

  1. Log in to the Oxford House YouTube account:
    oxfordhousebcn
    Oxfordhouse9
  2. Click ‘upload’ in the upper right.
  3. Select the video to upload and set the privacy setting to ‘Unlisted’. Click ‘Save settings’.
  4. While logged in to youtube as oxfordhousebcn, view the video on youtube. Under the video click ‘Add to’ and then add the video to the correct playlist that corresponds to the course during which the video was made (for example, ‘Verano 2012′). Now the video will automatically appear on the multimedia page on oxfordhousejovenes.
  5. Now you can simply copy the URL of the video and insert a link into your Zona Joven post, or you can embed the video into your post. To get the embed code, view the video on YouTube, and under the video window, click ‘Share’, and then the ‘Embed’ button that appears. Then copy the embed code that appears.

Embedding the YouTube video in your Zona Joven post

  1. Once on the post editing page on Zona Joven, switch from the Visual to HTML tab in the upper right of the html editor.
  2. Paste in the embed code.
  3. Click back to the Visual editor tab in the upper right again to see if it is correct.
  4. Click ‘Update’ or ‘Publish’.

FOR COURSE DIRECTOR

 

Editing pages

  1. Click on Pages in the left menu
  2. Select the page you would like to edit from the list that appear; there are more than one page listing all the pages so you may need to navigate.
  3. Note: If you change the page title, it will change in the main menu, so try to keep titles short.
  4. See detailed editing notes on using the editor for how to insert images, etc.
 

Posting news to slider box on home page

  1. Click on Posts in the left menu, then on Add New.
  2. Write the post (See detailed editing notes on using the editor.).
  3. IMAGES in this post should be cropped SQUARE before inserted in the post so that they are not distorted when displayed in the box on the home page. After uploading your image, click ‘Use as featured image’ in the upload window, then ‘insert into post’.
  4. In the right menu, choose the category Noticias.
  5. By default, in the slider on the homepage, the text from your post will appear and at a certain point be cut off by ‘…’. If you want to specify the excerpt text that appears in the slider on the home page, when editing your post, enter the desired text in the ‘Excerpt’ box under the post editor.
  6. To change how many posts appear in the main box on the home page, in the left wordpress menu choose Appearance –> Theme settings, and at the bottom of the page edit the number of Featured Posts, then click Update Settings. If you reduce the amount of Featured Posts shown, the oldest posts will disappear from the slider. You can change the publish dates of posts to make them appear in the order you prefer. You can do this by opening the post for editing and in the right column, in the Publish box, next to the ‘Published on’ info, click ‘Edit’. Then click ‘Update’ to save.