{"id":12055,"date":"2021-02-19T15:24:00","date_gmt":"2021-02-19T09:39:00","guid":{"rendered":"https:\/\/docs.blossomthemes.com\/blossom-studio\/banner-settings\/banner-as-slider\/"},"modified":"2021-02-19T15:51:06","modified_gmt":"2021-02-19T10:06:06","slug":"banner-as-slider","status":"publish","type":"docs","link":"https:\/\/docs.blossomthemes.com\/blossom-studio-pro\/banner-settings\/banner-as-slider\/","title":{"rendered":"Banner as Slider"},"content":{"rendered":"\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"682\" src=\"https:\/\/docs.blossomthemes.com\/wp-content\/uploads\/2021\/02\/bannerasslider-1024x682.png\" alt=\"\" class=\"wp-image-12079\" srcset=\"https:\/\/docs.blossomthemes.com\/wp-content\/uploads\/2021\/02\/bannerasslider-1024x682.png 1024w, https:\/\/docs.blossomthemes.com\/wp-content\/uploads\/2021\/02\/bannerasslider-300x200.png 300w, https:\/\/docs.blossomthemes.com\/wp-content\/uploads\/2021\/02\/bannerasslider-768x511.png 768w, https:\/\/docs.blossomthemes.com\/wp-content\/uploads\/2021\/02\/bannerasslider.png 1248w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p><strong>Note<\/strong>: Before you choose <strong>Latest Posts, Category, or Page<\/strong> in the Slider Content Style, make sure that you have created these beforehand. You can create Posts via <strong>Posts &gt; Add New<\/strong>, Category via <strong>Posts &gt; Categories<\/strong> and Pages via <strong>Pages &gt; Add New<\/strong>. If there are not enough <strong>Posts, Categories or Pages<\/strong>, a grey fallback image will appear in the Banner Section.<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Go to <strong>Appearance &gt;&nbsp; Customize &gt; Front Page Settings &gt; Banner Section.<\/strong><\/li><li>Choose <strong>Banner as Slider<\/strong> in the Banner Options.<\/li><li>Select either <strong>Latest Posts, Category, Pages, Latest Recipes, Recipe Course, Recipe Cuisine or Custom<\/strong>&nbsp;in the Slider Content Style. In this theme, you can even make your own <strong>Custom Slider<\/strong>.<\/li><li>If you select <strong>Recipe Cuisine<\/strong> or <strong>Recipe Course<\/strong> then also select the cuisine or course that you want to display on the Slider Recipe Cuisine\/Course option.<\/li><li>Enable <strong>Show Date<\/strong> to show the posted date on the slider.<\/li><li>Enable <strong>Slider Auto<\/strong> for the auto transition of the slider.<\/li><li>Enable <strong>Slider Loop<\/strong> for the continuation of the slider.<\/li><li>Enable <strong>Slider Caption<\/strong> to display text on the slider.<\/li><li>Enable <strong>Full Image<\/strong> to display the full image on the slider..<\/li><li>Select the animation of the slider through the <strong>Slider Animation<\/strong> option.<\/li><li>Select the speed of the slider.<\/li><li>Click <strong>Publish.<\/strong><\/li><\/ul>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"324\" height=\"896\" src=\"https:\/\/docs.blossomthemes.com\/wp-content\/uploads\/2021\/02\/bannerassliderdash.png\" alt=\"\" class=\"wp-image-12080\" srcset=\"https:\/\/docs.blossomthemes.com\/wp-content\/uploads\/2021\/02\/bannerassliderdash.png 324w, https:\/\/docs.blossomthemes.com\/wp-content\/uploads\/2021\/02\/bannerassliderdash-108x300.png 108w\" sizes=\"(max-width: 324px) 100vw, 324px\" \/><\/figure>\n","protected":false},"excerpt":{"rendered":"<p>Note: Before you choose Latest Posts, Category, or Page in the Slider Content Style, make sure that you have created these beforehand. You can create Posts via Posts &gt; Add New, Category via Posts &gt; Categories and Pages via Pages &gt; Add New. If there are not enough Posts, Categories or Pages, a grey fallback [&hellip;]<\/p>\n","protected":false},"featured_media":0,"parent":12051,"menu_order":3,"comment_status":"open","ping_status":"closed","template":"","doc_tag":[],"class_list":["post-12055","docs","type-docs","status-publish","hentry"],"comment_count":0,"_links":{"self":[{"href":"https:\/\/docs.blossomthemes.com\/wp-json\/wp\/v2\/docs\/12055"}],"collection":[{"href":"https:\/\/docs.blossomthemes.com\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/docs.blossomthemes.com\/wp-json\/wp\/v2\/types\/docs"}],"replies":[{"embeddable":true,"href":"https:\/\/docs.blossomthemes.com\/wp-json\/wp\/v2\/comments?post=12055"}],"version-history":[{"count":0,"href":"https:\/\/docs.blossomthemes.com\/wp-json\/wp\/v2\/docs\/12055\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/docs.blossomthemes.com\/wp-json\/wp\/v2\/docs\/12051"}],"prev":[{"title":"Static\/Video Appointment Banner","link":"https:\/\/docs.blossomthemes.com\/blossom-studio-pro\/banner-settings\/static-video-appointment-banner\/","href":"https:\/\/docs.blossomthemes.com\/wp-json\/wp\/v2\/docs\/12054"}],"wp:attachment":[{"href":"https:\/\/docs.blossomthemes.com\/wp-json\/wp\/v2\/media?parent=12055"}],"wp:term":[{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/docs.blossomthemes.com\/wp-json\/wp\/v2\/doc_tag?post=12055"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}