Instructions

[heading style=”1″]Adding Country Profile Pages & Posts[/heading]

Each of you has a country profile “Page.” This is a static page that you only have to mess with this once. The “Posts” are your country’s blog, which will appear in the order you post them, underneath your country’s profile “Page.” The process for Pages and Posts is the same. I’ve added a header and a map with Malaria Endemicity to each of your pages already. Make sure you add your content below the map, and above the twitter icon (if you have one). Please add me to gchat (miketoso@gmail.com) with questions, call (77-354-6240) or shoot me an email anytime with questions!

(Click on the little orange words if you need a visual)

  1. Click the [modal name=”Post”]Posts[/modal] button (All Posts, Add New, Categories, and Tags will appear, ignore them and just click “Posts)
  2. Find you country’s post (ex: Zambia’s First Country Profile Post) and as your cursor hovers over the text you will see an [modal name=”Edit Post”]”edit”[/modal] button: click it.
  3. Feel free to change the[modal name=”Title”]title[/modal] of you post.
  4. Add [modal name=”Content”]content[/modal] the same way you would in MS office, most of the formatting icons are the same.
  5. If you need to insert images use the[modal name=”Add Media”]media icon[/modal] in the upper left.
  6. [modal name=”Select Files”]Select[/modal] which file you would like to upload
  7. Name your files with names you imagine search engines will associate with us and choose an [modal name=”Alignment”]alignment[/modal].
  8. Click the [modal name=”Insert”]insert into post[/modal] button and then close this box (top right hand corner).
  9. [modal name=”Preview”]Preview[/modal] what you have. The box that opens the preview is just a simulation: these changes are not actually made, no one can see them but you.
  10. When you’re satisfied, press the [modal name=”Update”]update[/modal] button.

There are a lot of great ways to customize your pages once we’ve got the basics down. Please add content this week and more little orange-text tutorials will appear.

[heading style=”1″]Embedding Video Content[/heading]

We have some new videos and radio programs to watch! Check out what Samantha is doing with the Mali page. You’ll notice there are two new blog posts below the Mali page. Whenever you create ‘posts’ this is where they will appear (in order by date). Today we’re going to go through how to embed videos on to a page (or post, the process is the same). Specifically, we’re going to go over how to ensure video dimensions are set up, and that user-friendly boxes like “html5” get checked (because we aren’t all in countries with computers that have the latest flash player installed).

  1. Locate your video and find the [modal name=”Share “]”share”[/modal] button.
  2. Next find the [modal name=”Embed”]Embed[/modal] button and click it.
  3. Some [modal name=”Settings”]settings[/modal] have just popped down. Make sure “Use HTTPS” is checked.
  4. Enter 930 into the dimension in the blue box below where you checked “Use HTTPS”. It should automatically fill the height to 503. You’ve just adjusted the video size to fit our website page width.
  5. Make sure the 930/503 dimensions show up in the code above (the code that begins with <iframe). Copy this code.
  6. Paste the code into your new post. Be sure you do this in the html, not the visual box.
  7. Remove the side bar and From-the-blog-Row in the [modal name=”Publish”]options[/modal] beneath where you pasted in the code.
  8. Don’t forget to check your country from the list in [modal name=”Categories”]Categories[/modal]: if you forget this, the new blog post won’t appear beneath your country page.
  9. If you have a series of videos with related content and you’re using youtube to stream them, making a video playlist and then posting that code will play one video after the next in the same frame. If this you’d like to know how to do this let me know and I’ll post that tutorial.

[heading style=”1″]Using Short Codes[/heading]

Short codes look complicated at first, but they’re really, really easy to use once you’re used to a couple initially odd-looking bits and pieces. The thing to remember, really the only important thing, is that short codes work like a sandwich: you have to put a bracketed word [bracketed word] before and after the text you want affected [/bracketed word]. Your first bracket opens an effect.  Notice the second bracketed word had a / inside of it, this backslash ends an effect. Anything you type between these bracketed words will be the content affected by your short code. (I’m not using the real brackets from now on in this tutorial because it I did, it would work as a short code, so when you see {example} from now on, remember you’re supposed to use [example] )

1. Adding ‘featured content’: to add a box like the one above, type {feature href=”http://stompoutmalaria.org/mali” buttontext=”Mali”} Check out the Mali page! {/feature} Remember to use the real [brackets], not the ones I’m {using} for this demo.

[feature href=”http://stompoutmalaria.org/mali&#8221; buttontext=”Mali”] Check out the Mali page! [/feature]

[divider top=”0″]

2. Adding ‘tagline text’: to add a heading title with bordering lines, type {supertagline} Check Out Burkina Faso’s New Headline {/supertagline}

[supertagline] Tagline Text [/supertagline]

[divider top=”0″]

3. Adding ‘super quotes’: to add a larger, italicised text, type {superquote} Peace Corps is a unique organization {/superquote}

[superquote] Peace Corps is a unique organization [/superquote]

[divider top=”0″]

4.Adding ‘tagline text’: to add a tagline, type: {clearfix} Tagline Text {/clearfix}

[clearfix] Tagline Text [/clearfix]

 

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s