4. Positioning images in Web pages

4.1. Edit image button

Click the edit image button by clicking an image, and then hovering over the image.

4.2. Alignment

Select the alignment you’d like and click “Update”

image024

Now here comes the tricky part: getting the image in the right place. If you’ve used WordPress before, you know that the Visual Editor you use to compose your pages is not so visual. What you see in the visual editor is not what your page will look like when published.

So here are a few tips to help you get the image exactly where you want it:

  1. Write the text of your page first. Then go back and add images. Otherwise, you’ll spend a lot of time playing with your images, only to find that when you add more text, the images move around.
  2. Preview your page and find the text where you want your image to start. For instance, look at the screenshot below:

image026

I’ve outlined where I want my image to start. And the text that begins that line is the word “to”. So I go to my visual editor, put my cursor where the word “to” is, and add my image there (and selected right align).

And here is what it looks like:

image028

  1. Resize the image as needed. Go to the same “edit image” screen you used when choosing an alignment. There is an option there to resize your image. Resize it until it fits correctly.
  2. Use the preview button a lot. As you add your images, be sure to check the preview to make sure it looks correct. Start at the top of your page, add your first image, position it, and then preview it. Once it’s correct, move to the next image.

4.3 Further reading

See: http://www.mywpexpert.com/insert-position-images-wordpress/