The aim of this fourth activity is to:

  1. Learn how to add images to your posts and pages.
  2. Add an image(s) to a post.

Using Images in Posts

Images grab your readers’ attention and encourage them to read your posts.

But you can’t just use any image you like in a blog post.

Laws that apply to the use of copyright material in schools don’t apply to using the material on the Internet.  We will discuss copyright and finding images online that you can use in blog posts in the next step in this series.

For this activity, we will focus on learning how to upload photos you’ve taken or created using an app, or an online photo editor tool.

Remember to be Internet savvy.  Don’t share personal photos online. Be kind and compassionate. Don’t upload photos that could hurt someone else.

Upload your own photos

Go to Posts > Add New

Add new post

Add an image block where you want the image to be added.

To add a new block you click on the + icon at the right of an empty block or at the top left and click on the Image icon.

Add image block

Click on Upload.

Select the photo on your computer that you want to upload and then click Open to start uploading the image.

Remember in this activity you must only upload photos you’ve taken yourself or photos you’ve created using an app or online tool. Don’t use a photo you’ve found online!  We will teach you how to find online images you are allowed to use in the next step in this series.

Select image and click Open

Once the photo has been uploaded you will see options in the image block toolbar and image block settings in the editor sidebar where you can make adjustments to the image.

Image block options

Click on the Settings icon next to the Publish/Update button if you don’t see the editor sidebar.

click on Settings icon

The image block toolbar is used to make changes like aligning the image, linking the image to a website, or cropping the image.

The image block settings include options to:

  • Change the style of the image. For example, you can change it rounded, bottom wave, top wave.
  • A text field where you can add the Alt Text which is important for people who use screenreaders.
  • Change image size.
  • Replace Image.

Image Alignment

To align an image within a paragraph you need to insert the image block just above the paragraph block then click on the image block and select left or right alignment.

Align image

This merges the image into the paragraph block and the text wraps around the image as you resize the image.

Wrapping text

If you want several images to appear side by side you need to add using a gallery block.

Use online tools or apps to create images

There is a range of online tools and apps that can be used to improve images you create or create new and interesting images.

Here’s a list of a few online tools for creating and modifying images:

Here are some examples:

Photofunia
Created using art on a brick wall from PhotoFunia
Created using Framer tool from Big Huge Labs
Comic created using Make Belief Comix

Once you’ve created your new image using one of these online tools you click on the Download button to download it onto your computer and then upload it to a post using an image block.

YOUR TASK

Complete one or more of the following tasks:

  1. Add a photo you’ve taken to a post and then share a link to your post by leaving a comment so we can see how you went.  Ideas for your post could be to write a poem or story about the image.
  2. Create your own images using an app or an online tool and then include your image in your post.  You could create a series of images like I’ve done in this post and then tell your readers which tool you liked the best and why.
  3. Leave a comment on this post and tell us how you went adding images to your post. Remember to leave a link to your post in your comment so we can have a look at your new post.

29 thoughts on “Step 4: Add Images To Posts

  1. Added a silly little picture that was saved on my computer with the most millennial text I could think of.

  2. To add an image I downland one that I sent to my email from my phone and upload the image to my blog.

  3. I created two separate posts for this. For the simple photo post, I used a photo of a charcoal piece I created and wrote a poem based off of it. For the photo creation post, I used a photo I had edited on a website called freeonlinephotoeditor.com and used it in a post of image prompts for the Write Club members. This particular image was a watercolor galaxy I had made a year or two ago, but the editor had enough features that I was able to make it into something completely different. I was actually going to use one of the photo services recommended in this post, but most of them were blocked on my school Chromebook and the others just didn’t work well for me. I thought that Big Huge Labs had potential, but it wouldn’t accept any of the photos I tried to upload, even though they were all photo types the site accepted.

    First post: http://rhswriteclub.edublogs.org/2019/02/28/suffocation/
    Second post: http://rhswriteclub.edublogs.org/2019/02/28/image-prompts/

    (My image on the second post is the first one in the post and is credited with my name. All of the other images on the second post are from Pixabay, as specified in their captions.)

Leave a Reply

Your email address will not be published. Required fields are marked *