{"id":352,"date":"2023-09-17T11:23:06","date_gmt":"2023-09-17T11:23:06","guid":{"rendered":"https:\/\/unewhavendh.org\/openlab-help\/?p=352"},"modified":"2023-12-24T17:56:49","modified_gmt":"2023-12-24T17:56:49","slug":"changing-your-sites-header-image","status":"publish","type":"post","link":"https:\/\/unewhavendh.org\/openlab-help\/changing-your-sites-header-image\/","title":{"rendered":"Changing your site\u2019s header image"},"content":{"rendered":"\n<p>Changing your site\u2019s header image is a quick and easy way to customize your site. A header image refers to the image that appears at the top of every page in many&nbsp;themes&nbsp;(see example below). Depending on your theme, however, the header image will appear differently.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"500\" src=\"https:\/\/unewhavendh.org\/openlab-help\/files\/2023\/08\/changeheader_1-1024x500.png\" alt=\"\" class=\"wp-image-353\" srcset=\"https:\/\/unewhavendh.org\/openlab-help\/files\/2023\/08\/changeheader_1-1024x500.png 1024w, https:\/\/unewhavendh.org\/openlab-help\/files\/2023\/08\/changeheader_1-300x147.png 300w, https:\/\/unewhavendh.org\/openlab-help\/files\/2023\/08\/changeheader_1-768x375.png 768w, https:\/\/unewhavendh.org\/openlab-help\/files\/2023\/08\/changeheader_1.png 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>2. Pay attention to the image size recommendations that are stated.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"311\" height=\"534\" src=\"https:\/\/unewhavendh.org\/openlab-help\/files\/2023\/08\/changeheader_2.png\" alt=\"\" class=\"wp-image-354\" srcset=\"https:\/\/unewhavendh.org\/openlab-help\/files\/2023\/08\/changeheader_2.png 311w, https:\/\/unewhavendh.org\/openlab-help\/files\/2023\/08\/changeheader_2-175x300.png 175w\" sizes=\"auto, (max-width: 311px) 100vw, 311px\" \/><\/figure>\n\n\n\n<p>3. To upload an image to use, click&nbsp;<strong>Add new image.&nbsp;<\/strong>Click<strong>&nbsp;Upload Files<\/strong>&nbsp;to find an image from your computer or go to&nbsp;<strong>Media Library&nbsp;<\/strong>and&nbsp;<strong>Select and Crop&nbsp;<\/strong>if you already have an image in your media library you want to use.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"422\" src=\"https:\/\/unewhavendh.org\/openlab-help\/files\/2023\/08\/changeheader_3-1024x422.png\" alt=\"\" class=\"wp-image-355\" srcset=\"https:\/\/unewhavendh.org\/openlab-help\/files\/2023\/08\/changeheader_3-1024x422.png 1024w, https:\/\/unewhavendh.org\/openlab-help\/files\/2023\/08\/changeheader_3-300x124.png 300w, https:\/\/unewhavendh.org\/openlab-help\/files\/2023\/08\/changeheader_3-768x316.png 768w, https:\/\/unewhavendh.org\/openlab-help\/files\/2023\/08\/changeheader_3.png 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>4. Once you\u2019ve chosen an image, you\u2019ll be given the chance to crop it. Move the cropping window around to choose the section of the image you want to use. Some themes allow you to make the area to be cropped bigger, but remember that means that the image will be bigger on your page. When you\u2019re finished, click&nbsp;<strong>Crop Image.<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"474\" src=\"https:\/\/unewhavendh.org\/openlab-help\/files\/2023\/08\/changeheader_4-1024x474.png\" alt=\"\" class=\"wp-image-356\" srcset=\"https:\/\/unewhavendh.org\/openlab-help\/files\/2023\/08\/changeheader_4-1024x474.png 1024w, https:\/\/unewhavendh.org\/openlab-help\/files\/2023\/08\/changeheader_4-300x139.png 300w, https:\/\/unewhavendh.org\/openlab-help\/files\/2023\/08\/changeheader_4-768x355.png 768w, https:\/\/unewhavendh.org\/openlab-help\/files\/2023\/08\/changeheader_4.png 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>5. If you upload multiple images, you can choose between these on this same page. In some themes, you can choose&nbsp;<strong>Randomize uploaded headers<\/strong>&nbsp;as an option. This will rotate all of your header images at random so that each time someone visits your site a different image will appear.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"290\" height=\"498\" src=\"https:\/\/unewhavendh.org\/openlab-help\/files\/2023\/08\/changeheader_5.png\" alt=\"\" class=\"wp-image-357\" srcset=\"https:\/\/unewhavendh.org\/openlab-help\/files\/2023\/08\/changeheader_5.png 290w, https:\/\/unewhavendh.org\/openlab-help\/files\/2023\/08\/changeheader_5-175x300.png 175w\" sizes=\"auto, (max-width: 290px) 100vw, 290px\" \/><\/figure>\n\n\n\n<p>6. When you\u2019ve decided on your new header image, click&nbsp;<strong><strong>Publish<\/strong>&nbsp;at the top of the left-hand menu<\/strong>.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"291\" height=\"569\" src=\"https:\/\/unewhavendh.org\/openlab-help\/files\/2023\/08\/changeheader_6.png\" alt=\"\" class=\"wp-image-358\" srcset=\"https:\/\/unewhavendh.org\/openlab-help\/files\/2023\/08\/changeheader_6.png 291w, https:\/\/unewhavendh.org\/openlab-help\/files\/2023\/08\/changeheader_6-153x300.png 153w\" sizes=\"auto, (max-width: 291px) 100vw, 291px\" \/><\/figure>\n","protected":false},"excerpt":{"rendered":"<p>Changing your site\u2019s header image is a quick and easy way to customize your site. A header image refers to the image that appears at the top of every page in many&nbsp;themes&nbsp;(see example below). Depending on your theme, however, the header image will appear differently. 2. Pay attention to the image size recommendations that are [&hellip;]<\/p>\n","protected":false},"author":190,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"portfolio_post_id":0,"portfolio_citation":"","portfolio_annotation":"","openlab_post_visibility":"","footnotes":""},"categories":[20],"tags":[25,26],"class_list":["post-352","post","type-post","status-publish","format-standard","hentry","category-build-a-site","tag-creating","tag-images"],"_links":{"self":[{"href":"https:\/\/unewhavendh.org\/openlab-help\/wp-json\/wp\/v2\/posts\/352","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/unewhavendh.org\/openlab-help\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/unewhavendh.org\/openlab-help\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/unewhavendh.org\/openlab-help\/wp-json\/wp\/v2\/users\/190"}],"replies":[{"embeddable":true,"href":"https:\/\/unewhavendh.org\/openlab-help\/wp-json\/wp\/v2\/comments?post=352"}],"version-history":[{"count":3,"href":"https:\/\/unewhavendh.org\/openlab-help\/wp-json\/wp\/v2\/posts\/352\/revisions"}],"predecessor-version":[{"id":571,"href":"https:\/\/unewhavendh.org\/openlab-help\/wp-json\/wp\/v2\/posts\/352\/revisions\/571"}],"wp:attachment":[{"href":"https:\/\/unewhavendh.org\/openlab-help\/wp-json\/wp\/v2\/media?parent=352"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/unewhavendh.org\/openlab-help\/wp-json\/wp\/v2\/categories?post=352"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/unewhavendh.org\/openlab-help\/wp-json\/wp\/v2\/tags?post=352"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}