Task 19: Insert Images into Posts and Pages

In this task you will learn more ways to add images to your Posts and Pages. WordPress has several options for handling images. You already used the Featured Image method as part of learning how the Media Library works.

As background for this Task, please read the tutorial on inserting images into Posts and Pages at wordpress.org.

To complete this task…

Make a new Post or Page and insert two different images, using two different alignment methods described in the tutorial article.

Experiment with the Alignment setting. The alignment methods are: Right, Left, Center, and None.

Experiment with the Image Size setting. By default WordPress uses four standard size settings:

  1. Thumbnail: Displays a small thumbnail-sized version of your image on the page/post. Note, by default the Thumbnail size is a square, so some cropping of your original image may occur.
  2. Medium: Displays a medium-sized version of your image on the page/post. This is a good size to use with Left/Right alignments, as it leaves sufficient space for legible text to either side.
  3. Large: Displays a large-sized version of your image on the page/post. Note: WordPress will determine the width of the content column of your theme, and display the largest possible image for that space.
  4. Full Size: Displays a full-sized version of your image on the page/post. Note: WordPress will determine the width of the content column of your theme, and display the largest possible image for that space. If your original image is larger than this column width, the full size of the image may not be displayed.

Image Layout Options

You have many options for image placement and sizing. Keep in mind that your images must look good on mobile devices as well as on large screens. Be sure to test your layouts on mobile devices!

If you are using a responsive or fluid-width theme, the position of text and images on your pages may vary quite a bit depending on screen sizes. For that reason, images can sometimes collide if they are placed too close to one another on a page. There are special methods to set up image galleries that we will not be using in this Task.

If you are concerned about accessibility of your site, it is essential that you follow good practices in adding alternative text tags to all your images. If you follow the practice of adding images to the Media Library before you add them to Pages and Posts, it may help you to be more disciplined in adding the necessary text fields to improve access by people with disabilities.

Print Friendly, PDF & Email

Leave a Reply

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

This site uses Akismet to reduce spam. Learn how your comment data is processed.