{"id":3463,"date":"2012-06-05T04:08:00","date_gmt":"2012-06-05T04:08:00","guid":{"rendered":"http:\/\/2slick.com\/web\/?p=3463"},"modified":"2012-06-08T00:47:41","modified_gmt":"2012-06-08T00:47:41","slug":"image-caption-wordpress","status":"publish","type":"post","link":"https:\/\/2slick.com\/web\/image-caption-wordpress\/affordablewebsitestips\/tutorials","title":{"rendered":"Image Caption WordPress"},"content":{"rendered":"<p>Creating an image caption with WordPress is very easy and built into current versions of WordPress. There is also a plugin called '<a title=\"image caption\" href=\"http:\/\/wordpress.org\/extend\/plugins\/image-caption\/other_notes\/\" target=\"_blank\">image caption<\/a>' that allows you to create image captions in WordPress with slightly different\u00a0formatting\u00a0then WordPress's standard image captions.<\/p>\n<h3>Add an image caption - WordPress built in image caption feature<\/h3>\n<ol>\n<li>Click on an image inside your WordPress page or post.<\/li>\n<li>Click on the 'Edit Image' icon.<br \/>\n<a href=\"http:\/\/2slick.com\/web\/wp-content\/uploads\/2012\/06\/edit_image_icon_wordpress.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-3465\" style=\"border: 1px solid black;\" title=\"edit_image_icon_wordpress\" src=\"http:\/\/2slick.com\/web\/wp-content\/uploads\/2012\/06\/edit_image_icon_wordpress.jpg\" alt=\"\" width=\"300\" height=\"207\" \/><\/a><\/li>\n<li>Enter your Captions text in the 'Caption' field.<\/li>\n<li>Click the 'Update' button.<\/li>\n<\/ol>\n<h3>Ann an image caption - WordPress plugin (Image Caption)<\/h3>\n<ol>\n<li>Open WordPress admin.<\/li>\n<li>Click on 'Plugins'.<\/li>\n<li>Click the 'Add New' button.<\/li>\n<li>In the search field type in 'image caption'.<\/li>\n<li>Click the 'Search Plugins' button.<\/li>\n<li>The first result in the list should be 'Image Caption'. Click the 'Install Now' link.<\/li>\n<li>When the window pops up 'Are you sure you want to install this plugin?', click 'OK'.<\/li>\n<li>Click the 'Activate Plugin' link.<\/li>\n<li>In order to add captions to images in your WordPress post and page, just add a 'title' tag to your image URL.<br \/>\n<strong>Example:<\/strong><!--DEVFMTCODE--><pre class=\"devcodeblock\" title=\"Javascript\"><table class=\"devcodetools\"><tbody><tr><td>&nbsp;Javascript&nbsp;|&nbsp;<\/td><td style=\"background-image:url('https:\/\/2slick.com\/web\/wp-content\/plugins\/devformatter\/img\/devformatter-copy.png');background-repeat:no-repeat;background-position:50% 50%;width:16px;height:16px;\"\/><embed id=\"ZeroClipboard1\" src=\"https:\/\/2slick.com\/web\/wp-content\/plugins\/devformatter\/_zclipboard.swf\" loop=\"false\" menu=\"false\" quality=\"best\" bgcolor=\"#ffffff\" width=\"16px\" height=\"16px\" align=\"middle\" allowScriptAccess=\"always\" allowFullScreen=\"false\" type=\"application\/x-shockwave-flash\" pluginspage=\"http:\/\/www.macromedia.com\/go\/getflashplayer\" flashvars=\"id=1&width=16&height=16\" wmode=\"transparent\" \/><\/td><td>&nbsp;copy&nbsp;code&nbsp;|<\/td><td style=\"cursor:pointer\" title=\"DevFormatter Plugin\" onclick=\"devfmt_credits()\">?<\/td><td width=\"99%\">&nbsp;<\/td><\/tr><\/tbody><\/table><div class=\"devcodeoverflow\"><table class=\"devcodearea\" width=\"100%\"><tr><td class=\"devcodelines\" width=\"1%\">1<\/td><td class=\"devcodelinesarea\"><pre class=\"devcode devcodeline\"><span style=\"color: #339933;\">&amp;<\/span>lt<span style=\"color: #339933;\">;<\/span>img title<span style=\"color: #339933;\">=<\/span><span style=\"color: #3366CC;\">&quot;A sample caption&quot;<\/span> src<span style=\"color: #339933;\">=<\/span><span style=\"color: #3366CC;\">&quot;\/images\/picture.jpg&quot;<\/span> alt<span style=\"color: #339933;\">=<\/span><span style=\"color: #3366CC;\">&quot;&quot;<\/span> <span style=\"color: #339933;\">\/&amp;<\/span>gt<span style=\"color: #339933;\">;<\/span><\/pre><\/td><\/tr><\/table><\/div><\/pre><!--END_DEVFMTCODE--><br \/>\nNotice the 'title' tag. Put the 'title=\"image caption text\"' into any image URL to create a caption. You may need to be in 'HTML' tab mode in order to do this.<\/li>\n<\/ol>\n<p>Here's what the standard WordPress caption looks like compared to the plugin's version.<br \/>\n<a href=\"http:\/\/2slick.com\/web\/wp-content\/uploads\/2012\/06\/image_caption.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-3464\" style=\"border: 1px solid black;\" title=\"image_caption\" src=\"http:\/\/2slick.com\/web\/wp-content\/uploads\/2012\/06\/image_caption.jpg\" alt=\"\" width=\"435\" height=\"680\" srcset=\"https:\/\/2slick.com\/web\/wp-content\/uploads\/2012\/06\/image_caption.jpg 435w, https:\/\/2slick.com\/web\/wp-content\/uploads\/2012\/06\/image_caption-191x300.jpg 191w\" sizes=\"auto, (max-width: 435px) 100vw, 435px\" \/><\/a><\/p>\n<p>Caption WordPress setup is complete.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Creating an image caption with WordPress is very easy and built into current versions of WordPress. There is also a plugin called &#8216;image caption&#8217; that allows you to create image captions in WordPress with slightly different\u00a0formatting\u00a0then WordPress&#8217;s standard image captions. Add an image caption &#8211; WordPress built in image caption feature Click on an image [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":3466,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[10,4,6],"tags":[411,69],"class_list":["post-3463","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-affordablewebsitestips","category-tutorials","category-wordpress","tag-image-caption","tag-wordpress-2"],"_links":{"self":[{"href":"https:\/\/2slick.com\/web\/wp-json\/wp\/v2\/posts\/3463","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/2slick.com\/web\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/2slick.com\/web\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/2slick.com\/web\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/2slick.com\/web\/wp-json\/wp\/v2\/comments?post=3463"}],"version-history":[{"count":4,"href":"https:\/\/2slick.com\/web\/wp-json\/wp\/v2\/posts\/3463\/revisions"}],"predecessor-version":[{"id":3468,"href":"https:\/\/2slick.com\/web\/wp-json\/wp\/v2\/posts\/3463\/revisions\/3468"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/2slick.com\/web\/wp-json\/wp\/v2\/media\/3466"}],"wp:attachment":[{"href":"https:\/\/2slick.com\/web\/wp-json\/wp\/v2\/media?parent=3463"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/2slick.com\/web\/wp-json\/wp\/v2\/categories?post=3463"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/2slick.com\/web\/wp-json\/wp\/v2\/tags?post=3463"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}