How to Add Media

rkz2iypkliy-juliette-leufke

For effective blog posts, you should add images, videos (if relevant) and other visual features.

Featured image

You will find this button by scrolling down the right hand column of the editor.

screen-shot-2017-01-31-at-10-03-27-am

The featured image you use for your post appears in two places on the blog – at the top of the page your post is on, and on the front page of the blog as a link to your post. To best fit the layout of the site, you should aim for a picture in landscape dimensions. Make sure the image is high quality, and relates to the content of your post. If you have your own image to upload, you can use that or check out our blog post for some suggestions on stock images (websites that have images you can use).

Images within post

Use the Add Media button along the top toolbar.

screen-shot-2017-01-31-at-10-04-38-am

Embedding images in the body of your blog helps to break up large blocks of text, increasing the readability of your post. Adding images in this section is a similar process to adding a feature image, but there is no need to choose a landscape image. Instead, focus on good placement of the images in your post, as per the examples below.

Videos

The best way to add a video to your post is by embedding a YouTube video. All you need to do is copy the embed code from YouTube and paste into the body of your post.

screen-shot-2017-01-31-at-12-13-21-pm

Click on the Share button to see the embed code, then click on Embed, copy the text and paste it into the blog post editor.

screen-shot-2017-01-31-at-12-15-43-pm

Embedded tweets

Embedding tweets is an easy way to connect your blog post to a broader conversation. To do this, you need the embed code from Twitter. On the tweet you would like to embed, click on the arrow in the top right hand corner.

screen-shot-2017-01-31-at-1-56-01-pm

From the dropdown menu, select Embed tweet.

screen-shot-2017-01-31-at-2-03-46-pm

This will prompt a pop up window with the link and a preview of the embedded tweet. Copy the text.

screen-shot-2017-01-31-at-2-12-25-pm

Once you have it, you’ll need to switch from the WYSYWIG editor to the text-only editor, which you can do by clicking the Text tab on the top right hand corner of the post editor.

screen-shot-2017-01-31-at-2-30-20-pm

Paste your code in, press ‘Update’ and the tweet will be correctly formatted for your post. You can switch back to the WYSYWIG editor by clicking the Visual tab once you’ve done this.