{"id":76512,"date":"2012-04-20T10:00:55","date_gmt":"2012-04-20T14:00:55","guid":{"rendered":"http:\/\/wpmu.org\/?p=76512"},"modified":"2012-04-19T01:27:40","modified_gmt":"2012-04-19T05:27:40","slug":"how-to-add-a-caption-to-wordpress-images","status":"publish","type":"post","link":"https:\/\/wpmudev.com\/blog\/how-to-add-a-caption-to-wordpress-images\/","title":{"rendered":"How to Add a Caption to WordPress Images"},"content":{"rendered":"<p><a rel=\"lightbox[76512]\" class=\"blog-thumbnail\" href=\"https:\/\/wpmudev.com\/blog\/how-to-add-a-caption-to-wordpress-images\/caption-big\/\" rel=\"attachment wp-att-76513\" target=\"_blank\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-76513\" title=\"caption-big\" src=\"https:\/\/wpmudev.com\/blog\/wp-content\/uploads\/2012\/04\/caption-big.jpg\" alt=\"Post image\" aria-hidden=\"true\" width=\"643\" height=\"428\" \/><\/a><br \/>\nNot sure how to put a caption on an image in WordPress? Not to worry \u2013 it\u2019s about as simple as it gets.<\/p>\n<p>You\u2019ve probably overlooked the solution countless times. It\u2019s built right into WordPress. No plugin needed.<\/p>\n<p>The simplest way is probably to do it when you upload your photo in your media uploader. In the image editing screen that pops up when the image is uploaded, you will notice a text box for your caption about midway down the page. Just pop your caption in there, and you\u2019re all set.<\/p>\n<p><a rel=\"lightbox[76512]\" class=\"blog-thumbnail\" href=\"https:\/\/wpmudev.com\/blog\/how-to-add-a-caption-to-wordpress-images\/media-uploader-2\/\" rel=\"attachment wp-att-76515\" target=\"_blank\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-76515\" title=\"media-uploader\" src=\"https:\/\/wpmudev.com\/blog\/wp-content\/uploads\/2012\/04\/media-uploader.jpg\" alt=\"Post image\" aria-hidden=\"true\" width=\"629\" height=\"832\" \/><\/a><\/p>\n<p><br \/>\nAnd here\u2019s the result.<\/p>\n<p><a rel=\"lightbox[76512]\" class=\"blog-thumbnail\" href=\"https:\/\/wpmudev.com\/blog\/how-to-add-a-caption-to-wordpress-images\/image-with-caption\/\" rel=\"attachment wp-att-76516\" target=\"_blank\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-76516\" title=\"image-with-caption\" src=\"https:\/\/wpmudev.com\/blog\/wp-content\/uploads\/2012\/04\/image-with-caption.jpg\" alt=\"Post image\" aria-hidden=\"true\" width=\"628\" height=\"471\" \/><\/a><\/p>\n<p>Although this can vary with your theme, you\u2019ll typcially notice that WordPress automatically puts you image in a nice frame with space at the bottom for the caption. And if you put a long caption in the box, the system will automatically expand to contain it.<\/p>\n<p><a rel=\"lightbox[76512]\" class=\"blog-thumbnail\" href=\"https:\/\/wpmudev.com\/blog\/how-to-add-a-caption-to-wordpress-images\/image-with-long-caption\/\" rel=\"attachment wp-att-76517\" target=\"_blank\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-76517\" title=\"image-with-long-caption\" src=\"https:\/\/wpmudev.com\/blog\/wp-content\/uploads\/2012\/04\/image-with-long-caption.jpg\" alt=\"Post image\" aria-hidden=\"true\" width=\"628\" height=\"500\" \/><\/a><\/p>\n<p>You can also access captions for your images via the Media Library.<\/p>\n<p>If you\u2019d like to play around with the style of your captions, then search your theme\u2019s stylesheet for <em><strong>.wp-caption<\/strong><\/em>.\u00a0 (Appearance &gt; Editor &gt; Stylesheet &#8211; style.css) You\u2019re likely to come across a number of different instances.<\/p>\n\n<p>Photo: <a href=\"http:\/\/www.bigstockphoto.com\/image-9827540\/stock-photo-beautiful-sceneries-in-photos-on-green-field-background\" target=\"_blank\">Beautiful Sceneries in Photos on Green Field Background<\/a> from BigStock<\/p>\n","protected":false},"excerpt":{"rendered":"<p>This is a simple trick that many may have overlooked.<\/p>\n","protected":false},"author":84404,"featured_media":76514,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"blog_reading_time":"","wds_primary_category":0,"wds_primary_tutorials_categories":0,"footnotes":""},"categories":[263],"tags":[16],"tutorials_categories":[],"class_list":["post-76512","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-tutorials","tag-images"],"_links":{"self":[{"href":"https:\/\/wpmudev.com\/blog\/wp-json\/wp\/v2\/posts\/76512","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wpmudev.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/wpmudev.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/wpmudev.com\/blog\/wp-json\/wp\/v2\/users\/84404"}],"replies":[{"embeddable":true,"href":"https:\/\/wpmudev.com\/blog\/wp-json\/wp\/v2\/comments?post=76512"}],"version-history":[{"count":1,"href":"https:\/\/wpmudev.com\/blog\/wp-json\/wp\/v2\/posts\/76512\/revisions"}],"predecessor-version":[{"id":216180,"href":"https:\/\/wpmudev.com\/blog\/wp-json\/wp\/v2\/posts\/76512\/revisions\/216180"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/wpmudev.com\/blog\/wp-json\/wp\/v2\/media\/76514"}],"wp:attachment":[{"href":"https:\/\/wpmudev.com\/blog\/wp-json\/wp\/v2\/media?parent=76512"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wpmudev.com\/blog\/wp-json\/wp\/v2\/categories?post=76512"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wpmudev.com\/blog\/wp-json\/wp\/v2\/tags?post=76512"},{"taxonomy":"tutorials_categories","embeddable":true,"href":"https:\/\/wpmudev.com\/blog\/wp-json\/wp\/v2\/tutorials_categories?post=76512"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}