WPBeginner

Beginner's Guide for WordPress

  • Blog
    • Beginners Guide
    • News
    • Opinion
    • Showcase
    • Themes
    • Tutorials
    • WordPress Plugins
  • Start Here
    • How to Start a Blog
    • Create a Website
    • Start an Online Store
    • Best Website Builder
    • Email Marketing
    • WordPress Hosting
    • Business Name Ideas
  • Deals
    • Bluehost Coupon
    • SiteGround Coupon
    • WP Engine Coupon
    • HostGator Coupon
    • Domain.com Coupon
    • Constant Contact
    • View All Deals »
  • Glossary
  • Videos
  • Products
X
☰
Beginner's Guide for WordPress / Start your WordPress Blog in minutes
Choosing the Best
WordPress Hosting
How to Easily
Install WordPress
Recommended
WordPress Plugins
View all Guides

WPBeginner» Blog» Beginners Guide» How to Add Caption to Images in WordPress

How to Add Caption to Images in WordPress

Last updated on February 26th, 2019 by Editorial Staff
353 Shares
Share
Tweet
Share
Pin
Free WordPress Video Tutorials on YouTube by WPBeginner
How to Add Caption to Images in WordPress

Do you want to add captions to your images in WordPress? Captions are brief text descriptions that you can add to your images. They are typically used to provide additional details about an image.

WordPress comes with the built-in capability to easily add a caption and other metadata including title and alternative text for each image.

In this beginner’s guide, we will show you how to easily add a caption to images in WordPress.

How to Add Caption to Images in WordPress

Adding Caption to Images in WordPress

The first thing you need to do is to upload an image. On the post edit screen, click the ‘Add Block’ icon and select the ‘Image’ block.

Add Image Block in WordPress

Upon clicking on it, the Image block will be added to your post area.

Image Block Added In WordPress

You can now click on the upload button to select and upload an image from your computer to WordPress. You can also select a previously uploaded image by clicking on the media library button.

To learn more, see our article on how to add and align images in WordPress.

As soon as you add an image, it will appear inside the editor with a text box labeled ‘Write caption…’ below it.

That’s where you can add a caption for your image.

Add Caption to Image in WordPress post

Once done, you can save your post by clicking on the publish or update button.

That’s all. Wasn’t that easy?

Add Captions to Your Gallery Images

WordPress editor also comes with a Gallery block allowing you to upload multiple images and display them in a grid layout with rows and columns.

Let’s see how to add captions to images in a WordPress gallery block.

To create a gallery, go to your page or post edit screen. Then click the ‘Add Block’ icon and select the ‘Gallery’ block in the Common Blocks tab.

Add Gallery Block in WordPress

Next, you will see the Gallery block added to your page/post area. Now, you can upload images one by one from your computer or select the pre-uploaded pictures from your media library.

Gallery Block Added to a WordPress Page

If you upload images individually, then you can add a caption after uploading each one. When an image is uploaded, simply click on the image and the ‘Write caption…’ field will appear. You can add a caption by clicking on that.

Add Caption to Gallery Images in WordPress

If you select pre-added images from the library, you can add a caption to your pictures from the image metadata section on the right. If the photos already have a caption, then you don’t need to add it again.

Select Images to Create Gallery in WordPress

Adding Captions to Images in WordPress Media Library

WordPress allows you to upload images directly to the media library without embedding it in a post or page.

Here we will show you how to add caption to images when uploading them directly to the Media Library.

First, you need to visit Media » Add New page in WordPress admin area.

Add New Media to WordPress

From here, you can upload an image by dragging and dropping or by selecting one from your computer.

Once done, you will see the uploaded image below the Upload New Media box. You need to click the ‘Edit’ link.

Edit Image Option in WordPress Media Upload Page

Next, it’ll open the edit media page in a new tab. You may notice that the edit media screen looks similar to the post edit screen. That’s because WordPress treats attachment (for example, image) as a default post type.

This allows it to store image metadata like title, description, and caption in WordPress database.

From this screen, you can edit your image title, add image metadata including caption, alternative text, and description.

Image Post Edit Screen in WordPress

Once you add the necessary information, you can update your image. This image metadata will now be saved in your media library.

You can add this image on as many posts as you like without having to add the caption and other metadata again. Whenever you add this image to your post from the media library, it comes with the metadata already saved.

