{"id":297,"date":"2014-10-22T20:23:47","date_gmt":"2014-10-22T20:23:47","guid":{"rendered":"http:\/\/artsci.case.edu\/documentation\/?page_id=297"},"modified":"2015-10-30T16:43:14","modified_gmt":"2015-10-30T16:43:14","slug":"how-to-set-a-featured-image","status":"publish","type":"page","link":"https:\/\/artsci.case.edu\/documentation\/how-to-set-a-featured-image\/","title":{"rendered":"How to Set a Featured Image"},"content":{"rendered":"<div class=\"row column-group-1\"><\/p>\n<div class=\"col-xs-12 col-sm-12 col-md-4 col-lg-4\"><\/p>\n<p>A <em>Featured Image<\/em> appears next to a news post or highlight that is on your homepage. This image is meant to represent what the news article is about and to give insight into its content. On the right are a few examples of featured images.\u00a0It is important to note that a <em>Featured Image<\/em>\u00a0will not appear in the article itself unless it is placed in it. However, after uploading an image it will appear in the <em>Media Library<\/em> so there is no need to upload the image a second time.\u00a0<\/p>\n<p>&nbsp;<\/p>\n<p>\n<\/div>\n<p>&nbsp;<\/p>\n<div class=\"col-xs-12 col-sm-12 col-md-8 col-lg-8\"><\/p>\n<p><a href=\"https:\/\/artscimedia.case.edu\/wp-content\/uploads\/sites\/105\/2014\/10\/15001258\/Featured-Image.png\"><img loading=\"lazy\" class=\"aligncenter wp-image-299 size-medium\" src=\"https:\/\/artscimedia.case.edu\/wp-content\/uploads\/sites\/105\/2014\/10\/15001258\/Featured-Image-600x276.png\" alt=\"Featured Image\" width=\"600\" height=\"276\" srcset=\"https:\/\/artscimedia.case.edu\/wp-content\/uploads\/sites\/105\/2014\/10\/15001258\/Featured-Image-600x276.png 600w, https:\/\/artscimedia.case.edu\/wp-content\/uploads\/sites\/105\/2014\/10\/15001258\/Featured-Image-1024x472.png 1024w, https:\/\/artscimedia.case.edu\/wp-content\/uploads\/sites\/105\/2014\/10\/15001258\/Featured-Image-500x230.png 500w, https:\/\/artscimedia.case.edu\/wp-content\/uploads\/sites\/105\/2014\/10\/15001258\/Featured-Image.png 1402w\" sizes=\"(max-width: 600px) 100vw, 600px\" \/><\/a><\/p>\n<\/div>\n<p><\/div>\n<hr \/>\n<div class=\"row column-group-2\"><\/p>\n<div class=\"col-xs-12 col-sm-12 col-md-4 col-lg-4\"><\/p>\n<p>The section to set a <em>Featured Image<\/em> can be found to the right of the visual content editor and underneath the <em>Categories<\/em> section.\u00a0<\/p>\n<h2><strong>THE MINIMUM SIZE FOR A FEATURED\u00a0IMAGE IS 760 x 550 (Width x Height)<\/strong><\/h2>\n<p>\n<\/div>\n<div class=\"col-xs-12 col-sm-12 col-md-8 col-lg-8\"><\/p>\n<p><a href=\"https:\/\/artscimedia.case.edu\/wp-content\/uploads\/sites\/105\/2014\/10\/15001247\/Featured-Image-Section1.png\"><img loading=\"lazy\" class=\"aligncenter wp-image-306 size-full\" src=\"https:\/\/artscimedia.case.edu\/wp-content\/uploads\/sites\/105\/2014\/10\/15001247\/Featured-Image-Section1.png\" alt=\"\" width=\"670\" height=\"407\" srcset=\"https:\/\/artscimedia.case.edu\/wp-content\/uploads\/sites\/105\/2014\/10\/15001247\/Featured-Image-Section1.png 670w, https:\/\/artscimedia.case.edu\/wp-content\/uploads\/sites\/105\/2014\/10\/15001247\/Featured-Image-Section1-600x364.png 600w, https:\/\/artscimedia.case.edu\/wp-content\/uploads\/sites\/105\/2014\/10\/15001247\/Featured-Image-Section1-500x304.png 500w\" sizes=\"(max-width: 670px) 100vw, 670px\" \/><\/a><\/p>\n<p>&nbsp;<\/p>\n<p>\n<\/div>\n<p><\/div>\n<hr \/>\n<p>&nbsp;<\/p>\n<div class=\"row column-group-3\"><\/p>\n<div class=\"col-xs-12 col-sm-12 col-md-4 col-lg-4\"><\/p>\n<p>&nbsp;<\/p>\n<p>\u00a0 1. To set your own <em>Featured Image<\/em>, click the text that says <em>Set Featured Image<\/em> to be brought to the <em>Media<\/em> window.This window is similar to the window that allows you to upload normal media files. Here you can either upload the <em>Featured Image<\/em>, or you can go to the <em>Media Library<\/em> and select an image that has already been uploaded.<\/p>\n<p>\n<\/div>\n<div class=\"col-xs-12 col-sm-12 col-md-8 col-lg-8\"><\/p>\n<p><a href=\"https:\/\/artscimedia.case.edu\/wp-content\/uploads\/sites\/105\/2014\/10\/15001250\/Upload-Featured-Image.png\"><img loading=\"lazy\" class=\"aligncenter wp-image-302 size-medium\" src=\"https:\/\/artscimedia.case.edu\/wp-content\/uploads\/sites\/105\/2014\/10\/15001250\/Upload-Featured-Image-600x287.png\" alt=\"Upload Featured Image\" width=\"600\" height=\"287\" srcset=\"https:\/\/artscimedia.case.edu\/wp-content\/uploads\/sites\/105\/2014\/10\/15001250\/Upload-Featured-Image-600x287.png 600w, https:\/\/artscimedia.case.edu\/wp-content\/uploads\/sites\/105\/2014\/10\/15001250\/Upload-Featured-Image-1024x489.png 1024w, https:\/\/artscimedia.case.edu\/wp-content\/uploads\/sites\/105\/2014\/10\/15001250\/Upload-Featured-Image-520x250.png 520w, https:\/\/artscimedia.case.edu\/wp-content\/uploads\/sites\/105\/2014\/10\/15001250\/Upload-Featured-Image-500x239.png 500w, https:\/\/artscimedia.case.edu\/wp-content\/uploads\/sites\/105\/2014\/10\/15001250\/Upload-Featured-Image.png 1860w\" sizes=\"(max-width: 600px) 100vw, 600px\" \/><\/a><\/p>\n<p>&nbsp;<\/p>\n<p>\n<\/div>\n<p><\/div>\n<hr \/>\n<div class=\"row column-group-4\"><\/p>\n<div class=\"col-xs-12 col-sm-12 col-md-4 col-lg-4\"><\/p>\n<p>2.Before you select the image, you will see the image details.You can set the Title and the optional settings (Caption, Alt Text, and Description) here.<\/p>\n<p>3. Click the blue <em>Set featured image<\/em> button to finish up and add the new <em>Featured Image<\/em>. Make sure you click the blue Update button if you are editing a previously published post.<\/p>\n<p>&nbsp;<\/p>\n<p>\n<\/div>\n<div class=\"col-xs-12 col-sm-12 col-md-8 col-lg-8\"><\/p>\n<p><a href=\"https:\/\/artscimedia.case.edu\/wp-content\/uploads\/sites\/105\/2014\/10\/15001247\/Insert-Featured-Image2.png\"><img loading=\"lazy\" class=\"aligncenter wp-image-304 size-full\" src=\"https:\/\/artscimedia.case.edu\/wp-content\/uploads\/sites\/105\/2014\/10\/15001247\/Insert-Featured-Image2.png\" alt=\"Insert Featured Image\" width=\"450\" height=\"411\" \/><\/a><\/p>\n<\/div>\n<p><\/div>\n","protected":false},"excerpt":{"rendered":"<p>&nbsp;<\/p>\n<p><a href=\"https:\/\/artsci.case.edu\/documentation\/how-to-set-a-featured-image\/\" class=\"more-link\">Continue reading&#8230; <span class=\"screen-reader-text\">How to Set a Featured Image<\/span><\/a><\/p>\n","protected":false},"author":19,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"open","ping_status":"open","template":"","meta":{"spay_email":""},"_links":{"self":[{"href":"https:\/\/artsci.case.edu\/documentation\/wp-json\/wp\/v2\/pages\/297"}],"collection":[{"href":"https:\/\/artsci.case.edu\/documentation\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/artsci.case.edu\/documentation\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/artsci.case.edu\/documentation\/wp-json\/wp\/v2\/users\/19"}],"replies":[{"embeddable":true,"href":"https:\/\/artsci.case.edu\/documentation\/wp-json\/wp\/v2\/comments?post=297"}],"version-history":[{"count":11,"href":"https:\/\/artsci.case.edu\/documentation\/wp-json\/wp\/v2\/pages\/297\/revisions"}],"predecessor-version":[{"id":510,"href":"https:\/\/artsci.case.edu\/documentation\/wp-json\/wp\/v2\/pages\/297\/revisions\/510"}],"wp:attachment":[{"href":"https:\/\/artsci.case.edu\/documentation\/wp-json\/wp\/v2\/media?parent=297"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}