{"id":415,"date":"2025-07-20T03:17:11","date_gmt":"2025-07-20T03:17:11","guid":{"rendered":"https:\/\/housedivided.dickinson.edu\/sites\/2025teagle\/?p=415"},"modified":"2025-07-22T19:29:24","modified_gmt":"2025-07-22T19:29:24","slug":"essay-texts-and-captions-tutorial","status":"publish","type":"post","link":"https:\/\/housedivided.dickinson.edu\/sites\/2025teagle\/2025\/07\/20\/essay-texts-and-captions-tutorial\/","title":{"rendered":"Formatting Images in WordPress"},"content":{"rendered":"<p>This post offers tips on how to format images in WordPress. For writing essays, images are very important as they help bring your essay to life and enhance it. Here are steps on how to format images:<\/p>\n<div id=\"attachment_735\" style=\"width: 310px\" class=\"wp-caption alignleft\"><a href=\"http:\/\/housedivided.dickinson.edu\/sites\/2025teagle\/files\/2025\/07\/Screenshot-2025-07-22-133122.png\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-735\" class=\"wp-image-735 size-medium\" src=\"http:\/\/housedivided.dickinson.edu\/sites\/2025teagle\/files\/2025\/07\/Screenshot-2025-07-22-133122-300x155.png\" alt=\"Alternative Text\" width=\"300\" height=\"155\" srcset=\"https:\/\/housedivided.dickinson.edu\/sites\/2025teagle\/files\/2025\/07\/Screenshot-2025-07-22-133122-300x155.png 300w, https:\/\/housedivided.dickinson.edu\/sites\/2025teagle\/files\/2025\/07\/Screenshot-2025-07-22-133122-1024x528.png 1024w, https:\/\/housedivided.dickinson.edu\/sites\/2025teagle\/files\/2025\/07\/Screenshot-2025-07-22-133122-768x396.png 768w, https:\/\/housedivided.dickinson.edu\/sites\/2025teagle\/files\/2025\/07\/Screenshot-2025-07-22-133122-1536x792.png 1536w, https:\/\/housedivided.dickinson.edu\/sites\/2025teagle\/files\/2025\/07\/Screenshot-2025-07-22-133122-900x464.png 900w, https:\/\/housedivided.dickinson.edu\/sites\/2025teagle\/files\/2025\/07\/Screenshot-2025-07-22-133122-1280x660.png 1280w, https:\/\/housedivided.dickinson.edu\/sites\/2025teagle\/files\/2025\/07\/Screenshot-2025-07-22-133122.png 1628w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a><p id=\"caption-attachment-735\" class=\"wp-caption-text\">This arrow is pointing to Alternative Text. (Source)<\/p><\/div>\n<p style=\"text-align: center\"><strong>Alternative Text Captions<\/strong><\/p>\n<p>Alt Text Captions are short text descriptions for the visually impaired. To add these captions, insert an image, click on the image and click <strong>the pencil icon<\/strong> at the top. At the top, a box that says <strong>Alternative Text<\/strong> will be listed. In the Alternative Text box, add a short description of just a few words describing what is going on in the image. The image in my example is that of Robert E. Lee surrendering to Ulysses S. Grant, and under Alternative Text, I simply put &#8220;Lee&#8217;s Surrender.&#8221;<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<div class=\"mceTemp\"><\/div>\n<div id=\"attachment_736\" style=\"width: 310px\" class=\"wp-caption alignright\"><a href=\"http:\/\/housedivided.dickinson.edu\/sites\/2025teagle\/files\/2025\/07\/Screenshot-2025-07-22-133122-1.png\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-736\" class=\"wp-image-736 size-medium\" src=\"http:\/\/housedivided.dickinson.edu\/sites\/2025teagle\/files\/2025\/07\/Screenshot-2025-07-22-133122-1-300x155.png\" alt=\"Media File\" width=\"300\" height=\"155\" srcset=\"https:\/\/housedivided.dickinson.edu\/sites\/2025teagle\/files\/2025\/07\/Screenshot-2025-07-22-133122-1-300x155.png 300w, https:\/\/housedivided.dickinson.edu\/sites\/2025teagle\/files\/2025\/07\/Screenshot-2025-07-22-133122-1-1024x528.png 1024w, https:\/\/housedivided.dickinson.edu\/sites\/2025teagle\/files\/2025\/07\/Screenshot-2025-07-22-133122-1-768x396.png 768w, https:\/\/housedivided.dickinson.edu\/sites\/2025teagle\/files\/2025\/07\/Screenshot-2025-07-22-133122-1-1536x792.png 1536w, https:\/\/housedivided.dickinson.edu\/sites\/2025teagle\/files\/2025\/07\/Screenshot-2025-07-22-133122-1-900x464.png 900w, https:\/\/housedivided.dickinson.edu\/sites\/2025teagle\/files\/2025\/07\/Screenshot-2025-07-22-133122-1-1280x660.png 1280w, https:\/\/housedivided.dickinson.edu\/sites\/2025teagle\/files\/2025\/07\/Screenshot-2025-07-22-133122-1.png 1628w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a><p id=\"caption-attachment-736\" class=\"wp-caption-text\">Arrow pointing where to link to media file. (Source)<\/p><\/div>\n<p style=\"text-align: center\"><strong>Connecting to Media File<\/strong><\/p>\n<p>To connect an image to a media file, click on an image, click<strong> the pencil icon<\/strong>, and under<strong> Link To<\/strong>, click <strong>Media File.\u00a0<\/strong>This is important because linking to media file allows you to see the image closer and clearer. When you upload your post, click on the image and it will take you to another page of just the image itself, allowing you to get a closer, higher quality view of it.<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<div id=\"attachment_737\" style=\"width: 310px\" class=\"wp-caption alignleft\"><a href=\"http:\/\/housedivided.dickinson.edu\/sites\/2025teagle\/files\/2025\/07\/Screenshot-2025-07-22-133122-2.png\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-737\" class=\"wp-image-737 size-medium\" src=\"http:\/\/housedivided.dickinson.edu\/sites\/2025teagle\/files\/2025\/07\/Screenshot-2025-07-22-133122-2-300x155.png\" alt=\"Caption\" width=\"300\" height=\"155\" srcset=\"https:\/\/housedivided.dickinson.edu\/sites\/2025teagle\/files\/2025\/07\/Screenshot-2025-07-22-133122-2-300x155.png 300w, https:\/\/housedivided.dickinson.edu\/sites\/2025teagle\/files\/2025\/07\/Screenshot-2025-07-22-133122-2-1024x528.png 1024w, https:\/\/housedivided.dickinson.edu\/sites\/2025teagle\/files\/2025\/07\/Screenshot-2025-07-22-133122-2-768x396.png 768w, https:\/\/housedivided.dickinson.edu\/sites\/2025teagle\/files\/2025\/07\/Screenshot-2025-07-22-133122-2-1536x792.png 1536w, https:\/\/housedivided.dickinson.edu\/sites\/2025teagle\/files\/2025\/07\/Screenshot-2025-07-22-133122-2-900x464.png 900w, https:\/\/housedivided.dickinson.edu\/sites\/2025teagle\/files\/2025\/07\/Screenshot-2025-07-22-133122-2-1280x660.png 1280w, https:\/\/housedivided.dickinson.edu\/sites\/2025teagle\/files\/2025\/07\/Screenshot-2025-07-22-133122-2.png 1628w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a><p id=\"caption-attachment-737\" class=\"wp-caption-text\">Arrow pointing to where you insert a caption. (Source)<\/p><\/div>\n<p style=\"text-align: center\"><strong>Captions and Credits<\/strong><\/p>\n<p>Once again, click on an image and click <strong>the pencil icon<\/strong>, and under <strong>Caption<\/strong>, write a description of what the image is showing. Generally, these should be very slightly longer than what is written in the Alternative Text box, but not too long. For example, the photo I chose is an illustration of people in a courthouse, but I don&#8217;t just say, &#8220;People in a courthouse,&#8221; I say who the people are, Robert E. Lee and Ulysses S. Grant, and the details of what they are doing, which is that Lee is surrendering to Grant leading to the end of the Civil War. Make sure to include your source in parentheses at the end of your caption, and embed a link too.<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<div id=\"attachment_743\" style=\"width: 310px\" class=\"wp-caption alignright\"><a href=\"http:\/\/housedivided.dickinson.edu\/sites\/2025teagle\/files\/2025\/07\/Screenshot-2025-07-22-140310-1.png\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-743\" class=\"wp-image-743 size-medium\" src=\"http:\/\/housedivided.dickinson.edu\/sites\/2025teagle\/files\/2025\/07\/Screenshot-2025-07-22-140310-1-300x180.png\" alt=\"Examples\" width=\"300\" height=\"180\" srcset=\"https:\/\/housedivided.dickinson.edu\/sites\/2025teagle\/files\/2025\/07\/Screenshot-2025-07-22-140310-1-300x180.png 300w, https:\/\/housedivided.dickinson.edu\/sites\/2025teagle\/files\/2025\/07\/Screenshot-2025-07-22-140310-1-1024x615.png 1024w, https:\/\/housedivided.dickinson.edu\/sites\/2025teagle\/files\/2025\/07\/Screenshot-2025-07-22-140310-1-768x461.png 768w, https:\/\/housedivided.dickinson.edu\/sites\/2025teagle\/files\/2025\/07\/Screenshot-2025-07-22-140310-1-900x540.png 900w, https:\/\/housedivided.dickinson.edu\/sites\/2025teagle\/files\/2025\/07\/Screenshot-2025-07-22-140310-1-1280x769.png 1280w, https:\/\/housedivided.dickinson.edu\/sites\/2025teagle\/files\/2025\/07\/Screenshot-2025-07-22-140310-1.png 1434w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a><p id=\"caption-attachment-743\" class=\"wp-caption-text\">Arrows pointing to the image alignment, the wrapping text, and also the image source with a link embed. (Source)<\/p><\/div>\n<p style=\"text-align: center\"><strong>Wrapping Text <\/strong><\/p>\n<p>Insert an image, click on it, and then click on either <strong>Align left<\/strong>, <strong>Align center<\/strong>, <strong>Align right<\/strong> or <strong>No alignment<\/strong>. This will align the image with your essay text. Generally, you should go through all of the options and choose what looks like the best fit. For example, this image next to this paragraph is aligned to the right, that&#8217;s why this paragraph has been moved to the left. Remember, the wrapping text that is next to the image should be related to the image.<\/p>\n<p style=\"text-align: center\"><strong>Image Sizing<\/strong><\/p>\n<p>Image sizing is another important key. All of the images on this page are set to Medium, and because they are linked to a media file, you are able to click on them to expand them. There are options for Large and Extra Large, but they can take up a large space of the page, especially if one is Extra Large. In most cases, Medium will work just fine, as long as you have it linked to a media file. Custom sizing is also very important. Sometimes, none of the sizes provided will be adequate, so when you click on an image, click the pencil icon and go under size, you are given the option to choose a Custom Size. Cropping images is also important. Sometimes there are images you have to crop in order to focus on the most important aspect of the image, which might not be the entirety of the actual image.<\/p>\n<p>&nbsp;<\/p>\n<p style=\"text-align: center\"><strong>Image Galleries<\/strong><\/p>\n<p>To create an image gallery, click Add Media at the top of the screen, and go to Create gallery. Select the images you want to add to the gallery, and caption each of them. Once you&#8217;ve inserted a gallery into your post, it will look something like this:<\/p>\n\n\t\t<style type=\"text\/css\">\n\t\t\t#gallery-1 {\n\t\t\t\tmargin: auto;\n\t\t\t}\n\t\t\t#gallery-1 .gallery-item {\n\t\t\t\tfloat: left;\n\t\t\t\tmargin-top: 10px;\n\t\t\t\ttext-align: center;\n\t\t\t\twidth: 33%;\n\t\t\t}\n\t\t\t#gallery-1 img {\n\t\t\t\tborder: 2px solid #cfcfcf;\n\t\t\t}\n\t\t\t#gallery-1 .gallery-caption {\n\t\t\t\tmargin-left: 0;\n\t\t\t}\n\t\t\t\/* see gallery_shortcode() in wp-includes\/media.php *\/\n\t\t<\/style>\n\t\t<div id='gallery-1' class='gallery galleryid-415 gallery-columns-3 gallery-size-thumbnail'><dl class='gallery-item'>\n\t\t\t<dt class='gallery-icon landscape'>\n\t\t\t\t<a href='https:\/\/housedivided.dickinson.edu\/sites\/2025teagle\/files\/2025\/07\/Screenshot-2025-07-22-144234.png'><img loading=\"lazy\" decoding=\"async\" width=\"150\" height=\"150\" src=\"https:\/\/housedivided.dickinson.edu\/sites\/2025teagle\/files\/2025\/07\/Screenshot-2025-07-22-144234-150x150.png\" class=\"attachment-thumbnail size-thumbnail\" alt=\"\" aria-describedby=\"gallery-1-750\" srcset=\"https:\/\/housedivided.dickinson.edu\/sites\/2025teagle\/files\/2025\/07\/Screenshot-2025-07-22-144234-150x150.png 150w, https:\/\/housedivided.dickinson.edu\/sites\/2025teagle\/files\/2025\/07\/Screenshot-2025-07-22-144234-88x88.png 88w\" sizes=\"auto, (max-width: 150px) 100vw, 150px\" \/><\/a>\n\t\t\t<\/dt>\n\t\t\t\t<dd class='wp-caption-text gallery-caption' id='gallery-1-750'>\n\t\t\t\tShowing captions for the image gallery. (Source)\n\t\t\t\t<\/dd><\/dl><dl class='gallery-item'>\n\t\t\t<dt class='gallery-icon landscape'>\n\t\t\t\t<a href='https:\/\/housedivided.dickinson.edu\/sites\/2025teagle\/files\/2025\/07\/Screenshot-2025-07-22-152232.png'><img loading=\"lazy\" decoding=\"async\" width=\"150\" height=\"150\" src=\"https:\/\/housedivided.dickinson.edu\/sites\/2025teagle\/files\/2025\/07\/Screenshot-2025-07-22-152232-150x150.png\" class=\"attachment-thumbnail size-thumbnail\" alt=\"\" aria-describedby=\"gallery-1-753\" srcset=\"https:\/\/housedivided.dickinson.edu\/sites\/2025teagle\/files\/2025\/07\/Screenshot-2025-07-22-152232-150x150.png 150w, https:\/\/housedivided.dickinson.edu\/sites\/2025teagle\/files\/2025\/07\/Screenshot-2025-07-22-152232-88x88.png 88w\" sizes=\"auto, (max-width: 150px) 100vw, 150px\" \/><\/a>\n\t\t\t<\/dt>\n\t\t\t\t<dd class='wp-caption-text gallery-caption' id='gallery-1-753'>\n\t\t\t\tShowing what an image gallery looks like once it is uploaded. (Source)\n\t\t\t\t<\/dd><\/dl>\n\t\t\t<br style='clear: both' \/>\n\t\t<\/div>\n\n","protected":false},"excerpt":{"rendered":"<p>This post offers tips on how to format images in WordPress. For writing essays, images are very important as they help bring your essay to life and enhance it. Here are steps on how to format images: Alternative Text Captions Alt Text Captions are short text descriptions for the visually impaired. To add these captions, [&hellip;]<\/p>\n","protected":false},"author":202,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[7],"tags":[],"class_list":["post-415","post","type-post","status-publish","format-standard","hentry","category-tutorials"],"_links":{"self":[{"href":"https:\/\/housedivided.dickinson.edu\/sites\/2025teagle\/wp-json\/wp\/v2\/posts\/415","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/housedivided.dickinson.edu\/sites\/2025teagle\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/housedivided.dickinson.edu\/sites\/2025teagle\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/housedivided.dickinson.edu\/sites\/2025teagle\/wp-json\/wp\/v2\/users\/202"}],"replies":[{"embeddable":true,"href":"https:\/\/housedivided.dickinson.edu\/sites\/2025teagle\/wp-json\/wp\/v2\/comments?post=415"}],"version-history":[{"count":15,"href":"https:\/\/housedivided.dickinson.edu\/sites\/2025teagle\/wp-json\/wp\/v2\/posts\/415\/revisions"}],"predecessor-version":[{"id":754,"href":"https:\/\/housedivided.dickinson.edu\/sites\/2025teagle\/wp-json\/wp\/v2\/posts\/415\/revisions\/754"}],"wp:attachment":[{"href":"https:\/\/housedivided.dickinson.edu\/sites\/2025teagle\/wp-json\/wp\/v2\/media?parent=415"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/housedivided.dickinson.edu\/sites\/2025teagle\/wp-json\/wp\/v2\/categories?post=415"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/housedivided.dickinson.edu\/sites\/2025teagle\/wp-json\/wp\/v2\/tags?post=415"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}