Select Image to Add in a WordPress Post

Adding Caption to Images in WordPress with Old Classic Editor

If you are still using the old Classic Editor on your WordPress site, then this is how you would add captions to images in WordPress.

Simply click on the Add Media button above the post editor to upload an image or select one from the media library.

Add media button in the old classic editor

Once the image is uploaded you can enter meta data like title, alt text, and a caption of your image.

Adding caption to images using the Classic Editor

Click on the ‘Insert into post’ button to add the image to your post or page.

You will now be able to see the image preview in your post editor with the caption. You can save your changes and preview the post to see how it would look on your live site.

Preview of an image with the caption

Adding Captions to Gallery Images in WordPress with Classic Editor

You can also add captions to images when creating a gallery using the Classic Editor. Simply upload and select multiple images and then click on the ‘Create gallery’ link from the left column.

Create gallery in media uploader

After that, you will need to click on the ‘Create a new gallery’ button at the bottom right corner of the popup.

Create a new gallery with selected images

Now you will be able to add captions directly below each image or click on an image to load its settings in the right column and then add the caption.

You can now click on the Insert Gallery button to add gallery into your WordPress post or page.

Classic editor gallery images with captions

We hope this article helped you to add caption text to your images in WordPress. If you liked this article, you might also want to see our guide on how to fix common image issues in WordPress.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

353 Shares
Share
Tweet
Share
Pin
Popular on WPBeginner Right Now!
  • Revealed: Why Building an Email List is so Important Today (6 Reasons)

    Revealed: Why Building an Email List is so Important Today (6 Reasons)

  • Google Analytics in WordPress

    How to Install Google Analytics in WordPress for Beginners

  • How to Fix the Error Establishing a Database Connection in WordPress

    How to Fix the Error Establishing a Database Connection in WordPress

  • How to Properly Move Your Blog from WordPress.com to WordPress.org

About the Editorial Staff

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi. Trusted by over 1.3 million readers worldwide.

The Ultimate WordPress Toolkit

44 Comments

