{"id":1017,"date":"2022-12-24T12:08:10","date_gmt":"2022-12-24T12:08:10","guid":{"rendered":"https:\/\/kentatheme.com\/docs\/kenta-blocks\/blocks-guide\/slides-block-kb\/"},"modified":"2023-01-16T09:37:36","modified_gmt":"2023-01-16T09:37:36","slug":"slides-block-kb","status":"publish","type":"docs","link":"https:\/\/kentatheme.com\/docs\/kenta-blocks\/blocks-guide\/slides-block-kb\/","title":{"rendered":"Slides Block (KB)"},"content":{"rendered":"\n<div class=\"wp-block-kenta-blocks-row kb-row-cb871340 kb-row\"><div class=\"kb-row-inner-container\">\n<div class=\"wp-block-kenta-blocks-icon kb-icon kb-icon-ba52398c\"><div class=\"kb-icon-wrap\"><i class=\"fas fa-circle-info\"><\/i><\/div><\/div>\n\n\n\n<div class=\"wp-block-kenta-blocks-paragraph kb-paragraph kb-paragraph-03df1d40\"><p>Slides Block is available since <strong><mark style=\"background-color:rgba(0, 0, 0, 0);color:#075985\" class=\"has-inline-color\">v1.2.0<\/mark><\/strong>.<\/p><\/div>\n<\/div><\/div>\n\n\n\n<p>Slides block display a carousel with any blocks in the slides, also known as sliders, slick, slideshow. When you add a block, find the icon below and click on it to create a Slides (KB) block.<\/p>\n\n\n\n<figure class=\"wp-block-kenta-blocks-image kb-image kb-image-b1877603\"><img decoding=\"async\" src=\"https:\/\/kentatheme.com\/wp-content\/uploads\/2022\/12\/slides-block-kb.jpg\" alt=\"\"\/><\/figure>\n\n\n\n<p>The screenshot below shows the default Slides block in the editor and front-end.<\/p>\n\n\n\n<div class=\"wp-block-kenta-blocks-section kb-section-02a1953f kb-section\">\n<div class=\"wp-block-kenta-blocks-column kb-column-wrapper kb-column-wrapper-ba1d5509\"><div class=\"kb-column kb-column-ba1d5509\"><div class=\"kb-column-content\">\n<figure class=\"wp-block-kenta-blocks-image kb-image kb-image-0ed26db5\"><img decoding=\"async\" src=\"https:\/\/kentatheme.com\/wp-content\/uploads\/2022\/12\/add-slides-block.gif\" alt=\"\"\/><\/figure>\n<\/div><\/div><\/div>\n\n\n\n<div class=\"wp-block-kenta-blocks-column kb-column-wrapper kb-column-wrapper-be0f463f\"><div class=\"kb-column kb-column-be0f463f\"><div class=\"kb-column-content\">\n<figure class=\"wp-block-kenta-blocks-image kb-image kb-image-04ebf422\"><img decoding=\"async\" src=\"https:\/\/kentatheme.com\/wp-content\/uploads\/2022\/12\/slides-block-preview.gif\" alt=\"\"\/><\/figure>\n<\/div><\/div><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-kenta-blocks-paragraph kb-paragraph kb-paragraph-31a76245\"><p>Tip: Click on the image to view it in full screen.<\/p><\/div>\n\n\n\n<h3 class=\"wp-block-heading\">Slides Block Settings<\/h3>\n\n\n\n<p>When you select <strong>Slides Block<\/strong> in the editor, you can edit the slider settings in the block properties panel on the right.<\/p>\n\n\n\n<div class=\"wp-block-kenta-blocks-row kb-row-2d2b3025 kb-row\"><div class=\"kb-row-inner-container\">\n<div class=\"wp-block-kenta-blocks-icon kb-icon kb-icon-cf3045b8\"><div class=\"kb-icon-wrap\"><i class=\"fas fa-circle-info\"><\/i><\/div><\/div>\n\n\n\n<div class=\"wp-block-kenta-blocks-paragraph kb-paragraph kb-paragraph-96ef9793\"><p>Note: Some features, such as animations, autoplay are not available in the editor.<\/p><\/div>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-kenta-blocks-row kb-row-22c19c87 kb-row\"><div class=\"kb-row-inner-container\">\n<figure class=\"wp-block-kenta-blocks-image kb-image kb-image-c6cc9191\"><img decoding=\"async\" src=\"https:\/\/kentatheme.com\/wp-content\/uploads\/2022\/12\/slides-settings-1.jpg\" alt=\"\"\/><\/figure>\n\n\n\n<figure class=\"wp-block-kenta-blocks-image kb-image kb-image-30038306\"><img decoding=\"async\" src=\"https:\/\/kentatheme.com\/wp-content\/uploads\/2022\/12\/slides-settings-2.jpg\" alt=\"\"\/><\/figure>\n<\/div><\/div>\n\n\n\n<p>If you want to show more than one Slider Item at a time (as a carousel), just modify the Slide To Show option to be greater than 1.<\/p>\n\n\n\n<figure class=\"wp-block-kenta-blocks-image kb-image kb-image-6a8681b3\"><img decoding=\"async\" src=\"https:\/\/kentatheme.com\/wp-content\/uploads\/2023\/01\/slides-to-show.gif\" alt=\"\"\/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Add Slide Item<\/h3>\n\n\n\n<p>When you select <strong>Slides Block<\/strong>, an <strong>Add Slide Item<\/strong> button will appear under the carousel and you can add a new slide Item by clicking it. (Tip: The add button does not appear when you select a <strong>Slide Item<\/strong>, you can quickly select a Slides Block by clicking on the pagination dots or navigation arrow.)<\/p>\n\n\n\n<div class=\"wp-block-kenta-blocks-row kb-row-27f6e925 kb-row\"><div class=\"kb-row-inner-container\">\n<div class=\"wp-block-kenta-blocks-icon kb-icon kb-icon-d55a36fb\"><div class=\"kb-icon-wrap\"><i class=\"fas fa-circle-info\"><\/i><\/div><\/div>\n\n\n\n<div class=\"wp-block-kenta-blocks-paragraph kb-paragraph kb-paragraph-060c42b2\"><p>Free version adds up to <strong><mark style=\"background-color:rgba(0, 0, 0, 0);color:#664d03\" class=\"has-inline-color\">4<\/mark><\/strong> Slide items, if you need more, please <a rel=\"noreferrer noopener\" href=\"https:\/\/kentatheme.com\/pricing\/\" target=\"_blank\"><strong>upgrade<\/strong><\/a><strong> <\/strong>premium.<\/p><\/div>\n<\/div><\/div>\n\n\n\n<figure class=\"wp-block-kenta-blocks-image kb-image kb-image-3ea51e17\"><img decoding=\"async\" src=\"https:\/\/kentatheme.com\/wp-content\/uploads\/2022\/12\/add-slide-item.gif\" alt=\"\"\/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Delete Slide Item<\/h3>\n\n\n\n<p>Once a Slide Item is selected, you can press delete key or delete it from the block toolbar.<\/p>\n\n\n\n<figure class=\"wp-block-kenta-blocks-image kb-image kb-image-b07529dd\"><img decoding=\"async\" src=\"https:\/\/kentatheme.com\/wp-content\/uploads\/2022\/12\/delete-slide-item.gif\" alt=\"\"\/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Customize Slide Item<\/h3>\n\n\n\n<p>After you select any slide item, you can add any block inside it, no limit! You can also customize the style of the Slide Item using our extensive options.<\/p>\n\n\n\n<figure class=\"wp-block-kenta-blocks-image kb-image kb-image-dc19c4d9\"><img decoding=\"async\" src=\"https:\/\/kentatheme.com\/wp-content\/uploads\/2022\/12\/customize-slide-item.gif\" alt=\"\"\/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Customize  Slides Pagination \/ Navigation<\/h3>\n\n\n\n<div class=\"wp-block-kenta-blocks-row kb-row-1f65f9a5 kb-row\"><div class=\"kb-row-inner-container\">\n<div class=\"wp-block-kenta-blocks-icon kb-icon kb-icon-99e36989\"><div class=\"kb-icon-wrap\"><i class=\"fas fa-circle-info\"><\/i><\/div><\/div>\n\n\n\n<div class=\"wp-block-kenta-blocks-paragraph kb-paragraph kb-paragraph-797ffa70\"><p>This feature requires you to upgrade to <a href=\"https:\/\/kentatheme.com\/pricing\/\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>premium version<\/strong><\/a>.<\/p><\/div>\n<\/div><\/div>\n\n\n\n<p>With the style options we provide, you can customize the slides Pagination(Dots)\/Navigation(Prev\/Next button) style very easily. Make your slides unique and more eye-catching by customizing them.<\/p>\n\n\n\n<div class=\"wp-block-kenta-blocks-section kb-section-6057bf25 kb-section\">\n<div class=\"wp-block-kenta-blocks-column kb-column-wrapper kb-column-wrapper-a83ec8ae\"><div class=\"kb-column kb-column-a83ec8ae\"><div class=\"kb-column-content\">\n<figure class=\"wp-block-kenta-blocks-image kb-image kb-image-423b60d1\"><img decoding=\"async\" src=\"https:\/\/kentatheme.com\/wp-content\/uploads\/2022\/12\/slides-navigation-style.jpg\" alt=\"\"\/><\/figure>\n<\/div><\/div><\/div>\n\n\n\n<div class=\"wp-block-kenta-blocks-column kb-column-wrapper kb-column-wrapper-265d6617\"><div class=\"kb-column kb-column-265d6617\"><div class=\"kb-column-content\">\n<figure class=\"wp-block-kenta-blocks-image kb-image kb-image-db074bcb\"><img decoding=\"async\" src=\"https:\/\/kentatheme.com\/wp-content\/uploads\/2022\/12\/slides-pagination-style.jpg\" alt=\"\"\/><\/figure>\n<\/div><\/div><\/div>\n<\/div>\n","protected":false},"featured_media":0,"parent":871,"menu_order":12,"comment_status":"open","ping_status":"closed","template":"","doc_tag":[],"class_list":["post-1017","docs","type-docs","status-publish","hentry"],"comment_count":0,"_links":{"self":[{"href":"https:\/\/kentatheme.com\/wp-json\/wp\/v2\/docs\/1017","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kentatheme.com\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/kentatheme.com\/wp-json\/wp\/v2\/types\/docs"}],"replies":[{"embeddable":true,"href":"https:\/\/kentatheme.com\/wp-json\/wp\/v2\/comments?post=1017"}],"version-history":[{"count":12,"href":"https:\/\/kentatheme.com\/wp-json\/wp\/v2\/docs\/1017\/revisions"}],"predecessor-version":[{"id":1194,"href":"https:\/\/kentatheme.com\/wp-json\/wp\/v2\/docs\/1017\/revisions\/1194"}],"up":[{"embeddable":true,"href":"https:\/\/kentatheme.com\/wp-json\/wp\/v2\/docs\/871"}],"prev":[{"title":"Stack Block (KB)","link":"https:\/\/kentatheme.com\/docs\/kenta-blocks\/blocks-guide\/stack-block-kb\/","href":"https:\/\/kentatheme.com\/wp-json\/wp\/v2\/docs\/960"}],"wp:attachment":[{"href":"https:\/\/kentatheme.com\/wp-json\/wp\/v2\/media?parent=1017"}],"wp:term":[{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/kentatheme.com\/wp-json\/wp\/v2\/doc_tag?post=1017"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}