{"id":36,"date":"2024-12-10T09:12:49","date_gmt":"2024-12-10T09:12:49","guid":{"rendered":"https:\/\/docs.codevibrant.com\/yaatra\/?p=36"},"modified":"2024-12-10T09:12:49","modified_gmt":"2024-12-10T09:12:49","slug":"add-header-images-in-your-sites-inner-pages","status":"publish","type":"post","link":"https:\/\/docs.codevibrant.com\/yaatra\/add-header-images-in-your-sites-inner-pages\/","title":{"rendered":"Add Header Images in your site&#8217;s inner pages."},"content":{"rendered":"\n<p>Header Images are the images that appears in your header section. They are essential for you to set tone for your entire site as they are the first element your user encounter. They are also necessary for brand\u2019s identity and visual appeal.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"576\" src=\"http:\/\/docs.codevibrant.com\/yaatra\/wp-content\/uploads\/sites\/6\/2024\/12\/Yaatra-Innerpages-Header-Images-1024x576.jpg\" alt=\"Yaatra Innerpages Header Images\" class=\"wp-image-38\" srcset=\"https:\/\/docs.codevibrant.com\/yaatra\/wp-content\/uploads\/sites\/6\/2024\/12\/Yaatra-Innerpages-Header-Images-1024x576.jpg 1024w, https:\/\/docs.codevibrant.com\/yaatra\/wp-content\/uploads\/sites\/6\/2024\/12\/Yaatra-Innerpages-Header-Images-300x169.jpg 300w, https:\/\/docs.codevibrant.com\/yaatra\/wp-content\/uploads\/sites\/6\/2024\/12\/Yaatra-Innerpages-Header-Images-768x432.jpg 768w, https:\/\/docs.codevibrant.com\/yaatra\/wp-content\/uploads\/sites\/6\/2024\/12\/Yaatra-Innerpages-Header-Images.jpg 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>he above image showcases how your header section would appear when add image to it.<\/p>\n\n\n\n<p>To do so,<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Go to your WordPress Dashboard and head to\u00a0<strong>Appearance > Customize<\/strong><\/li>\n\n\n\n<li>In your customizer, go to\u00a0<strong>Header Settings<\/strong>\u00a0and then to Innerpages Header Images<\/li>\n\n\n\n<li>Add your header image with dimensions\u00a0<strong>1000X250<\/strong>\u00a0for perfect placement.<\/li>\n\n\n\n<li>Click\u00a0<strong>Publish<\/strong>\u00a0button to save your changes<\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>Header Images are the images that appears in your header section. They are essential for you to set tone for your entire site as they are the first element your user encounter. They are also necessary for brand\u2019s identity and visual appeal. he above image showcases how your header section would appear when add image [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[5],"tags":[],"class_list":["post-36","post","type-post","status-publish","format-standard","hentry","category-header-settings"],"_links":{"self":[{"href":"https:\/\/docs.codevibrant.com\/yaatra\/wp-json\/wp\/v2\/posts\/36","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/docs.codevibrant.com\/yaatra\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/docs.codevibrant.com\/yaatra\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/docs.codevibrant.com\/yaatra\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/docs.codevibrant.com\/yaatra\/wp-json\/wp\/v2\/comments?post=36"}],"version-history":[{"count":1,"href":"https:\/\/docs.codevibrant.com\/yaatra\/wp-json\/wp\/v2\/posts\/36\/revisions"}],"predecessor-version":[{"id":39,"href":"https:\/\/docs.codevibrant.com\/yaatra\/wp-json\/wp\/v2\/posts\/36\/revisions\/39"}],"wp:attachment":[{"href":"https:\/\/docs.codevibrant.com\/yaatra\/wp-json\/wp\/v2\/media?parent=36"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/docs.codevibrant.com\/yaatra\/wp-json\/wp\/v2\/categories?post=36"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/docs.codevibrant.com\/yaatra\/wp-json\/wp\/v2\/tags?post=36"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}