Images – Hugh's Views & News

Once upon a time, getting captions to centre underneath photos and images on blog posts involved adding complicated CSS code to your blog.

I don’t know about you, but it doesn’t look right to me whenever I see uncentred captions. It gives blog posts a messy look.

However, WordPress now makes it much easier to centre captions under blog posts, images and photos.

Banner for the blog post 'This Is How Easy It Is To Centre Captions Underneath Images And Photos On WordPress' — Are your captions centred?

Here’s my simple guide to centring captions.

Add an image or photo to a blog post.

Click on the image to open the image toolbar.

Image of a photo on a WordPress blog highlighting the image toolbar — How to centre a caption

You’ll see that the caption is aligned to the left under the above photo. Arghhhhh!

On the toolbar, click on the ‘Align‘ button and on the dropdown menu that appears, click on ‘Align Centre.’

Image highlighting the Align Centre button on WordPress — Click on the Align Centre button.

The image or photo will now be centred on your blog post, as will the caption.

Image showing a centred caption under an image on a WordPress blog. — The caption is now centred underneath the photo.

How easy was that? No more ‘Arghhhhhs.’

The example I have given above works on the Block editor.

Layout, content, settings and format might differ on self-hosted blogs.

Of course, if you prefer captions on your blog posts to be aligned to the left or right, you can ignore everything I’ve said in this post.

If you have any questions about centring captions, leave them in the comments section.

Looking for more blogging tips? Click on the ‘Blogging Tips’ and ‘Block Editor – How To’ buttons on the menubar of my blog.

Follow Hugh on social media. Click on the buttons below.

Thank you to Chuck Jackson, who blogs at ‘The Many Pieces of Chuck Jackson’, for asking me a question about blogging after reading my blog post ‘Do You Have A Question About Blogging?‘

#bloggingtips #blogging #WordPress — Ask Hugh

Here’s Chuck’s question in full.

#bloggingtips #howto #blogging — Chuck’s question

When it comes to adding images and photos to comments, we have to be careful with what we add. We should always ensure the photo or image has a connection to the subject of the post we’re leaving the comment on.

I’ve added images and photos to my comments on my blog posts and the comments I have left on the blogs of other bloggers. However, not everyone likes photos or images left in comments, so I’d recommend you first ask the blogger concerned if they’re happy for you to add a photo or image to the comment.

Many bloggers will be happy for you to leave images and photos, but it’s always polite to ask. Of course, if the blogger has invited readers to leave a photo or picture, there is no need to ask.

For the question Chuck asked me, I will show you how I inserted an image into a comment when I responded to a comment left on one of my blog posts.

Adding images to your comments

Author and blogger John W. Howell left me a question on a recent post. He asked me how he could switch to the block editor. I thought adding a screenshot to my response would help John (and other readers) find the answer.

Here’s John’s question.

And here’s my response.

The image shown had to be split into two to capture all of it.

However, how did I get the image inserted into my comment?

First of all, I took a screenshot of the image I wanted to capture. On my iMac, I do this by pressing Shift-Command-4.

The screenshot was automatically saved to the desktop of my computer.

Next, I opened my WordPress media library and dragged the image to it. You’ll find the button to your media library on the dashboard of your WordPress blog.

Once the image had been added, I clicked on it and then clicked the edit button to open it.

On the righthand side of the screen, you’ll see a window where you can add a caption or description for your image. We’ll ignore these for now as we need to find the URL box.

Click the ‘copy’ button on the righthand side of the URL box, and paste the URL address into your comment.
Do not, at this stage, submit your comment as you need to edit one part of the text within the link.

Carefully delete the ‘s’ from the ‘https’ at the beginning of the link address, so it reads ‘http’. (If you do not delete the ‘s’ the image will not show in the comment).
Ensure you link ends with ‘.png’ or ‘.jpg’. If it doesn’t, delete any text after ‘.png’ or ‘.jpg’.

You can now submit your comment.

The image will now show within the comment. However, remember that if you are leaving an image in a comment on another blogger’s blog, they may have to approve it (and may even remove the link to the image) before it shows up.

I’ve only found this to work on WordPress.Com blogs. On self-hosted blogs, only the link to the image is visible rather than the image appearing. However, those clicking on the link will see the image.

I want to thank Chuck for asking his question and hope my answer has helped.

Meet Chuck

#author #writer #blogger #books — Author, Writer and Blogger, Chuck Jackson

Connect with Chuck.

Chuck is a retired accountant living in South East Florida in the U.S.A. He graduated from the University of Texas at San Antonio with a B.B.A. in Accounting.

Chuck spent the last 25 years working as the Budget Manager for a Special District in Palm Beach County. He was a member of the Government Finance Officer’s Association (GFOA) and Florida’s GFOA.

Since his retirement, Chuck has spent his years studying and enhancing his writing. He currently has three published books available.

When not busy writing, Chuck loves to play golf and is a member of a local country club.

Want to give inserting an image or photo into a comment a go?

Leave me a comment with the link to your image. Perhaps it can be a photo of your latest book cover or of a family pet. I’ll leave it up to you, but family-friendly images only, please.

If you have any further questions about inserting images or photos into the comments, leave them in the comments section.

Don’t forget that if you have any questions about blogging, leave them in the comments section. I’ll feature you in the post I publish that answers your question.

Update – since publishing this post, I’ve discovered that not all images and photos will show if the security settings on your web browser are set high. However, this does not affect the images or photos you leave in your comments on your own blog posts. I recommend that you not change the security settings on your web browser.