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

problems with images in WordPress - alignment, spacing, positiong

Last Updated on May 16, 2022. 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 a drag n’ drop interface which is how people generally expect it to work.

With the release of WordPress 5.0, the content editing experience has been revamped with the “Gutenberg” block editor. So it’s time to revamp this post. Gutenberg is not completely drag n’ drop, but it is a more visual way of creating content. Some parts of it make your life a lot easier, but not all issues are resolved. 

If you haven’t yet upgraded to WordPress 5+, the Classic Editor section of this post is for you. 

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.
Get the PDF

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