{"id":40,"date":"2024-12-10T09:40:30","date_gmt":"2024-12-10T09:40:30","guid":{"rendered":"https:\/\/docs.codevibrant.com\/yaatra\/?p=40"},"modified":"2024-12-10T09:40:30","modified_gmt":"2024-12-10T09:40:30","slug":"frontpage-banner-settings-in-yaatra","status":"publish","type":"post","link":"https:\/\/docs.codevibrant.com\/yaatra\/frontpage-banner-settings-in-yaatra\/","title":{"rendered":"Frontpage Banner Settings in Yaatra"},"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\u2019d 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\u00a0<strong>WordPress Dashboard<\/strong>, then go to\u00a0<strong>Appearance > Customize<\/strong><\/li>\n\n\n\n<li>Then navigate to\u00a0<strong>Frontpage Settings<\/strong>\u00a0and to\u00a0<strong>Banner Settings<\/strong><\/li>\n\n\n\n<li>If your Banner is off then, Toggle on the\u00a0<strong>Enable Banner<\/strong>\u00a0option<\/li>\n\n\n\n<li>Add your Images to your banner by clicking on the\u00a0<strong>Add Images<\/strong>\u00a0button<\/li>\n\n\n\n<li>Input your\u00a0<strong>Banner Title<\/strong>\u00a0in the given text field.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"523\" src=\"http:\/\/docs.codevibrant.com\/yaatra\/wp-content\/uploads\/sites\/6\/2024\/12\/Front-Page-Banner-Settings-1024x523.jpg\" alt=\"Front Page Banner Settings\" class=\"wp-image-41\" srcset=\"https:\/\/docs.codevibrant.com\/yaatra\/wp-content\/uploads\/sites\/6\/2024\/12\/Front-Page-Banner-Settings-1024x523.jpg 1024w, https:\/\/docs.codevibrant.com\/yaatra\/wp-content\/uploads\/sites\/6\/2024\/12\/Front-Page-Banner-Settings-300x153.jpg 300w, https:\/\/docs.codevibrant.com\/yaatra\/wp-content\/uploads\/sites\/6\/2024\/12\/Front-Page-Banner-Settings-768x393.jpg 768w, https:\/\/docs.codevibrant.com\/yaatra\/wp-content\/uploads\/sites\/6\/2024\/12\/Front-Page-Banner-Settings.jpg 1295w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Add\u00a0<strong>Information<\/strong>\u00a0or\u00a0<strong>Excerpt<\/strong>\u00a0about your Banner below the title section<\/li>\n\n\n\n<li>Add<strong>\u00a0Button Text\u00a0<\/strong>as shown in image and\u00a0<strong>link\u00a0<\/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\"><img decoding=\"async\" src=\"https:\/\/docs.codevibrant.com\/yaatra-blog\/wp-content\/uploads\/sites\/5\/2024\/10\/image-22.png\" alt=\"\" class=\"wp-image-123\"\/><\/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\u2019d 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":[6],"tags":[],"class_list":["post-40","post","type-post","status-publish","format-standard","hentry","category-frontpage-settings"],"_links":{"self":[{"href":"https:\/\/docs.codevibrant.com\/yaatra\/wp-json\/wp\/v2\/posts\/40","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=40"}],"version-history":[{"count":1,"href":"https:\/\/docs.codevibrant.com\/yaatra\/wp-json\/wp\/v2\/posts\/40\/revisions"}],"predecessor-version":[{"id":42,"href":"https:\/\/docs.codevibrant.com\/yaatra\/wp-json\/wp\/v2\/posts\/40\/revisions\/42"}],"wp:attachment":[{"href":"https:\/\/docs.codevibrant.com\/yaatra\/wp-json\/wp\/v2\/media?parent=40"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/docs.codevibrant.com\/yaatra\/wp-json\/wp\/v2\/categories?post=40"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/docs.codevibrant.com\/yaatra\/wp-json\/wp\/v2\/tags?post=40"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}