Inserting images into your post in WordPress

Inserting images via Insert Media in WordPress.No post is complete without an image or two. They help lighten the burden of lots of copy and provide an instant impression of what your page is about. In WordPress, inserting images couldn’t be easier.

What not to do with your images

Before I show you methods for image insertion, I will give you the following advice. Many WordPress newbies cram their posts with images. Although a picture tells a thousand words, putting too many into your post will result in a visual clutter. Most WordPress themes are flexible on width, so you may find left/right aligned images totally mess up when viewed in different browsers.

It is better to have plenty of copy and a couple of complimentary images. As well as being aesthetically finer, it makes sense from an SEO point of view.  Images can only pass a little bit of textual information via the ALT tags and search engines are interested in what you write about.

If you really want to pack as many images into your page as possible, then consider using Gallery format, if your theme supports it.

Easy steps:  inserting images

Try out the following:

  1. Place your cursor at the point where you want your image to appear. This should be done at the start, end, after or before text. Never place your cursor between words, unless you are not aligning your image and you want it to appear within your sentence.
  2. Click on the Add Media button to bring up the Insert Media interface.
    • To insert a new image, click on the Upload Files tab from the Insert Media interface. You can either:
      • Drag and drop your image file on to the Insert Media window.
      • Click Select Files to bring up the file browser to choose your image file.
      • Select your image file and submit to start uploading.
    • To insert an existing image, click on the Media Library tab from the Insert Media interface.
      • Select your image from the library by clicking on a image.

Before you commit and add your image, it’s worth taking a look at the finer settings.

Attachment Details

  • Title – this is used purely for your management purposes and will not be displayed at the front end of your website.
  • Caption – if you type within this text-field, then your image will appear within a frame and your caption will be displayed beneath it.
  • Alt Text – This is the alternate text and is important from an SEO point of view. Use it to describe your images. Try and include your keywords in it, but don’t force them. The alt tag is also very useful for people with visual impairment. Keep that in mind when writing your alt text.
  • Description – A longer image description. Often shown when you use a thumbnail to link to a larger image.

Attachment Display Settings

  • Alignment – Left, Center, Right, None. Out of the three, I tend to use the Right align the most. It is very practical and will allow your copy to wrap around it neatly.
  • Link To – What will happen if someone clicks on your image:
    • Attachment Page – Links to the WordPress media attachment page.
    • Media File – Links  to the original, full-size version of the file.
    • Custom URL – Set a custom URL for your image.
    • None – Not clickable.
  • Size – The size that your image will be display within your page.
    • Thumbnail – Small-sized image. By default this may be cropped to a square aspect. Typically 150px x 150px.
    • Medium – Perfect for most tasks, especially right alignment. Standard Medium is 300px x 300px.
    • Large/Full Size  – This will display an image at an optimal size for your template.

When you are ready, click on the Insert into post.

Edit image within WordPress

fig.1

Removing an image

You can edit or remove your image simply by single clicking on your image within the WYSIWYG environment. Two icons will appear in the top left hand corner (fig.1). The first allows you to edit size alignment and attachment details. The second will remove your image from your post.

Further reading

Creating a new post within WordPress: Best practise

Leave a Reply

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