Leave a Reply
  1. Peter Samuel says:
    Dec 1, 2019 at 10:10 pm

    How do I caption a picture? After I insert a picture I get an appearing and disappearing instruction in light grey ‘Write caption…’ I try writing my caption but no typing takes. I click different places. That doesn’t help.

    Reply
    • WPBeginner Support says:
      Dec 2, 2019 at 11:47 am

      If it’s in light grey then you may not have access to modify the caption if you’re not the admin of the site. If you are an admin you may want to try disabling your plugins to see if this could be due to a plugin conflict.

      Reply
  2. Veronica Williams says:
    Sep 13, 2019 at 5:26 pm

    I liked the old classic editor ‘pop up’ style titles, that appeared when you hovered over them. How do I create those using the new editor?

    Reply
    • WPBeginner Support says:
      Sep 16, 2019 at 10:00 am

      For what it sounds like you mean, that would be set up by your theme’s styling rather than the editor.

      Reply
  3. Jesper Osgaard says:
    Jun 10, 2019 at 1:18 pm

    How do I center the figcaption for images? The caption is centered in the editor, but when post is published the captions are left aligned

    Reply
    • WPBeginner Support says:
      Jun 11, 2019 at 10:05 am

      You would want to reach out to the support for your current theme to see if there is a styling issue with the theme itself.

      Reply
  4. Marsha says:
    May 6, 2019 at 11:16 pm

    Is there a way to change the caption for laptop and mobile views?

    Reply
    • WPBeginner Support says:
      May 7, 2019 at 10:51 am

      At the moment we do not have a simple method we would recommend.

      Reply
  5. Supreet says:
    Apr 15, 2019 at 2:48 pm

    Hey there, I want to add a caption to gallery images, but what if I don’t want the black gradient at the bottom of my images that holds the caption? I prefer the caption to be in white and below the image. How do I do this? Thank you!

    Reply
    • WPBeginner Support says:
      Apr 16, 2019 at 11:02 am

      That would be determined by your theme’s CSS so you would want to either reach out to your theme’s support or you can use a gallery plugin to style it differently than what your theme has set.

      Reply
  6. Charles Perk says:
    Mar 15, 2019 at 10:05 am

    How can I show the caption for pictures in the Upload / Media Library pop-up?
    We have to wade through hundreds of pictures of products that look rather similar and without the caption or title it is almost impossible to find the correct one to insert; clicking one only gives the Select option but shows no details. Hovering caption plugins only work on the frontend.

    Reply
    • WPBeginner Support says:
      Mar 19, 2019 at 11:39 am

      Unless I hear otherwise we do not have a recommended plugin for adding the caption in the insert area. If you are not already, you should be able to upload the image in the post/page/custom post type and set the caption there rather than uploading directly to your media library.

      Reply
  7. Fabio says:
    Mar 6, 2019 at 1:43 pm

    Do you know how to add classes to the figure element if the image has a caption?

    Reply
    • WPBeginner Support says:
      Mar 7, 2019 at 11:01 am

      You can use the advanced area to add CSS classes to the image but you would need to use the HTML editor if you wanted to add other specific classes.

      Reply
  8. Imogen says:
    Apr 9, 2018 at 4:13 am

    Hi there,

    I’m wondering if you know how to add a caption to an image on the WordPress app?

    Thanks!

    Reply
  9. Isaac Yoder says:
    Mar 23, 2018 at 5:04 am

    I’m not having a problem coming up with captions, but I am having major issues with the font and color of the words in the captions. How do I edit this?

    Reply
    • WPBeginner Support says:
      Mar 25, 2018 at 4:58 pm

      Hey Isaac,

      You can style captions by adding custom CSS to your theme. Here is some example code that you can use as an starting point.

      .wp-caption { 
      font-size:16px;
      color: #40404;
      }
      
      Reply
  10. Cecile Ramirez says:
    Jun 25, 2017 at 4:38 pm

    I am using Genesis theme and outreach-pro child-theme. I enter captions for images and they display in the editing mode view. When I go to my actual site, the caption is missing. I need to add captions for some, but not all, images. Please help.

    Reply
    • WPBeginner Support says:
      Jun 26, 2017 at 3:46 am

      Hi Cecile,

      Please try your theme’s support forums. Alternately, you can also use a WordPress gallery plugin to achieve this.

      Reply
  11. Angela says:
    Mar 7, 2017 at 11:23 am

    How do I get my site to show the captions after they are added? I have added the captions to the pictures under media but they don’t show when I look at the site. They only show when I hover over the pictures.

    Reply
  12. Robert says:
    Jan 30, 2017 at 7:07 pm

    Hi,

    I want to embed some text into a photo on my website. Please advise how to do this.

    Thanks,

    Robert Fisch

    Reply
  13. Christyna says:
    Aug 22, 2016 at 2:26 pm

    By speaking slower and more clearly at might help the beginners a little bit more. You run over the words, so to speak ” rattle off”!!

    Not a good idea for them who just start wordpress!

    Thank you

    Reply
  14. Rich says:
    Jul 16, 2016 at 8:39 pm

    Thanks for this article and all your other helpful articles.
    Can you recommend any tips to add this type of info for each picture on my site that helps SEO?

    Rich

    Reply
  15. Hemabandaru says:
    Jun 15, 2016 at 5:45 am

    Really helpful for my WordPress site thanks you for sharing a such a good article about image captions

    Reply
  16. Nicholas Read says:
    Jun 2, 2016 at 5:34 pm

    You go much too fast. Your videos are almost no help at all because you rush through everything. You have to remember that the people you’re trying to reach are beginners. We don’t know what we’re doing. That’s why we’re relying on you.

    Reply
    • WPBeginner Support says:
      Jun 3, 2016 at 1:06 pm

      We will try to work on that. Thanks for your feedback.

      Reply
  17. Steve Procter says:
    Nov 29, 2015 at 2:54 pm

    Hi, can you add an additions one stating how to edit multiple images at once? People like myself who have a photography blog, will want to add keywords and titles to multiple images in one go :)

    Reply
    • WPBeginner Support says:
      Nov 30, 2015 at 1:36 pm

      That’s a good idea, we will try to cover this in a future article.

      Reply
      • panonski says:
        Sep 30, 2019 at 7:16 am

        Is this covered ?
        —
        I tried to find solution for this for over a week now, all over the internet

        Reply
        • WPBeginner Support says:
          Sep 30, 2019 at 9:17 am

          We have not found a solution we would recommend at the moment

  18. shakir suratwala says:
    Nov 15, 2015 at 2:41 am

    How can we change the fonts, colour, style of the captions?
    can you please help !

    Reply
  19. Kelly says:
    Nov 8, 2015 at 9:12 pm

    Helpful. Thank you!

    Reply
  20. Linda says:
    Oct 4, 2015 at 5:41 pm

    Is there a character limit for captions?

    Reply
  21. Mark Molinoff says:
    Sep 16, 2015 at 4:25 pm

    Very helpful video. Short and to the point. Thanks.

    Reply
  22. Jay says:
    Aug 14, 2015 at 7:15 am

    Hello I have added captions to photo files on my computer. Is it possible to upload the photos including the captions to a WordPress blog, or do I need to copy and paste the captions from the metadata of the photos into WordPress?

    Reply
  23. bianka says:
    Apr 14, 2014 at 4:04 pm

    Hi – I have a good background picture on my homepage – bkgd position 70px 0px, bkgd size cover. But I can’t seem to get the same on my other pages as it asks for scale or pixels – I’ve tried resizing on paint but no matter what to it appears too big. – that’s my 1st problem.

    2. using 2014 theme – child – where do I find the code for the pages ? I’ve looked in 2014 parent theme style.css but can’t make out if the code in there belongs to the parent or child — I’ve checked the color codes and they seem to belong to the parent theme – so where will I find the code for my pages – I am tearing my hair out , I’ve been at this for months and no one can give me an answer! – I’m learning php, html, java, just to find them to no avail.

    3. I have my title in my homepage (which is my url – But I wish to change the last word to suit all my other pages – any chance you have a code for this and where would I add it.

    Thanks again

    Reply
  24. Peter McNeice says:
    Apr 14, 2014 at 12:22 pm

    Thanks for this.

    Wondering whether it’s possible to have the caption appear with the photos when they’re clicked on and open in the lightbox.

    That way, when people continue scrolling through the photos, the captions continue to appear.

    Cheers.

    Reply
    • WPBeginner Support says:
      Apr 14, 2014 at 1:46 pm

      Please check out our guide on how to create responsive image galleries in WordPress with Envira

      Reply
  25. Paul Ginnivan says:
    Apr 13, 2014 at 9:50 pm

    Great. Clear direction. Immediately began ‘captioning’ my many photos on my blogs.

    Reply
  26. Myles says:
    Apr 13, 2014 at 4:16 pm

    Question: Sometimes when I add a caption to a photo in some themes, it will make it appear a little wonky. A border box will appear off-center. What should I look for in the CSS to fix this?

    Reply
    • WPBeginner Support says:
      Apr 14, 2014 at 2:38 pm

      You can use css by modifying or overriding these CSS classes in your theme:
      .wp-caption
      .wp-caption-text

      Reply
  27. Steven Denger says:
    Apr 13, 2014 at 3:49 pm

    These tutorals are very helpful and appreciated. I have found WordPress after a few months of researching and digging for hours a day to be almost not worth it to me. The WordPress platform seems to be and do one thing and one thing only – cram content to the left and stack it. I fight it all the time trying to get a decent customization. That only comes with a plugin and a lot of trial and error. As the saying goes: there has got to be an easier way. I am about to become an X WordPress user because it is impracticle, unreliable, difficult and time consuming to customize, and one has to do without most of time and just settle for what wordpress gives you. I give up the fight. As I am a college educated person with a higher than average IQ,I stll cannot see spending all this much time just for simple customizations. – Steve, an X WordPress user

    Reply
  28. Alessandra says:
    Apr 13, 2014 at 11:04 am

    hi, thanks for the tutorials, is a good way to learn day by day

    Reply
  29. Trevor says:
    Apr 13, 2014 at 9:15 am

    Thanks, very useful as I work on my first blog.

    Keep up the good work!

    Reply

Leave a Reply Cancel reply

Thanks for choosing to leave a comment. Please keep in mind that all comments are moderated according to our comment policy, and your email address will NOT be published. Please Do NOT use keywords in the name field. Let's have a personal and meaningful conversation.

Over 1,320,000+ Readers

Get fresh content from WPBeginner

Featured WordPress Plugin
All in One SEO logo
All in One SEO
Improve website SEO rankings with AIOSEO plugin. Learn More »
How to Start a Blog How to Start a Blog
I need help with ...
Starting a
Blog
WordPress
Performance
WordPress
Security
WordPress
SEO
WordPress
Errors
Building an
Online Store
Useful WordPress Guides
    • 7 Best WordPress Backup Plugins Compared (Pros and Cons)
    • How to Fix the Error Establishing a Database Connection in WordPress
    • Why You Need a CDN for your WordPress Blog? [Infographic]
    • 30 Legit Ways to Make Money Online Blogging with WordPress
    • Self Hosted WordPress.org vs. Free WordPress.com [Infograph]
    • Free Recording: WordPress Workshop for Beginners
    • 24 Must Have WordPress Plugins for Business Websites
    • How to Properly Move Your Blog from WordPress.com to WordPress.org
    • 5 Best Contact Form Plugins for WordPress Compared
    • Which is the Best WordPress Popup Plugin? (Comparison)
    • Best WooCommerce Hosting in 2020 (Comparison)
    • How to Fix the Internal Server Error in WordPress
    • How to Install WordPress - Complete WordPress Installation Tutorial
    • Why You Should Start Building an Email List Right Away
    • How to Properly Move WordPress to a New Domain Without Losing SEO
    • How to Choose the Best WordPress Hosting for Your Website
    • How to Choose the Best Blogging Platform (Comparison)
    • WordPress Tutorials - 200+ Step by Step WordPress Tutorials
    • 5 Best WordPress Ecommerce Plugins Compared
    • 5 Best WordPress Membership Plugins (Compared)
    • 7 Best Email Marketing Services for Small Business (2020)
    • How to Choose the Best Domain Registrar (Compared)
    • The Truth About Shared WordPress Web Hosting
    • When Do You Really Need Managed WordPress Hosting?
    • 5 Best Drag and Drop WordPress Page Builders Compared
    • How to Switch from Blogger to WordPress without Losing Google Rankings
    • How to Properly Switch From Wix to WordPress (Step by Step)
    • How to Properly Move from Weebly to WordPress (Step by Step)
    • Do You Really Need a VPS? Best WordPress VPS Hosting Compared
    • How to Properly Move from Squarespace to WordPress
    • How to Register a Domain Name (+ tip to get it for FREE)
    • HostGator Review - An Honest Look at Speed & Uptime (2020)
    • SiteGround Reviews from 4196 Users & Our Experts (2020)
    • Bluehost Review from Real Users + Performance Stats (2020)
    • How Much Does It Really Cost to Build a WordPress Website?
    • How to Create an Email Newsletter the RIGHT WAY (Step by Step)
    • Free Business Name Generator (A.I Powered)
    • How to Create a Free Business Email Address in 5 Minutes (Step by Step)
    • How to Install Google Analytics in WordPress for Beginners
    • How to Move WordPress to a New Host or Server With No Downtime
    • Why is WordPress Free? What are the Costs? What is the Catch?
    • How to Make a Website in 2020 – Step by Step Guide
Deals & Coupons (view all)
Advanced Coupons
Advanced WooCommerce Coupons
Get 50% off the Advanced Coupons smart coupons plugin for WooCommerce.
WP Mail SMTP Coupon
Get $50 off WP Mail SMTP Pro so you can ensure all your WordPress emails reach the inbox.
Featured In
About WPBeginner®

WPBeginner is a free WordPress resource site for Beginners. WPBeginner was founded in July 2009 by Syed Balkhi. The main goal of this site is to provide quality tips, tricks, hacks, and other WordPress resources that allows WordPress beginners to improve their site(s).
Join our team: We are Hiring!

Site Links
  • About Us
  • Contact Us
  • FTC Disclosure
  • Privacy Policy
  • Terms of Service
  • Free Blog Setup
  • Free Business Tools
Our Sites
  • OptinMonster
  • MonsterInsights
  • WPForms
  • SeedProd
  • Nameboy
  • RafflePress
  • Smash Balloon

Copyright © 2009 - 2021 WPBeginner LLC. All Rights Reserved. WPBeginner® is a registered trademark.

Managed by Awesome Motive | WordPress hosting by SiteGround | WordPress CDN by MaxCDN | WordPress Security by Sucuri.