{"id":711,"date":"2019-04-23T08:13:55","date_gmt":"2019-04-23T08:13:55","guid":{"rendered":"https:\/\/docs.blossomthemes.com\/docs\/blossom-speaker-free-wordpress-theme\/homepage-settings\/how-to-configure-banner-section\/"},"modified":"2020-09-02T12:00:57","modified_gmt":"2020-09-02T06:15:57","slug":"how-to-configure-banner-section","status":"publish","type":"docs","link":"https:\/\/docs.blossomthemes.com\/blossom-speaker\/homepage-settings\/how-to-configure-banner-section\/","title":{"rendered":"How to Configure Banner Section?"},"content":{"rendered":"<p>You can set up a static image, video, or a slider on your banner section. 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-780\" src=\"https:\/\/docs.blossomthemes.com\/wp-content\/uploads\/2019\/04\/Banner-section-demo-blossom-speakrer.png\" alt=\"Banner section demo blossom speaker\" width=\"1417\" height=\"939\" srcset=\"https:\/\/docs.blossomthemes.com\/wp-content\/uploads\/2019\/04\/Banner-section-demo-blossom-speakrer.png 1417w, https:\/\/docs.blossomthemes.com\/wp-content\/uploads\/2019\/04\/Banner-section-demo-blossom-speakrer-300x199.png 300w, https:\/\/docs.blossomthemes.com\/wp-content\/uploads\/2019\/04\/Banner-section-demo-blossom-speakrer-768x509.png 768w, https:\/\/docs.blossomthemes.com\/wp-content\/uploads\/2019\/04\/Banner-section-demo-blossom-speakrer-1024x679.png 1024w\" sizes=\"(max-width: 1417px) 100vw, 1417px\" \/><\/p>\n<h2><span id=\"Static_ImageVideo_Banner_with_Newsletter\">Static Image\/Video Banner with Newsletter<\/span><\/h2>\n<ul>\n<li>Log in to WordPress Admin Panel.<\/li>\n<li>Go to\u00a0<strong>Appearance &gt; Customize &gt; Front Page Settings &gt; Banner Section<\/strong><\/li>\n<li>Choose<strong>\u00a0Static\/Video Newsletter Banner<\/strong>\u00a0under Banner Options. Choose Disable Banner Section if you do not want banner at all.<\/li>\n<\/ul>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-781\" src=\"https:\/\/docs.blossomthemes.com\/wp-content\/uploads\/2019\/04\/Static-or-video-banner.png\" alt=\"Static or video banner\" width=\"331\" height=\"614\" srcset=\"https:\/\/docs.blossomthemes.com\/wp-content\/uploads\/2019\/04\/Static-or-video-banner.png 331w, https:\/\/docs.blossomthemes.com\/wp-content\/uploads\/2019\/04\/Static-or-video-banner-162x300.png 162w\" sizes=\"(max-width: 331px) 100vw, 331px\" \/><\/p>\n<ul>\n<li>Click Select Video and upload a video for your banner section. (Upload your video in .mp4 format and minimize its file size) You can also enter the Youtube video URL.<\/li>\n<li>Click Add a new image to upload a new image for your banner section. The recommended size for your banner Image is 1920 x 700 px.<\/li>\n<li>Enter the Blossom Themes Email Newsletter Shortcode under\u00a0<strong>Banner Newsletter<\/strong>\u00a0( Please read\u00a0<strong>Newsletter Settings<\/strong>\u00a0for instruction on how to generate shortcode using Blossom Themes Email Newsletter Plugin )<\/li>\n<li>Click on\u00a0<strong>Publish<\/strong>.<\/li>\n<\/ul>\n<p><strong>Note:\u00a0<\/strong>When you use image and video both at the same time as a banner, the video will be shown as default.<\/p>\n<h2><span id=\"Banner_as_Slider\"><a id=\"post-26455-_syoi0u4czbv3\"><\/a><strong>Banner as Slider<\/strong><\/span><\/h2>\n<ul>\n<li>Log in to WordPress Admin Panel.<\/li>\n<li>Go to\u00a0<strong>Appearance &gt; Customize &gt; Front Page Settings &gt; Banner Section<\/strong><\/li>\n<li>Choose Banner as Slider under Banner Options. Choose Disable Banner Section if you do not want banner at all.<\/li>\n<\/ul>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-782\" src=\"https:\/\/docs.blossomthemes.com\/wp-content\/uploads\/2019\/04\/Banner-as-slider.png\" alt=\"Banner as slider\" width=\"330\" height=\"514\" srcset=\"https:\/\/docs.blossomthemes.com\/wp-content\/uploads\/2019\/04\/Banner-as-slider.png 330w, https:\/\/docs.blossomthemes.com\/wp-content\/uploads\/2019\/04\/Banner-as-slider-193x300.png 193w\" sizes=\"(max-width: 330px) 100vw, 330px\" \/><\/p>\n<ul>\n<li>Select either\u00a0<strong>Latest Posts<\/strong>\u00a0or\u00a0<strong>Category<\/strong>\u00a0under Slider Content Style.<\/li>\n<li>Choose a Slider Category if you have selected Category under Slider Content Style. ( The posts under the selected category will appear on your slider. The post category and post title will appear on your slider.)<\/li>\n<\/ul>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-783\" src=\"https:\/\/docs.blossomthemes.com\/wp-content\/uploads\/2019\/04\/Slider-configuration.png\" alt=\"Slider configuration\" width=\"343\" height=\"505\" srcset=\"https:\/\/docs.blossomthemes.com\/wp-content\/uploads\/2019\/04\/Slider-configuration.png 343w, https:\/\/docs.blossomthemes.com\/wp-content\/uploads\/2019\/04\/Slider-configuration-204x300.png 204w\" sizes=\"(max-width: 343px) 100vw, 343px\" \/><\/p>\n<ul>\n<li>Enter the Number of Slides that you want to display if you have selected Latest Posts under Slider Content Style. ( The post category and post title will appear on your slider.)<\/li>\n<\/ul>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-784\" src=\"https:\/\/docs.blossomthemes.com\/wp-content\/uploads\/2019\/04\/Configure-Banner-as-slider.png\" alt=\"Configure Banner as slider\" width=\"344\" height=\"510\" srcset=\"https:\/\/docs.blossomthemes.com\/wp-content\/uploads\/2019\/04\/Configure-Banner-as-slider.png 344w, https:\/\/docs.blossomthemes.com\/wp-content\/uploads\/2019\/04\/Configure-Banner-as-slider-202x300.png 202w\" sizes=\"(max-width: 344px) 100vw, 344px\" \/><\/p>\n<ul>\n<li>Choose Slider Animation.<\/li>\n<li>Click\u00a0<strong>Publish<\/strong><\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>You can set up a static image, video, or a slider on your banner section. The banner will be displayed at the top of your website. Static Image\/Video Banner with Newsletter Log in to WordPress Admin Panel. Go to\u00a0Appearance &gt; Customize &gt; Front Page Settings &gt; Banner Section Choose\u00a0Static\/Video Newsletter Banner\u00a0under Banner Options. Choose Disable [&hellip;]<\/p>\n","protected":false},"featured_media":0,"parent":710,"menu_order":1,"comment_status":"closed","ping_status":"closed","template":"","doc_tag":[],"class_list":["post-711","docs","type-docs","status-publish","hentry"],"comment_count":0,"_links":{"self":[{"href":"https:\/\/docs.blossomthemes.com\/wp-json\/wp\/v2\/docs\/711"}],"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=711"}],"version-history":[{"count":0,"href":"https:\/\/docs.blossomthemes.com\/wp-json\/wp\/v2\/docs\/711\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/docs.blossomthemes.com\/wp-json\/wp\/v2\/docs\/710"}],"next":[{"title":"How to Configure Service Section?","link":"https:\/\/docs.blossomthemes.com\/blossom-speaker\/homepage-settings\/how-to-configure-service-section\/","href":"https:\/\/docs.blossomthemes.com\/wp-json\/wp\/v2\/docs\/712"}],"prev":[{"title":"How to Configure Homepage & Blog Page?","link":"https:\/\/docs.blossomthemes.com\/blossom-speaker\/homepage-settings\/how-to-configure-homepage-blog-page\/","href":"https:\/\/docs.blossomthemes.com\/wp-json\/wp\/v2\/docs\/2904"}],"wp:attachment":[{"href":"https:\/\/docs.blossomthemes.com\/wp-json\/wp\/v2\/media?parent=711"}],"wp:term":[{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/docs.blossomthemes.com\/wp-json\/wp\/v2\/doc_tag?post=711"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}