WordPress Image Positioning, Spacing & Alignment – Common Problems and Fixes

problems with images in WordPress - alignment, spacing, positiong

LAST UPDATED: August 2016

Ah images.

They cause so much grief in the WordPress editor don’t they? They just don’t seem to do what you expect of them. Unfortunately the WordPress editor is not (yet?) a drag n’ drop interface which is how people (well, Mac users mostly ;) ) expect it to work.

So getting images to do what you want can be tricky. This is not a basic “how to insert an image into a post” article (you can Google that) – this is for folks who know how to add an image, but just don’t understand why it won’t do what they want [insert curses here]! 

Read More

Enhancing Your WordPress Gallery

enhanced use of WordPress gallery

I’ve posted previously about the in-built gallery feature of WordPress,and some of the simple things you can do using the shortcode. With this post I wanted to share a few more tips and some apparently less well-known features such as using multiple galleries on one page.

BONUS PDF: Resources for finding, editing and optimizing images, and tools for creating social images.

Multiple Galleries In One Page/Post

In WordPress terms, when you upload images to a specific post, those images are attached to the post and become part of the default gallery for that post which you can insert into your post from the media uploader.

Basic WordPress Gallery

If you only use the media uploader, it would appear that you can only insert one gallery per post – the images you’ve attached to that specific post. But what if you want to include multiple galleries in one post? It doesn’t seem possible using the standard media uploader, but if you use the gallery shortcode you can do it easily. (I describe the basic use of the gallery shortcode here)

Read More

Image Editing Tools For Web and WordPress

Although WordPress allows for some image editing capabilities, it’s not ideal to upload large images into your WordPress admin and use that for re-sizing or cropping images. You’ll end up storing a lot of extra images on your server and over time it could affect the performance of your site.

It’s much cleaner to do your image editing outside of WordPress and upload images at the size you need them. This is especially true if your theme features a slider, or uses featured images that need to be very specific dimensions.

Image-related terminology

When dealing with images for the web there’s a few concepts you should become familiar with.

Read More

How To Use The WordPress Gallery Shortcode

WordPress has an in-built image gallery feature which does not yet seem to be common knowledge even though it’s incredibly simple to use.

So let’s say you are writing a post that you want to include an image gallery in.

1)   Using the usual upload/insert image button, upload any images you want to include in the gallery BUT make sure to just click “Save All Changes” instead of “Insert Into Post.”

2)   If you want your gallery to have captions, make sure to fill in the Caption field when uploading your images.

3)   To display the images you just uploaded, simply use the shortcode:

Read More

Basic SEO for Blogger – Adding Alt Text To Images

I personally use and am a huge fan of WordPress – I made the switch from Blogger many years ago. However I do have a couple of clients that use blogger to publish their blogs – they find it simpler to use. But simplicity comes at a price. Although it is owned by Google, Blogger does not do a great job at providing SEO features by default.  One of the basic things it lacks is an easy way for the user to add alt text to an image they are uploading.

Adding alt text to images is important for 2 main reasons:

1)   Accessibility – visitors to your site that don’t see well and are having the page read to them need alt text to understand what the image is all about.

2)   SEO – the alt text is the only way a search engine knows what the image contains. It cannot ‘read’ an image by itself and relies on alt text. Additionally you can attract traffic from Google Image Search with well-optimized images.

Read More