• Website Home
  • About
  • Services
  • Portfolio
    • Recent
    • Archives
  • Shop
    • Catalog
    • Order

ASK Design Blog

Designer | Artist | Teacher

  •  
    • Blog Home
    • Web Design
    • Graphic Design
    • Art
      • Licensed Art
    • Links
    • Calendar
    • Contact

    Image Captions in WordPress

    September 29, 2017 by ProfK 1 Comment

    Shortly after writing an article about Adding Images to WordPress Pages and Posts, I received an inquiry about how to add captions to images. Captions are the small text that appears underneath pictures. They often contain brief descriptions and copyright information. You can add captions to individual images or to multiple images.

    Captions for Individual Images

    Sometimes you’ll realize that a caption is needed for an image after you’ve written a post or created a page.

    1. Go to the post or page where you want to add the caption.
    2. Select the image.
    3. A small toolbox will appear above the image. Clicking the “x” will delete the image, so don’t do that! You can easily change the alignment right inside that toolbox. Or, you can click on the pencil icon to go to the Attachment Details window, where you can make the same alignment changes as well as adding a caption and modifying size, crop, and link. Advanced Options provide an opportunity to apply title attributes and CSS classes.
      Select an image and you'll see a small toolbox above the image.

      Select an image and you’ll see a small toolbox above the image.

       

    4. Put your cursor inside the “Caption” field. Type whatever text you want. Put some content in the “Alternative Text” field, in case the viewer can’t see the image. Click “Update“.
      Image details: seen in the Media Library.

      Image Details: seen when editing an image.

       

    5. When you upload an image, you have the opportunity to add a caption on a similar screen. Put your cursor inside the “Caption: field and type the text. Click “Insert into post“.
      Attachment Details: seen when uploading an image.

      Attachment Details: seen when uploading an image.

       

    Captions for Multiple Images

    You can also write captions when viewing images in the Media Library.

    1. Go to the Media Library.
    2. Select the image.
    3. Your view will be as in step #5 above. Put your cursor inside the “Caption: field and type the text. Instead of clicking “Insert into post”, look at the top right corner of the screen and click the navigational arrows to move forward (>) to the next image or backward (<) to the previous one. When done, click the “X” next to the arrows.

    Captions for Images in Galleries

    Galleries are created in the Media Library.

    1. Go to the post or page where you want the gallery.
    2. Click the “Add Media” button.
    3. Select “Create Gallery” in the left sidebar.
    4. Select the images you want in the gallery.
    5. Captions can be added or edited in the “Caption” field directly underneath the image or in the right sidebar.
      Image gallery: captions can be edited in the "Caption" field directly underneath the image or in the right sidebar.

      Image gallery: captions can be edited in the “Caption” field directly underneath the image or in the right sidebar.

       

    6. When finished building the gallery and adding/editing the captions, click “Insert gallery“.

    Styling the Captions

    The theme’s CSS will determine the overall styling of the captions. You can also add html tags to the captions for some local styling. Some common tags that I use are:

    • Italic: <em>Title of Art</em> by Artist Name
    • Bold: Click the <strong>Add Media</strong> button.
    • Strike Through: If you want to show an edited word of text, use <strike>Strike Through</strike>.
    • To force a line break: <br>

     

    Related Posts

    Adding Images to WordPress Pages and Posts
    Adding Images to a WordPress Sidebar
    How to Resize an Image in WordPress
    How to Resize an Image in Photoshop
    How to Create and Edit WordPress Galleries

    Filed Under: Web Design, WordPress Tagged With: captions

    Reader Interactions

    Comments

    1. Ramon says

      April 11, 2020 at 8:26 pm

      Good blog post. I definitely appreciate this site. Thanks!

    Leave a Reply Cancel reply

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

    Primary Sidebar

    Subscribe to Mailing List

    Sign up to get periodic updates on Anne's design and art adventures, and receive useful info. via her blog.
    * = required field

    We never share our email list with anyone.

    Looking for Something?

    My Art in a Book!

    kornegger loseyourmind front cover
    Several of my paintings are in this book (including the cover)
    BUY THE BOOK!
    My blog post about designing the book: Self-Publishing Adventures

    Testimonials

    I received the notecards on Friday and it was on my to do list today to email you my deep appreciation for them. They are amazing and I am so glad to have them to share. I am sure I will order more in the future. You are such a gifted artist and I thank you for sharing in a way others can use the art.

    — Shari Spokes

    Your new pastel "Lettuce Lake” is really beautiful. Very, very nice.

    — Tony from Belmont, MA

    My dear sweet sister. I can’t tell you how much I love your pictures. I so much wanted something and was so sorry that I couldn’t pick something out at your sale. On the other hand, I so much wanted something that you had chosen for me. Its been on my mind and suddenly, your beautiful pictures arrived. They are beyond beautiful and I cried when I saw them. Sending you love and my bestness.

    — Marti from Reno, NV

    Affiliate Partners

    We receive compensation when you purchase a service or product via the links on this blog.

    Web Hosting

    ThemeOfMonth

    Great Software Deals!

    MacUpdate Logo

    themeforest banner

    Photo, Video & Design Software

    Copyright

    © 2000-2020 Anne S. Katzeff. All rights reserved. Unless noted, all artwork and text are copyrighted by the artist. Images may not be reproduced, manipulated, or used in any way without Anne’s written permission.

    Categories

    Graphic Design

    • AIGA
    • Design Is History
    • Janice Moore
    • Mass. Contractors

    Web Design

    • 978 Grid System
    • A List Apart
    • A List Apart
    • Adobe Color Tools (formerly Kuler)
    • AWWWards
    • Smashing Magazine
    • underthesite
    • www schools

    Tech-Computer

    • Adobe TV
    • Orramac
    • Teknoziz

    Comments

    In an effort to reduce spam, comments are restricted. Please email Anne if you have a comment or question that you are unable to post. Thanks for understanding.


    Archives

    Typography

    • 1001fonts
    • Adobe Type
    • Adobe Web Type
    • Bitstream
    • Dafont.com
    • Emigre
    • Font converter (free)
    • Font Spring
    • Font Squirrel
    • Google Fonts
    • I Love Typography
    • identifont
    • Typeinspire
    • Typewolf
    • Typoretum

    Photography

    • Creative Commons

    Footer

    Subscribe to Mailing List

    Sign up to get periodic updates on Anne's design and art adventures, and receive useful info. via her blog.
    * = required field

    We never share our email list with anyone.

    Subscribe to RSS Feed

  •  ASK Design Blog
  • Contact

    Website
    Email

    Connect and Share

  •  
  • Copyright © 2021 · Optimal Theme · Built on the WordPress Genesis Framework· Customization and design by ASK Design