{"id":2340,"date":"2019-05-15T06:28:16","date_gmt":"2019-05-15T06:28:16","guid":{"rendered":"https:\/\/docs.blossomthemes.com\/docs\/blossom-fashion-free-theme-documentation\/homepage-settings\/how-to-configure-slider-section\/"},"modified":"2021-02-09T18:28:54","modified_gmt":"2021-02-09T12:43:54","slug":"how-to-configure-slider-section","status":"publish","type":"docs","link":"https:\/\/docs.blossomthemes.com\/blossom-fashion\/homepage-settings\/how-to-configure-slider-section\/","title":{"rendered":"How to Configure Slider Section?"},"content":{"rendered":"<p>You can either follow the video or the below steps to configure this section in the Blossom Fashion theme.<\/p>\n<p><iframe loading=\"lazy\" title=\"How to Start a Fashion Blog on WordPress | Blossom Fashion\" width=\"1024\" height=\"576\" src=\"https:\/\/www.youtube.com\/embed\/UD9HuSQQC9o?start=4040&#038;feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen><\/iframe><\/p>\n<p>You can choose a static image, video, or a slider as your banner. The banner will be displayed at the top of your website.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-2347\" src=\"https:\/\/docs.blossomthemes.com\/wp-content\/uploads\/2019\/05\/Banner-section-demo-blossom-fashion.png\" alt=\"Banner section demo blossom fashion\" width=\"1434\" height=\"819\" srcset=\"https:\/\/docs.blossomthemes.com\/wp-content\/uploads\/2019\/05\/Banner-section-demo-blossom-fashion.png 1434w, https:\/\/docs.blossomthemes.com\/wp-content\/uploads\/2019\/05\/Banner-section-demo-blossom-fashion-300x171.png 300w, https:\/\/docs.blossomthemes.com\/wp-content\/uploads\/2019\/05\/Banner-section-demo-blossom-fashion-768x439.png 768w, https:\/\/docs.blossomthemes.com\/wp-content\/uploads\/2019\/05\/Banner-section-demo-blossom-fashion-1024x585.png 1024w\" sizes=\"(max-width: 1434px) 100vw, 1434px\" \/><\/p>\n<h2><span id=\"Setting_Banner_as_Slider\"><strong>Setting Banner as Slider:<\/strong><\/span><\/h2>\n<h3><span id=\"Latest_Posts_as_Slider_Content\"><strong>Latest Posts as Slider Content<\/strong><\/span><\/h3>\n<ul>\n<li>Go to\u00a0<strong>Appearance &gt; Customize &gt; General Settings &gt; Banner Section<\/strong><\/li>\n<li>Choose either\u00a0<strong>Banner as Slider<\/strong><\/li>\n<li>Select Slider Content as\u00a0<strong>Latest Posts.<\/strong><\/li>\n<li>Choose the Number of Slides you want to display.<\/li>\n<li>Select Slider Animation<\/li>\n<li>Click on\u00a0<strong>Publish.<\/strong><\/li>\n<\/ul>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-1918\" src=\"https:\/\/docs.blossomthemes.com\/wp-content\/uploads\/2019\/05\/Banner-as-slider-using-latest-posts-fashion-diva.png\" alt=\"Banner as slider using latest posts fashion diva\" width=\"345\" height=\"531\" srcset=\"https:\/\/docs.blossomthemes.com\/wp-content\/uploads\/2019\/05\/Banner-as-slider-using-latest-posts-fashion-diva.png 345w, https:\/\/docs.blossomthemes.com\/wp-content\/uploads\/2019\/05\/Banner-as-slider-using-latest-posts-fashion-diva-195x300.png 195w\" sizes=\"(max-width: 345px) 100vw, 345px\" \/><\/p>\n<h3><span id=\"Slider_as_Category\"><strong>Slider as Category<\/strong><\/span><\/h3>\n<ul>\n<li>Go to\u00a0<strong>Appearance &gt; Customize &gt; General Settings &gt; Banner Section<\/strong><\/li>\n<li>Choose either\u00a0<strong>Banner as Slider<\/strong><\/li>\n<li>Select Slider Content as Category<\/li>\n<li>Select the Slider Category<\/li>\n<li>Select Slider Animation<\/li>\n<li>Click on\u00a0<strong>Publish.<\/strong><\/li>\n<\/ul>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-1920\" src=\"https:\/\/docs.blossomthemes.com\/wp-content\/uploads\/2019\/05\/Banner-as-slider-using-categories.png\" alt=\"Banner as slider using categories\" width=\"346\" height=\"537\" srcset=\"https:\/\/docs.blossomthemes.com\/wp-content\/uploads\/2019\/05\/Banner-as-slider-using-categories.png 346w, https:\/\/docs.blossomthemes.com\/wp-content\/uploads\/2019\/05\/Banner-as-slider-using-categories-193x300.png 193w\" sizes=\"(max-width: 346px) 100vw, 346px\" \/><\/p>\n<h2><span id=\"Setting_Banner_as_StaticVideo_Banner\"><strong>Setting Banner as Static\/Video Banner:<\/strong><\/span><\/h2>\n<p>You can set up a static image or video banner on the homepage of your blog using this option.<\/p>\n<p>Please follow the below steps to set up static\/video banner:<\/p>\n<ul>\n<li>Go to\u00a0<strong>Appearance &gt; Customize &gt; General Settings &gt; Banner Section<\/strong><\/li>\n<li>Choose either\u00a0<strong>Banner as Static\/Video Banner<\/strong><\/li>\n<li>Select\/Upload the Image or paste the link of the video or the Header image of your choice. If you select a video, the image will not be displayed.<\/li>\n<li>Click on Publish<\/li>\n<\/ul>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-1922\" src=\"https:\/\/docs.blossomthemes.com\/wp-content\/uploads\/2019\/05\/Static-or-video-slider.png\" alt=\"Static or video slider\" width=\"344\" height=\"769\" srcset=\"https:\/\/docs.blossomthemes.com\/wp-content\/uploads\/2019\/05\/Static-or-video-slider.png 344w, https:\/\/docs.blossomthemes.com\/wp-content\/uploads\/2019\/05\/Static-or-video-slider-134x300.png 134w\" sizes=\"(max-width: 344px) 100vw, 344px\" \/><\/p>\n","protected":false},"excerpt":{"rendered":"<p>You can either follow the video or the below steps to configure this section in the Blossom Fashion theme. You can choose a static image, video, or a slider as your banner. The banner will be displayed at the top of your website. Setting Banner as Slider: Latest Posts as Slider Content Go to\u00a0Appearance &gt; [&hellip;]<\/p>\n","protected":false},"featured_media":0,"parent":2278,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","doc_tag":[],"class_list":["post-2340","docs","type-docs","status-publish","hentry"],"comment_count":0,"_links":{"self":[{"href":"https:\/\/docs.blossomthemes.com\/wp-json\/wp\/v2\/docs\/2340"}],"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=2340"}],"version-history":[{"count":0,"href":"https:\/\/docs.blossomthemes.com\/wp-json\/wp\/v2\/docs\/2340\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/docs.blossomthemes.com\/wp-json\/wp\/v2\/docs\/2278"}],"next":[{"title":"How to Configure Featured Area Section?","link":"https:\/\/docs.blossomthemes.com\/blossom-fashion\/homepage-settings\/how-to-configure-featured-area-section\/","href":"https:\/\/docs.blossomthemes.com\/wp-json\/wp\/v2\/docs\/2341"}],"wp:attachment":[{"href":"https:\/\/docs.blossomthemes.com\/wp-json\/wp\/v2\/media?parent=2340"}],"wp:term":[{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/docs.blossomthemes.com\/wp-json\/wp\/v2\/doc_tag?post=2340"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}