{"id":45,"date":"2024-10-04T10:51:06","date_gmt":"2024-10-04T10:51:06","guid":{"rendered":"https:\/\/docs.codevibrant.com\/yaatra-blog\/?p=45"},"modified":"2024-10-08T08:50:43","modified_gmt":"2024-10-08T08:50:43","slug":"frontpage-banner-settings-in-yaatra-blog","status":"publish","type":"post","link":"https:\/\/docs.codevibrant.com\/yaatra-blog\/frontpage-banner-settings-in-yaatra-blog\/","title":{"rendered":"Frontpage Banner Settings in Yaatra Blog"},"content":{"rendered":"\n<p>Banners will appear as the first element or section in your Frontpage section. You can use them to showcase your new or most popular contents that you&#8217;d like your user to read at first.<\/p>\n\n\n\n<p>To add and edit your Banner in your Frontpage,<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Go to your <strong>WordPress Dashboard<\/strong>, then go to <strong>Appearance &gt; Customize<\/strong><\/li>\n\n\n\n<li>Then navigate to <strong>Frontpage Settings<\/strong> and to <strong>Banner Settings<\/strong><\/li>\n\n\n\n<li>If your Banner is off then, Toggle on the <strong>Enable Banner<\/strong> option<\/li>\n\n\n\n<li>Add your Images to your banner by clicking on the <strong>Add Images<\/strong> button<\/li>\n\n\n\n<li>Input your <strong>Banner Title<\/strong> in the given text field.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"518\" src=\"http:\/\/docs.codevibrant.com\/yaatra-blog\/wp-content\/uploads\/sites\/5\/2024\/10\/Frontpage-Banner-Settings-1024x518.jpg\" alt=\"Frontpage Banner Settings\" class=\"wp-image-46\" style=\"width:900px;height:auto\" srcset=\"https:\/\/docs.codevibrant.com\/yaatra-blog\/wp-content\/uploads\/sites\/5\/2024\/10\/Frontpage-Banner-Settings-1024x518.jpg 1024w, https:\/\/docs.codevibrant.com\/yaatra-blog\/wp-content\/uploads\/sites\/5\/2024\/10\/Frontpage-Banner-Settings-300x152.jpg 300w, https:\/\/docs.codevibrant.com\/yaatra-blog\/wp-content\/uploads\/sites\/5\/2024\/10\/Frontpage-Banner-Settings-768x388.jpg 768w, https:\/\/docs.codevibrant.com\/yaatra-blog\/wp-content\/uploads\/sites\/5\/2024\/10\/Frontpage-Banner-Settings.jpg 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Add <strong>Information<\/strong> or <strong>Excerpt<\/strong> about your Banner below the title section<\/li>\n\n\n\n<li>Add<strong> Button Text <\/strong>as shown in image and <strong>link <\/strong>it to the page you want your users to redirect to.<\/li>\n\n\n\n<li>Click on the Publish button to save your changes.<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">Pro Features<\/h2>\n\n\n\n<p>In Yaatra Pro, you can change the frontpage banner layouts within the available options<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Go to Design tab and choose the given layout options for your website<\/li>\n<\/ul>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"247\" height=\"420\" src=\"https:\/\/docs.codevibrant.com\/yaatra-blog\/wp-content\/uploads\/sites\/5\/2024\/10\/image-22.png\" alt=\"\" class=\"wp-image-123\" srcset=\"https:\/\/docs.codevibrant.com\/yaatra-blog\/wp-content\/uploads\/sites\/5\/2024\/10\/image-22.png 247w, https:\/\/docs.codevibrant.com\/yaatra-blog\/wp-content\/uploads\/sites\/5\/2024\/10\/image-22-176x300.png 176w\" sizes=\"auto, (max-width: 247px) 100vw, 247px\" \/><\/figure><\/div>","protected":false},"excerpt":{"rendered":"<p>Banners will appear as the first element or section in your Frontpage section. You can use them to showcase your new or most popular contents that you&#8217;d like your user to read at first. To add and edit your Banner in your Frontpage, Pro Features In Yaatra Pro, you can change the frontpage banner layouts [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[4],"tags":[],"class_list":["post-45","post","type-post","status-publish","format-standard","hentry","category-frontpage-settings"],"_links":{"self":[{"href":"https:\/\/docs.codevibrant.com\/yaatra-blog\/wp-json\/wp\/v2\/posts\/45","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/docs.codevibrant.com\/yaatra-blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/docs.codevibrant.com\/yaatra-blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/docs.codevibrant.com\/yaatra-blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/docs.codevibrant.com\/yaatra-blog\/wp-json\/wp\/v2\/comments?post=45"}],"version-history":[{"count":3,"href":"https:\/\/docs.codevibrant.com\/yaatra-blog\/wp-json\/wp\/v2\/posts\/45\/revisions"}],"predecessor-version":[{"id":124,"href":"https:\/\/docs.codevibrant.com\/yaatra-blog\/wp-json\/wp\/v2\/posts\/45\/revisions\/124"}],"wp:attachment":[{"href":"https:\/\/docs.codevibrant.com\/yaatra-blog\/wp-json\/wp\/v2\/media?parent=45"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/docs.codevibrant.com\/yaatra-blog\/wp-json\/wp\/v2\/categories?post=45"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/docs.codevibrant.com\/yaatra-blog\/wp-json\/wp\/v2\/tags?post=45"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}