{"id":1742,"date":"2024-06-23T13:49:24","date_gmt":"2024-06-23T11:49:24","guid":{"rendered":"https:\/\/wypo.io\/documentations\/gutenberg-slider\/"},"modified":"2025-11-07T14:51:43","modified_gmt":"2025-11-07T13:51:43","slug":"gutenberg-slider","status":"publish","type":"wypo_documentations","link":"https:\/\/wypo.io\/en\/documentations\/gutenberg-slider\/","title":{"rendered":"Gutenberg Slider"},"content":{"rendered":"            <div class=\"hf_animated fade_bottom none default wp-block-habefast-advanced-layout-group is-layout-constrained wp-block-habefast-advanced-layout-group-is-layout-constrained\">\r\n                <div class=\"wp-block-habefast-advanced-group-container is-style- is-layout-constrained\"  style='--_hfal-cg-d-lg:flex;--_hfal-cg-d-md:flex;--_hfal-cg-d-sm:flex;'>\r\n                                        <div class=\"wp-block-habefast-advanced-group-inner is-layout-flow\">\r\n                        \n\n<h2 class=\"wp-block-heading   \" datalink=\"content-prerequis\">Requirements<\/h2>\n\n\n\n<ul class=\"is-style-important wp-block-list\">\n<li class=\"\"><strong>WordPress<\/strong> : Version 5.9 or higher<\/li>\n\n\n\n<li class=\"\"><strong>PHP<\/strong> : Version 7.0 or higher<\/li>\n<\/ul>\n\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n            \n\n            <div class=\"is-style-normal wp-block-habefast-advanced-layout-group is-layout-constrained wp-block-habefast-advanced-layout-group-is-layout-constrained\">\r\n                <div class=\"wp-block-habefast-advanced-group-container is-style- is-layout-constrained\"  style='--_hfal-cg-d-lg:flex;--_hfal-cg-p-t-lg:var(--wp--preset--spacing--20);--_hfal-cg-d-md:flex;--_hfal-cg-d-sm:flex;--_hfal-cg-p-t-md:var(--wp--preset--spacing--20);--_hfal-cg-p-t-sm:var(--wp--preset--spacing--20);'>\r\n                                        <div class=\"wp-block-habefast-advanced-group-inner is-layout-flow\">\r\n                        \n\n<div class=\"wp-block-group   hf_animated fade_bottom default is-layout-constrained wp-block-group-is-layout-constrained\">\n<h2 class=\"wp-block-heading   \" datalink=\"content-installation\">Installation<\/h2>\n\n\n\n<p class=\"\">To install the plugin, please refer to the &#8220;<a href=\"https:\/\/wypo.io\/en\/complete-guide-installing-wordpress-plugin\/\">Installing a plugin<\/a>&#8221; documentation.  <\/p>\n<\/div>\n\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n            \n\n\n<div class=\"wp-block-group is-style-smallbordertop  hf_animated fade_bottom default is-layout-constrained wp-block-group-is-layout-constrained\">\n<h2 class=\"wp-block-heading\" datalink=\"content-example\">Example<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\" datalink=\"content-free-content\">Free content<\/h3>\n\n\n\t\t\t\t<div style=\"display:flex;\" class=\"alignfull\">\r\n\t\t\t\t\t<div style=\"width:0;flex-basis:100%;\" class=\"  \">\r\n\t\t\t\t\t\t<div class=\"is-layout-constrained\">\r\n\t\t\t\t\t\t\t<div class=\"wp-block-slider is-layout-constrained\">\r\n\t\t\t\t\t\t\t\t<div class=\"owl-carousel  wp-block-habefast-slider\" id=\"block-1a2f2d1b-4eed-4ab0-9d61-082988de2c6b\"\t\t\t\t\t\t\t\t\tstyle=\"\">\r\n\t\t\t\t\t\t\t\t\t\n\t\t\t<div class=\"is-layout-constrained wp-block-habefast-slider-slide\">\r\n\t\t\t\t\n\n<p class=\"has-text-align-center\">Slide 1<\/p>\n\n\t\t\t<\/div>\r\n\t\t\t\n\n\t\t\t<div class=\"is-layout-constrained wp-block-habefast-slider-slide\">\r\n\t\t\t\t\n\n<p class=\"has-text-align-center\">Slide 2<\/p>\n\n\t\t\t<\/div>\r\n\t\t\t\n\n\t\t\t<div class=\"is-layout-constrained wp-block-habefast-slider-slide\">\r\n\t\t\t\t\n\n<p class=\"has-text-align-center\">Slide 3<\/p>\n\n\t\t\t<\/div>\r\n\t\t\t\n\n\t\t\t<div class=\"is-layout-constrained wp-block-habefast-slider-slide\">\r\n\t\t\t\t\n\n<p class=\"has-text-align-center\">Slide 4<\/p>\n\n\t\t\t<\/div>\r\n\t\t\t\n\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t<\/div>\r\n\t\t\t\t<script>\r\n\t\t\t\t\tjQuery(document).ready(function($){$('#block-1a2f2d1b-4eed-4ab0-9d61-082988de2c6b').owlCarousel({items:1,loop:true,dots:true,nav:true,margin:0,stagePadding:0,autoplay:true,autoplayTimeout:2000,autoplayHoverPause:true,navText:['\u2039','\u203a'],});});\t\t\t\t<\/script>\r\n\t\t\t\t\n\n      <div style=\"--_hfal-s-h-lg:var(--wp--preset--spacing--50);\" class=\"wp-block-habefast-spacer\"><\/div>\r\n      \n\n\n<h3 class=\"wp-block-heading\" datalink=\"content-from-posts-query\">From posts (Query)<\/h3>\n\n\n\t\t\t\t<div style=\"display:flex;\" class=\"alignfull\">\r\n\t\t\t\t\t<div style=\"width:0;flex-basis:100%;\" class=\"  \">\r\n\t\t\t\t\t\t<div class=\"is-layout-constrained\">\r\n\t\t\t\t\t\t\t<div class=\"wp-block-slider is-layout-constrained\">\r\n\t\t\t\t\t\t\t\t<div class=\"owl-carousel is-query wp-block-habefast-slider\" id=\"block-53431abb-bbe8-4c40-8b5b-4f3457a53aa7\"\t\t\t\t\t\t\t\t\tstyle=\"\">\r\n\t\t\t\t\t\t\t\t\t\n\t\t\t<div class=\"is-layout-constrained wp-block-habefast-slider-query\">\r\n\t\t\t\t\n<ul class=\"wp-block-post-template is-layout-flow wp-block-post-template-is-layout-flow\"><li class=\"wp-block-post post-3225 post type-post status-publish format-standard hentry category-technologies-en\">\n            <div class=\"wp-block-habefast-advanced-layout-group is-layout-constrained wp-block-habefast-advanced-layout-group-is-layout-constrained\">\r\n                <div class=\"wp-block-habefast-advanced-group-container is-style- is-layout-constrained\"  style='--_hfal-cg-d-lg:flex;--_hfal-cg-p-r-lg:var(--wp--preset--spacing--10);--_hfal-cg-p-l-lg:var(--wp--preset--spacing--10);--_hfal-cg-p-t-lg:var(--wp--preset--spacing--10);--_hfal-cg-p-b-lg:var(--wp--preset--spacing--10);--_hfal-cg-d-md:flex;--_hfal-cg-d-sm:flex;--_hfal-cg-p-r-md:var(--wp--preset--spacing--10);--_hfal-cg-p-r-sm:var(--wp--preset--spacing--10);--_hfal-cg-p-l-md:var(--wp--preset--spacing--10);--_hfal-cg-p-l-sm:var(--wp--preset--spacing--10);--_hfal-cg-p-t-md:var(--wp--preset--spacing--10);--_hfal-cg-p-t-sm:var(--wp--preset--spacing--10);--_hfal-cg-p-b-md:var(--wp--preset--spacing--10);--_hfal-cg-p-b-sm:var(--wp--preset--spacing--10);'>\r\n                                        <div class=\"wp-block-habefast-advanced-group-inner is-layout-flow\">\r\n                        \n            <div class=\"wp-block-habefast-advanced-layout-group is-layout-constrained wp-block-habefast-advanced-layout-group-is-layout-constrained\">\r\n                <div class=\"wp-block-habefast-advanced-group-container is-style- is-layout-constrained\"  style='--_hfal-cg-d-lg:flex;--_hfal-cg-p-t-lg:var(--wp--preset--spacing--20);--_hfal-cg-p-r-lg:var(--wp--preset--spacing--20);--_hfal-cg-p-b-lg:var(--wp--preset--spacing--20);--_hfal-cg-p-l-lg:var(--wp--preset--spacing--20);--_hfal-cg-bc-lg:var(--wp--preset--color--theme-grey);--_hfal-cg-bor-top-lg:20px;--_hfal-cg-bor-right-lg:20px;--_hfal-cg-bor-bottom-lg:20px;--_hfal-cg-bor-left-lg:20px;--_hfal-cg-bxs-lg:0px 0px 7px 0px #00000030;--_hfal-cg-mw-lg:100%;--_hfal-cg-d-md:flex;--_hfal-cg-d-sm:flex;--_hfal-cg-p-t-md:var(--wp--preset--spacing--20);--_hfal-cg-p-t-sm:var(--wp--preset--spacing--20);--_hfal-cg-p-r-md:var(--wp--preset--spacing--20);--_hfal-cg-p-r-sm:var(--wp--preset--spacing--20);--_hfal-cg-p-b-md:var(--wp--preset--spacing--20);--_hfal-cg-p-b-sm:var(--wp--preset--spacing--20);--_hfal-cg-p-l-md:var(--wp--preset--spacing--20);--_hfal-cg-p-l-sm:var(--wp--preset--spacing--20);--_hfal-cg-bc-md:var(--wp--preset--color--theme-grey);--_hfal-cg-bc-sm:var(--wp--preset--color--theme-grey);--_hfal-cg-bor-top-md:20px;--_hfal-cg-bor-top-sm:20px;--_hfal-cg-bor-right-md:20px;--_hfal-cg-bor-right-sm:20px;--_hfal-cg-bor-bottom-md:20px;--_hfal-cg-bor-bottom-sm:20px;--_hfal-cg-bor-left-md:20px;--_hfal-cg-bor-left-sm:20px;--_hfal-cg-bxs-md:0px 0px 7px 0px #00000030;--_hfal-cg-bxs-sm:0px 0px 7px 0px #00000030;--_hfal-cg-mw-md:100%;--_hfal-cg-mw-sm:100%;'>\r\n                                        <div class=\"wp-block-habefast-advanced-group-inner is-layout-flow\">\r\n                        \n            <p><strong>The 5 best tools for testing and debugging your Webhooks<\/strong><\/p>\n            \n\n<div class=\"wp-block-post-date\"><time datetime=\"2024-12-01T02:00:31+01:00\">1 December 2024<\/time><\/div>\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n            \n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n            \n<\/li><li class=\"wp-block-post post-3214 post type-post status-publish format-standard hentry category-technologies-en\">\n            <div class=\"wp-block-habefast-advanced-layout-group is-layout-constrained wp-block-habefast-advanced-layout-group-is-layout-constrained\">\r\n                <div class=\"wp-block-habefast-advanced-group-container is-style- is-layout-constrained\"  style='--_hfal-cg-d-lg:flex;--_hfal-cg-p-r-lg:var(--wp--preset--spacing--10);--_hfal-cg-p-l-lg:var(--wp--preset--spacing--10);--_hfal-cg-p-t-lg:var(--wp--preset--spacing--10);--_hfal-cg-p-b-lg:var(--wp--preset--spacing--10);--_hfal-cg-d-md:flex;--_hfal-cg-d-sm:flex;--_hfal-cg-p-r-md:var(--wp--preset--spacing--10);--_hfal-cg-p-r-sm:var(--wp--preset--spacing--10);--_hfal-cg-p-l-md:var(--wp--preset--spacing--10);--_hfal-cg-p-l-sm:var(--wp--preset--spacing--10);--_hfal-cg-p-t-md:var(--wp--preset--spacing--10);--_hfal-cg-p-t-sm:var(--wp--preset--spacing--10);--_hfal-cg-p-b-md:var(--wp--preset--spacing--10);--_hfal-cg-p-b-sm:var(--wp--preset--spacing--10);'>\r\n                                        <div class=\"wp-block-habefast-advanced-group-inner is-layout-flow\">\r\n                        \n            <div class=\"wp-block-habefast-advanced-layout-group is-layout-constrained wp-block-habefast-advanced-layout-group-is-layout-constrained\">\r\n                <div class=\"wp-block-habefast-advanced-group-container is-style- is-layout-constrained\"  style='--_hfal-cg-d-lg:flex;--_hfal-cg-p-t-lg:var(--wp--preset--spacing--20);--_hfal-cg-p-r-lg:var(--wp--preset--spacing--20);--_hfal-cg-p-b-lg:var(--wp--preset--spacing--20);--_hfal-cg-p-l-lg:var(--wp--preset--spacing--20);--_hfal-cg-bc-lg:var(--wp--preset--color--theme-grey);--_hfal-cg-bor-top-lg:20px;--_hfal-cg-bor-right-lg:20px;--_hfal-cg-bor-bottom-lg:20px;--_hfal-cg-bor-left-lg:20px;--_hfal-cg-bxs-lg:0px 0px 7px 0px #00000030;--_hfal-cg-mw-lg:100%;--_hfal-cg-d-md:flex;--_hfal-cg-d-sm:flex;--_hfal-cg-p-t-md:var(--wp--preset--spacing--20);--_hfal-cg-p-t-sm:var(--wp--preset--spacing--20);--_hfal-cg-p-r-md:var(--wp--preset--spacing--20);--_hfal-cg-p-r-sm:var(--wp--preset--spacing--20);--_hfal-cg-p-b-md:var(--wp--preset--spacing--20);--_hfal-cg-p-b-sm:var(--wp--preset--spacing--20);--_hfal-cg-p-l-md:var(--wp--preset--spacing--20);--_hfal-cg-p-l-sm:var(--wp--preset--spacing--20);--_hfal-cg-bc-md:var(--wp--preset--color--theme-grey);--_hfal-cg-bc-sm:var(--wp--preset--color--theme-grey);--_hfal-cg-bor-top-md:20px;--_hfal-cg-bor-top-sm:20px;--_hfal-cg-bor-right-md:20px;--_hfal-cg-bor-right-sm:20px;--_hfal-cg-bor-bottom-md:20px;--_hfal-cg-bor-bottom-sm:20px;--_hfal-cg-bor-left-md:20px;--_hfal-cg-bor-left-sm:20px;--_hfal-cg-bxs-md:0px 0px 7px 0px #00000030;--_hfal-cg-bxs-sm:0px 0px 7px 0px #00000030;--_hfal-cg-mw-md:100%;--_hfal-cg-mw-sm:100%;'>\r\n                                        <div class=\"wp-block-habefast-advanced-group-inner is-layout-flow\">\r\n                        \n            <p><strong>REST API vs. SOAP: Differences, advantages and best practices<\/strong><\/p>\n            \n\n<div class=\"wp-block-post-date\"><time datetime=\"2024-12-01T01:42:21+01:00\">1 December 2024<\/time><\/div>\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n            \n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n            \n<\/li><li class=\"wp-block-post post-3196 post type-post status-publish format-standard hentry category-developer\">\n            <div class=\"wp-block-habefast-advanced-layout-group is-layout-constrained wp-block-habefast-advanced-layout-group-is-layout-constrained\">\r\n                <div class=\"wp-block-habefast-advanced-group-container is-style- is-layout-constrained\"  style='--_hfal-cg-d-lg:flex;--_hfal-cg-p-r-lg:var(--wp--preset--spacing--10);--_hfal-cg-p-l-lg:var(--wp--preset--spacing--10);--_hfal-cg-p-t-lg:var(--wp--preset--spacing--10);--_hfal-cg-p-b-lg:var(--wp--preset--spacing--10);--_hfal-cg-d-md:flex;--_hfal-cg-d-sm:flex;--_hfal-cg-p-r-md:var(--wp--preset--spacing--10);--_hfal-cg-p-r-sm:var(--wp--preset--spacing--10);--_hfal-cg-p-l-md:var(--wp--preset--spacing--10);--_hfal-cg-p-l-sm:var(--wp--preset--spacing--10);--_hfal-cg-p-t-md:var(--wp--preset--spacing--10);--_hfal-cg-p-t-sm:var(--wp--preset--spacing--10);--_hfal-cg-p-b-md:var(--wp--preset--spacing--10);--_hfal-cg-p-b-sm:var(--wp--preset--spacing--10);'>\r\n                                        <div class=\"wp-block-habefast-advanced-group-inner is-layout-flow\">\r\n                        \n            <div class=\"wp-block-habefast-advanced-layout-group is-layout-constrained wp-block-habefast-advanced-layout-group-is-layout-constrained\">\r\n                <div class=\"wp-block-habefast-advanced-group-container is-style- is-layout-constrained\"  style='--_hfal-cg-d-lg:flex;--_hfal-cg-p-t-lg:var(--wp--preset--spacing--20);--_hfal-cg-p-r-lg:var(--wp--preset--spacing--20);--_hfal-cg-p-b-lg:var(--wp--preset--spacing--20);--_hfal-cg-p-l-lg:var(--wp--preset--spacing--20);--_hfal-cg-bc-lg:var(--wp--preset--color--theme-grey);--_hfal-cg-bor-top-lg:20px;--_hfal-cg-bor-right-lg:20px;--_hfal-cg-bor-bottom-lg:20px;--_hfal-cg-bor-left-lg:20px;--_hfal-cg-bxs-lg:0px 0px 7px 0px #00000030;--_hfal-cg-mw-lg:100%;--_hfal-cg-d-md:flex;--_hfal-cg-d-sm:flex;--_hfal-cg-p-t-md:var(--wp--preset--spacing--20);--_hfal-cg-p-t-sm:var(--wp--preset--spacing--20);--_hfal-cg-p-r-md:var(--wp--preset--spacing--20);--_hfal-cg-p-r-sm:var(--wp--preset--spacing--20);--_hfal-cg-p-b-md:var(--wp--preset--spacing--20);--_hfal-cg-p-b-sm:var(--wp--preset--spacing--20);--_hfal-cg-p-l-md:var(--wp--preset--spacing--20);--_hfal-cg-p-l-sm:var(--wp--preset--spacing--20);--_hfal-cg-bc-md:var(--wp--preset--color--theme-grey);--_hfal-cg-bc-sm:var(--wp--preset--color--theme-grey);--_hfal-cg-bor-top-md:20px;--_hfal-cg-bor-top-sm:20px;--_hfal-cg-bor-right-md:20px;--_hfal-cg-bor-right-sm:20px;--_hfal-cg-bor-bottom-md:20px;--_hfal-cg-bor-bottom-sm:20px;--_hfal-cg-bor-left-md:20px;--_hfal-cg-bor-left-sm:20px;--_hfal-cg-bxs-md:0px 0px 7px 0px #00000030;--_hfal-cg-bxs-sm:0px 0px 7px 0px #00000030;--_hfal-cg-mw-md:100%;--_hfal-cg-mw-sm:100%;'>\r\n                                        <div class=\"wp-block-habefast-advanced-group-inner is-layout-flow\">\r\n                        \n            <p><strong>How to remove the Help tab from the top of the administrator dashboard<\/strong><\/p>\n            \n\n<div class=\"wp-block-post-date\"><time datetime=\"2024-11-24T02:09:28+01:00\">24 November 2024<\/time><\/div>\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n            \n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n            \n<\/li><li class=\"wp-block-post post-3019 post type-post status-publish format-standard hentry category-gutenberg\">\n            <div class=\"wp-block-habefast-advanced-layout-group is-layout-constrained wp-block-habefast-advanced-layout-group-is-layout-constrained\">\r\n                <div class=\"wp-block-habefast-advanced-group-container is-style- is-layout-constrained\"  style='--_hfal-cg-d-lg:flex;--_hfal-cg-p-r-lg:var(--wp--preset--spacing--10);--_hfal-cg-p-l-lg:var(--wp--preset--spacing--10);--_hfal-cg-p-t-lg:var(--wp--preset--spacing--10);--_hfal-cg-p-b-lg:var(--wp--preset--spacing--10);--_hfal-cg-d-md:flex;--_hfal-cg-d-sm:flex;--_hfal-cg-p-r-md:var(--wp--preset--spacing--10);--_hfal-cg-p-r-sm:var(--wp--preset--spacing--10);--_hfal-cg-p-l-md:var(--wp--preset--spacing--10);--_hfal-cg-p-l-sm:var(--wp--preset--spacing--10);--_hfal-cg-p-t-md:var(--wp--preset--spacing--10);--_hfal-cg-p-t-sm:var(--wp--preset--spacing--10);--_hfal-cg-p-b-md:var(--wp--preset--spacing--10);--_hfal-cg-p-b-sm:var(--wp--preset--spacing--10);'>\r\n                                        <div class=\"wp-block-habefast-advanced-group-inner is-layout-flow\">\r\n                        \n            <div class=\"wp-block-habefast-advanced-layout-group is-layout-constrained wp-block-habefast-advanced-layout-group-is-layout-constrained\">\r\n                <div class=\"wp-block-habefast-advanced-group-container is-style- is-layout-constrained\"  style='--_hfal-cg-d-lg:flex;--_hfal-cg-p-t-lg:var(--wp--preset--spacing--20);--_hfal-cg-p-r-lg:var(--wp--preset--spacing--20);--_hfal-cg-p-b-lg:var(--wp--preset--spacing--20);--_hfal-cg-p-l-lg:var(--wp--preset--spacing--20);--_hfal-cg-bc-lg:var(--wp--preset--color--theme-grey);--_hfal-cg-bor-top-lg:20px;--_hfal-cg-bor-right-lg:20px;--_hfal-cg-bor-bottom-lg:20px;--_hfal-cg-bor-left-lg:20px;--_hfal-cg-bxs-lg:0px 0px 7px 0px #00000030;--_hfal-cg-mw-lg:100%;--_hfal-cg-d-md:flex;--_hfal-cg-d-sm:flex;--_hfal-cg-p-t-md:var(--wp--preset--spacing--20);--_hfal-cg-p-t-sm:var(--wp--preset--spacing--20);--_hfal-cg-p-r-md:var(--wp--preset--spacing--20);--_hfal-cg-p-r-sm:var(--wp--preset--spacing--20);--_hfal-cg-p-b-md:var(--wp--preset--spacing--20);--_hfal-cg-p-b-sm:var(--wp--preset--spacing--20);--_hfal-cg-p-l-md:var(--wp--preset--spacing--20);--_hfal-cg-p-l-sm:var(--wp--preset--spacing--20);--_hfal-cg-bc-md:var(--wp--preset--color--theme-grey);--_hfal-cg-bc-sm:var(--wp--preset--color--theme-grey);--_hfal-cg-bor-top-md:20px;--_hfal-cg-bor-top-sm:20px;--_hfal-cg-bor-right-md:20px;--_hfal-cg-bor-right-sm:20px;--_hfal-cg-bor-bottom-md:20px;--_hfal-cg-bor-bottom-sm:20px;--_hfal-cg-bor-left-md:20px;--_hfal-cg-bor-left-sm:20px;--_hfal-cg-bxs-md:0px 0px 7px 0px #00000030;--_hfal-cg-bxs-sm:0px 0px 7px 0px #00000030;--_hfal-cg-mw-md:100%;--_hfal-cg-mw-sm:100%;'>\r\n                                        <div class=\"wp-block-habefast-advanced-group-inner is-layout-flow\">\r\n                        \n            <p><strong>Creating a layout template with Gutenberg<\/strong><\/p>\n            \n\n<div class=\"wp-block-post-date\"><time datetime=\"2024-10-24T07:30:50+02:00\">24 October 2024<\/time><\/div>\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n            \n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n            \n<\/li><li class=\"wp-block-post post-3006 post type-post status-publish format-standard hentry category-glossary\">\n            <div class=\"wp-block-habefast-advanced-layout-group is-layout-constrained wp-block-habefast-advanced-layout-group-is-layout-constrained\">\r\n                <div class=\"wp-block-habefast-advanced-group-container is-style- is-layout-constrained\"  style='--_hfal-cg-d-lg:flex;--_hfal-cg-p-r-lg:var(--wp--preset--spacing--10);--_hfal-cg-p-l-lg:var(--wp--preset--spacing--10);--_hfal-cg-p-t-lg:var(--wp--preset--spacing--10);--_hfal-cg-p-b-lg:var(--wp--preset--spacing--10);--_hfal-cg-d-md:flex;--_hfal-cg-d-sm:flex;--_hfal-cg-p-r-md:var(--wp--preset--spacing--10);--_hfal-cg-p-r-sm:var(--wp--preset--spacing--10);--_hfal-cg-p-l-md:var(--wp--preset--spacing--10);--_hfal-cg-p-l-sm:var(--wp--preset--spacing--10);--_hfal-cg-p-t-md:var(--wp--preset--spacing--10);--_hfal-cg-p-t-sm:var(--wp--preset--spacing--10);--_hfal-cg-p-b-md:var(--wp--preset--spacing--10);--_hfal-cg-p-b-sm:var(--wp--preset--spacing--10);'>\r\n                                        <div class=\"wp-block-habefast-advanced-group-inner is-layout-flow\">\r\n                        \n            <div class=\"wp-block-habefast-advanced-layout-group is-layout-constrained wp-block-habefast-advanced-layout-group-is-layout-constrained\">\r\n                <div class=\"wp-block-habefast-advanced-group-container is-style- is-layout-constrained\"  style='--_hfal-cg-d-lg:flex;--_hfal-cg-p-t-lg:var(--wp--preset--spacing--20);--_hfal-cg-p-r-lg:var(--wp--preset--spacing--20);--_hfal-cg-p-b-lg:var(--wp--preset--spacing--20);--_hfal-cg-p-l-lg:var(--wp--preset--spacing--20);--_hfal-cg-bc-lg:var(--wp--preset--color--theme-grey);--_hfal-cg-bor-top-lg:20px;--_hfal-cg-bor-right-lg:20px;--_hfal-cg-bor-bottom-lg:20px;--_hfal-cg-bor-left-lg:20px;--_hfal-cg-bxs-lg:0px 0px 7px 0px #00000030;--_hfal-cg-mw-lg:100%;--_hfal-cg-d-md:flex;--_hfal-cg-d-sm:flex;--_hfal-cg-p-t-md:var(--wp--preset--spacing--20);--_hfal-cg-p-t-sm:var(--wp--preset--spacing--20);--_hfal-cg-p-r-md:var(--wp--preset--spacing--20);--_hfal-cg-p-r-sm:var(--wp--preset--spacing--20);--_hfal-cg-p-b-md:var(--wp--preset--spacing--20);--_hfal-cg-p-b-sm:var(--wp--preset--spacing--20);--_hfal-cg-p-l-md:var(--wp--preset--spacing--20);--_hfal-cg-p-l-sm:var(--wp--preset--spacing--20);--_hfal-cg-bc-md:var(--wp--preset--color--theme-grey);--_hfal-cg-bc-sm:var(--wp--preset--color--theme-grey);--_hfal-cg-bor-top-md:20px;--_hfal-cg-bor-top-sm:20px;--_hfal-cg-bor-right-md:20px;--_hfal-cg-bor-right-sm:20px;--_hfal-cg-bor-bottom-md:20px;--_hfal-cg-bor-bottom-sm:20px;--_hfal-cg-bor-left-md:20px;--_hfal-cg-bor-left-sm:20px;--_hfal-cg-bxs-md:0px 0px 7px 0px #00000030;--_hfal-cg-bxs-sm:0px 0px 7px 0px #00000030;--_hfal-cg-mw-md:100%;--_hfal-cg-mw-sm:100%;'>\r\n                                        <div class=\"wp-block-habefast-advanced-group-inner is-layout-flow\">\r\n                        \n            <p><strong>Webhook: When Internet becomes the messenger<\/strong><\/p>\n            \n\n<div class=\"wp-block-post-date\"><time datetime=\"2024-09-30T21:47:02+02:00\">30 September 2024<\/time><\/div>\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n            \n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n            \n<\/li><li class=\"wp-block-post post-2761 post type-post status-publish format-standard hentry category-glossary\">\n            <div class=\"wp-block-habefast-advanced-layout-group is-layout-constrained wp-block-habefast-advanced-layout-group-is-layout-constrained\">\r\n                <div class=\"wp-block-habefast-advanced-group-container is-style- is-layout-constrained\"  style='--_hfal-cg-d-lg:flex;--_hfal-cg-p-r-lg:var(--wp--preset--spacing--10);--_hfal-cg-p-l-lg:var(--wp--preset--spacing--10);--_hfal-cg-p-t-lg:var(--wp--preset--spacing--10);--_hfal-cg-p-b-lg:var(--wp--preset--spacing--10);--_hfal-cg-d-md:flex;--_hfal-cg-d-sm:flex;--_hfal-cg-p-r-md:var(--wp--preset--spacing--10);--_hfal-cg-p-r-sm:var(--wp--preset--spacing--10);--_hfal-cg-p-l-md:var(--wp--preset--spacing--10);--_hfal-cg-p-l-sm:var(--wp--preset--spacing--10);--_hfal-cg-p-t-md:var(--wp--preset--spacing--10);--_hfal-cg-p-t-sm:var(--wp--preset--spacing--10);--_hfal-cg-p-b-md:var(--wp--preset--spacing--10);--_hfal-cg-p-b-sm:var(--wp--preset--spacing--10);'>\r\n                                        <div class=\"wp-block-habefast-advanced-group-inner is-layout-flow\">\r\n                        \n            <div class=\"wp-block-habefast-advanced-layout-group is-layout-constrained wp-block-habefast-advanced-layout-group-is-layout-constrained\">\r\n                <div class=\"wp-block-habefast-advanced-group-container is-style- is-layout-constrained\"  style='--_hfal-cg-d-lg:flex;--_hfal-cg-p-t-lg:var(--wp--preset--spacing--20);--_hfal-cg-p-r-lg:var(--wp--preset--spacing--20);--_hfal-cg-p-b-lg:var(--wp--preset--spacing--20);--_hfal-cg-p-l-lg:var(--wp--preset--spacing--20);--_hfal-cg-bc-lg:var(--wp--preset--color--theme-grey);--_hfal-cg-bor-top-lg:20px;--_hfal-cg-bor-right-lg:20px;--_hfal-cg-bor-bottom-lg:20px;--_hfal-cg-bor-left-lg:20px;--_hfal-cg-bxs-lg:0px 0px 7px 0px #00000030;--_hfal-cg-mw-lg:100%;--_hfal-cg-d-md:flex;--_hfal-cg-d-sm:flex;--_hfal-cg-p-t-md:var(--wp--preset--spacing--20);--_hfal-cg-p-t-sm:var(--wp--preset--spacing--20);--_hfal-cg-p-r-md:var(--wp--preset--spacing--20);--_hfal-cg-p-r-sm:var(--wp--preset--spacing--20);--_hfal-cg-p-b-md:var(--wp--preset--spacing--20);--_hfal-cg-p-b-sm:var(--wp--preset--spacing--20);--_hfal-cg-p-l-md:var(--wp--preset--spacing--20);--_hfal-cg-p-l-sm:var(--wp--preset--spacing--20);--_hfal-cg-bc-md:var(--wp--preset--color--theme-grey);--_hfal-cg-bc-sm:var(--wp--preset--color--theme-grey);--_hfal-cg-bor-top-md:20px;--_hfal-cg-bor-top-sm:20px;--_hfal-cg-bor-right-md:20px;--_hfal-cg-bor-right-sm:20px;--_hfal-cg-bor-bottom-md:20px;--_hfal-cg-bor-bottom-sm:20px;--_hfal-cg-bor-left-md:20px;--_hfal-cg-bor-left-sm:20px;--_hfal-cg-bxs-md:0px 0px 7px 0px #00000030;--_hfal-cg-bxs-sm:0px 0px 7px 0px #00000030;--_hfal-cg-mw-md:100%;--_hfal-cg-mw-sm:100%;'>\r\n                                        <div class=\"wp-block-habefast-advanced-group-inner is-layout-flow\">\r\n                        \n            <p><strong>HTTPS: A secure version of HTTP using SSL\/TLS to encrypt data<\/strong><\/p>\n            \n\n<div class=\"wp-block-post-date\"><time datetime=\"2024-09-01T01:40:53+02:00\">1 September 2024<\/time><\/div>\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n            \n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n            \n<\/li><li class=\"wp-block-post post-2753 post type-post status-publish format-standard hentry category-glossary\">\n            <div class=\"wp-block-habefast-advanced-layout-group is-layout-constrained wp-block-habefast-advanced-layout-group-is-layout-constrained\">\r\n                <div class=\"wp-block-habefast-advanced-group-container is-style- is-layout-constrained\"  style='--_hfal-cg-d-lg:flex;--_hfal-cg-p-r-lg:var(--wp--preset--spacing--10);--_hfal-cg-p-l-lg:var(--wp--preset--spacing--10);--_hfal-cg-p-t-lg:var(--wp--preset--spacing--10);--_hfal-cg-p-b-lg:var(--wp--preset--spacing--10);--_hfal-cg-d-md:flex;--_hfal-cg-d-sm:flex;--_hfal-cg-p-r-md:var(--wp--preset--spacing--10);--_hfal-cg-p-r-sm:var(--wp--preset--spacing--10);--_hfal-cg-p-l-md:var(--wp--preset--spacing--10);--_hfal-cg-p-l-sm:var(--wp--preset--spacing--10);--_hfal-cg-p-t-md:var(--wp--preset--spacing--10);--_hfal-cg-p-t-sm:var(--wp--preset--spacing--10);--_hfal-cg-p-b-md:var(--wp--preset--spacing--10);--_hfal-cg-p-b-sm:var(--wp--preset--spacing--10);'>\r\n                                        <div class=\"wp-block-habefast-advanced-group-inner is-layout-flow\">\r\n                        \n            <div class=\"wp-block-habefast-advanced-layout-group is-layout-constrained wp-block-habefast-advanced-layout-group-is-layout-constrained\">\r\n                <div class=\"wp-block-habefast-advanced-group-container is-style- is-layout-constrained\"  style='--_hfal-cg-d-lg:flex;--_hfal-cg-p-t-lg:var(--wp--preset--spacing--20);--_hfal-cg-p-r-lg:var(--wp--preset--spacing--20);--_hfal-cg-p-b-lg:var(--wp--preset--spacing--20);--_hfal-cg-p-l-lg:var(--wp--preset--spacing--20);--_hfal-cg-bc-lg:var(--wp--preset--color--theme-grey);--_hfal-cg-bor-top-lg:20px;--_hfal-cg-bor-right-lg:20px;--_hfal-cg-bor-bottom-lg:20px;--_hfal-cg-bor-left-lg:20px;--_hfal-cg-bxs-lg:0px 0px 7px 0px #00000030;--_hfal-cg-mw-lg:100%;--_hfal-cg-d-md:flex;--_hfal-cg-d-sm:flex;--_hfal-cg-p-t-md:var(--wp--preset--spacing--20);--_hfal-cg-p-t-sm:var(--wp--preset--spacing--20);--_hfal-cg-p-r-md:var(--wp--preset--spacing--20);--_hfal-cg-p-r-sm:var(--wp--preset--spacing--20);--_hfal-cg-p-b-md:var(--wp--preset--spacing--20);--_hfal-cg-p-b-sm:var(--wp--preset--spacing--20);--_hfal-cg-p-l-md:var(--wp--preset--spacing--20);--_hfal-cg-p-l-sm:var(--wp--preset--spacing--20);--_hfal-cg-bc-md:var(--wp--preset--color--theme-grey);--_hfal-cg-bc-sm:var(--wp--preset--color--theme-grey);--_hfal-cg-bor-top-md:20px;--_hfal-cg-bor-top-sm:20px;--_hfal-cg-bor-right-md:20px;--_hfal-cg-bor-right-sm:20px;--_hfal-cg-bor-bottom-md:20px;--_hfal-cg-bor-bottom-sm:20px;--_hfal-cg-bor-left-md:20px;--_hfal-cg-bor-left-sm:20px;--_hfal-cg-bxs-md:0px 0px 7px 0px #00000030;--_hfal-cg-bxs-sm:0px 0px 7px 0px #00000030;--_hfal-cg-mw-md:100%;--_hfal-cg-mw-sm:100%;'>\r\n                                        <div class=\"wp-block-habefast-advanced-group-inner is-layout-flow\">\r\n                        \n            <p><strong>HTTP: The protocol used to transfer hypertext documents over the web.<\/strong><\/p>\n            \n\n<div class=\"wp-block-post-date\"><time datetime=\"2024-09-01T01:29:59+02:00\">1 September 2024<\/time><\/div>\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n            \n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n            \n<\/li><li class=\"wp-block-post post-2745 post type-post status-publish format-standard hentry category-glossary\">\n            <div class=\"wp-block-habefast-advanced-layout-group is-layout-constrained wp-block-habefast-advanced-layout-group-is-layout-constrained\">\r\n                <div class=\"wp-block-habefast-advanced-group-container is-style- is-layout-constrained\"  style='--_hfal-cg-d-lg:flex;--_hfal-cg-p-r-lg:var(--wp--preset--spacing--10);--_hfal-cg-p-l-lg:var(--wp--preset--spacing--10);--_hfal-cg-p-t-lg:var(--wp--preset--spacing--10);--_hfal-cg-p-b-lg:var(--wp--preset--spacing--10);--_hfal-cg-d-md:flex;--_hfal-cg-d-sm:flex;--_hfal-cg-p-r-md:var(--wp--preset--spacing--10);--_hfal-cg-p-r-sm:var(--wp--preset--spacing--10);--_hfal-cg-p-l-md:var(--wp--preset--spacing--10);--_hfal-cg-p-l-sm:var(--wp--preset--spacing--10);--_hfal-cg-p-t-md:var(--wp--preset--spacing--10);--_hfal-cg-p-t-sm:var(--wp--preset--spacing--10);--_hfal-cg-p-b-md:var(--wp--preset--spacing--10);--_hfal-cg-p-b-sm:var(--wp--preset--spacing--10);'>\r\n                                        <div class=\"wp-block-habefast-advanced-group-inner is-layout-flow\">\r\n                        \n            <div class=\"wp-block-habefast-advanced-layout-group is-layout-constrained wp-block-habefast-advanced-layout-group-is-layout-constrained\">\r\n                <div class=\"wp-block-habefast-advanced-group-container is-style- is-layout-constrained\"  style='--_hfal-cg-d-lg:flex;--_hfal-cg-p-t-lg:var(--wp--preset--spacing--20);--_hfal-cg-p-r-lg:var(--wp--preset--spacing--20);--_hfal-cg-p-b-lg:var(--wp--preset--spacing--20);--_hfal-cg-p-l-lg:var(--wp--preset--spacing--20);--_hfal-cg-bc-lg:var(--wp--preset--color--theme-grey);--_hfal-cg-bor-top-lg:20px;--_hfal-cg-bor-right-lg:20px;--_hfal-cg-bor-bottom-lg:20px;--_hfal-cg-bor-left-lg:20px;--_hfal-cg-bxs-lg:0px 0px 7px 0px #00000030;--_hfal-cg-mw-lg:100%;--_hfal-cg-d-md:flex;--_hfal-cg-d-sm:flex;--_hfal-cg-p-t-md:var(--wp--preset--spacing--20);--_hfal-cg-p-t-sm:var(--wp--preset--spacing--20);--_hfal-cg-p-r-md:var(--wp--preset--spacing--20);--_hfal-cg-p-r-sm:var(--wp--preset--spacing--20);--_hfal-cg-p-b-md:var(--wp--preset--spacing--20);--_hfal-cg-p-b-sm:var(--wp--preset--spacing--20);--_hfal-cg-p-l-md:var(--wp--preset--spacing--20);--_hfal-cg-p-l-sm:var(--wp--preset--spacing--20);--_hfal-cg-bc-md:var(--wp--preset--color--theme-grey);--_hfal-cg-bc-sm:var(--wp--preset--color--theme-grey);--_hfal-cg-bor-top-md:20px;--_hfal-cg-bor-top-sm:20px;--_hfal-cg-bor-right-md:20px;--_hfal-cg-bor-right-sm:20px;--_hfal-cg-bor-bottom-md:20px;--_hfal-cg-bor-bottom-sm:20px;--_hfal-cg-bor-left-md:20px;--_hfal-cg-bor-left-sm:20px;--_hfal-cg-bxs-md:0px 0px 7px 0px #00000030;--_hfal-cg-bxs-sm:0px 0px 7px 0px #00000030;--_hfal-cg-mw-md:100%;--_hfal-cg-mw-sm:100%;'>\r\n                                        <div class=\"wp-block-habefast-advanced-group-inner is-layout-flow\">\r\n                        \n            <p><strong>Introduction to CSS : Style your website<\/strong><\/p>\n            \n\n<div class=\"wp-block-post-date\"><time datetime=\"2024-09-01T01:08:57+02:00\">1 September 2024<\/time><\/div>\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n            \n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n            \n<\/li><li class=\"wp-block-post post-2739 post type-post status-publish format-standard hentry category-glossary\">\n            <div class=\"wp-block-habefast-advanced-layout-group is-layout-constrained wp-block-habefast-advanced-layout-group-is-layout-constrained\">\r\n                <div class=\"wp-block-habefast-advanced-group-container is-style- is-layout-constrained\"  style='--_hfal-cg-d-lg:flex;--_hfal-cg-p-r-lg:var(--wp--preset--spacing--10);--_hfal-cg-p-l-lg:var(--wp--preset--spacing--10);--_hfal-cg-p-t-lg:var(--wp--preset--spacing--10);--_hfal-cg-p-b-lg:var(--wp--preset--spacing--10);--_hfal-cg-d-md:flex;--_hfal-cg-d-sm:flex;--_hfal-cg-p-r-md:var(--wp--preset--spacing--10);--_hfal-cg-p-r-sm:var(--wp--preset--spacing--10);--_hfal-cg-p-l-md:var(--wp--preset--spacing--10);--_hfal-cg-p-l-sm:var(--wp--preset--spacing--10);--_hfal-cg-p-t-md:var(--wp--preset--spacing--10);--_hfal-cg-p-t-sm:var(--wp--preset--spacing--10);--_hfal-cg-p-b-md:var(--wp--preset--spacing--10);--_hfal-cg-p-b-sm:var(--wp--preset--spacing--10);'>\r\n                                        <div class=\"wp-block-habefast-advanced-group-inner is-layout-flow\">\r\n                        \n            <div class=\"wp-block-habefast-advanced-layout-group is-layout-constrained wp-block-habefast-advanced-layout-group-is-layout-constrained\">\r\n                <div class=\"wp-block-habefast-advanced-group-container is-style- is-layout-constrained\"  style='--_hfal-cg-d-lg:flex;--_hfal-cg-p-t-lg:var(--wp--preset--spacing--20);--_hfal-cg-p-r-lg:var(--wp--preset--spacing--20);--_hfal-cg-p-b-lg:var(--wp--preset--spacing--20);--_hfal-cg-p-l-lg:var(--wp--preset--spacing--20);--_hfal-cg-bc-lg:var(--wp--preset--color--theme-grey);--_hfal-cg-bor-top-lg:20px;--_hfal-cg-bor-right-lg:20px;--_hfal-cg-bor-bottom-lg:20px;--_hfal-cg-bor-left-lg:20px;--_hfal-cg-bxs-lg:0px 0px 7px 0px #00000030;--_hfal-cg-mw-lg:100%;--_hfal-cg-d-md:flex;--_hfal-cg-d-sm:flex;--_hfal-cg-p-t-md:var(--wp--preset--spacing--20);--_hfal-cg-p-t-sm:var(--wp--preset--spacing--20);--_hfal-cg-p-r-md:var(--wp--preset--spacing--20);--_hfal-cg-p-r-sm:var(--wp--preset--spacing--20);--_hfal-cg-p-b-md:var(--wp--preset--spacing--20);--_hfal-cg-p-b-sm:var(--wp--preset--spacing--20);--_hfal-cg-p-l-md:var(--wp--preset--spacing--20);--_hfal-cg-p-l-sm:var(--wp--preset--spacing--20);--_hfal-cg-bc-md:var(--wp--preset--color--theme-grey);--_hfal-cg-bc-sm:var(--wp--preset--color--theme-grey);--_hfal-cg-bor-top-md:20px;--_hfal-cg-bor-top-sm:20px;--_hfal-cg-bor-right-md:20px;--_hfal-cg-bor-right-sm:20px;--_hfal-cg-bor-bottom-md:20px;--_hfal-cg-bor-bottom-sm:20px;--_hfal-cg-bor-left-md:20px;--_hfal-cg-bor-left-sm:20px;--_hfal-cg-bxs-md:0px 0px 7px 0px #00000030;--_hfal-cg-bxs-sm:0px 0px 7px 0px #00000030;--_hfal-cg-mw-md:100%;--_hfal-cg-mw-sm:100%;'>\r\n                                        <div class=\"wp-block-habefast-advanced-group-inner is-layout-flow\">\r\n                        \n            <p><strong>HTML: The standard markup language used to create web pages<\/strong><\/p>\n            \n\n<div class=\"wp-block-post-date\"><time datetime=\"2024-09-01T00:53:43+02:00\">1 September 2024<\/time><\/div>\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n            \n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n            \n<\/li><li class=\"wp-block-post post-2726 post type-post status-publish format-standard hentry category-glossary\">\n            <div class=\"wp-block-habefast-advanced-layout-group is-layout-constrained wp-block-habefast-advanced-layout-group-is-layout-constrained\">\r\n                <div class=\"wp-block-habefast-advanced-group-container is-style- is-layout-constrained\"  style='--_hfal-cg-d-lg:flex;--_hfal-cg-p-r-lg:var(--wp--preset--spacing--10);--_hfal-cg-p-l-lg:var(--wp--preset--spacing--10);--_hfal-cg-p-t-lg:var(--wp--preset--spacing--10);--_hfal-cg-p-b-lg:var(--wp--preset--spacing--10);--_hfal-cg-d-md:flex;--_hfal-cg-d-sm:flex;--_hfal-cg-p-r-md:var(--wp--preset--spacing--10);--_hfal-cg-p-r-sm:var(--wp--preset--spacing--10);--_hfal-cg-p-l-md:var(--wp--preset--spacing--10);--_hfal-cg-p-l-sm:var(--wp--preset--spacing--10);--_hfal-cg-p-t-md:var(--wp--preset--spacing--10);--_hfal-cg-p-t-sm:var(--wp--preset--spacing--10);--_hfal-cg-p-b-md:var(--wp--preset--spacing--10);--_hfal-cg-p-b-sm:var(--wp--preset--spacing--10);'>\r\n                                        <div class=\"wp-block-habefast-advanced-group-inner is-layout-flow\">\r\n                        \n            <div class=\"wp-block-habefast-advanced-layout-group is-layout-constrained wp-block-habefast-advanced-layout-group-is-layout-constrained\">\r\n                <div class=\"wp-block-habefast-advanced-group-container is-style- is-layout-constrained\"  style='--_hfal-cg-d-lg:flex;--_hfal-cg-p-t-lg:var(--wp--preset--spacing--20);--_hfal-cg-p-r-lg:var(--wp--preset--spacing--20);--_hfal-cg-p-b-lg:var(--wp--preset--spacing--20);--_hfal-cg-p-l-lg:var(--wp--preset--spacing--20);--_hfal-cg-bc-lg:var(--wp--preset--color--theme-grey);--_hfal-cg-bor-top-lg:20px;--_hfal-cg-bor-right-lg:20px;--_hfal-cg-bor-bottom-lg:20px;--_hfal-cg-bor-left-lg:20px;--_hfal-cg-bxs-lg:0px 0px 7px 0px #00000030;--_hfal-cg-mw-lg:100%;--_hfal-cg-d-md:flex;--_hfal-cg-d-sm:flex;--_hfal-cg-p-t-md:var(--wp--preset--spacing--20);--_hfal-cg-p-t-sm:var(--wp--preset--spacing--20);--_hfal-cg-p-r-md:var(--wp--preset--spacing--20);--_hfal-cg-p-r-sm:var(--wp--preset--spacing--20);--_hfal-cg-p-b-md:var(--wp--preset--spacing--20);--_hfal-cg-p-b-sm:var(--wp--preset--spacing--20);--_hfal-cg-p-l-md:var(--wp--preset--spacing--20);--_hfal-cg-p-l-sm:var(--wp--preset--spacing--20);--_hfal-cg-bc-md:var(--wp--preset--color--theme-grey);--_hfal-cg-bc-sm:var(--wp--preset--color--theme-grey);--_hfal-cg-bor-top-md:20px;--_hfal-cg-bor-top-sm:20px;--_hfal-cg-bor-right-md:20px;--_hfal-cg-bor-right-sm:20px;--_hfal-cg-bor-bottom-md:20px;--_hfal-cg-bor-bottom-sm:20px;--_hfal-cg-bor-left-md:20px;--_hfal-cg-bor-left-sm:20px;--_hfal-cg-bxs-md:0px 0px 7px 0px #00000030;--_hfal-cg-bxs-sm:0px 0px 7px 0px #00000030;--_hfal-cg-mw-md:100%;--_hfal-cg-mw-sm:100%;'>\r\n                                        <div class=\"wp-block-habefast-advanced-group-inner is-layout-flow\">\r\n                        \n            <p><strong>HTTP statuses: the art of web communication<\/strong><\/p>\n            \n\n<div class=\"wp-block-post-date\"><time datetime=\"2024-09-01T00:25:35+02:00\">1 September 2024<\/time><\/div>\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n            \n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n            \n<\/li><\/ul>\n\t\t\t<\/div>\r\n\t\t\t\n\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t<\/div>\r\n\t\t\t\t<script>\r\n\t\t\t\t\tjQuery(document).ready(function($){$('#block-53431abb-bbe8-4c40-8b5b-4f3457a53aa7').removeClass('owl-carousel');$('#block-53431abb-bbe8-4c40-8b5b-4f3457a53aa7 > .wp-block-habefast-slider-query > .wp-block-post-template').addClass('owl-carousel');$('#block-53431abb-bbe8-4c40-8b5b-4f3457a53aa7 > .wp-block-habefast-slider-query > .wp-block-post-template').owlCarousel({responsive:{0:{items:1,loop:true,dots:false,nav:true,margin:0,stagePadding:0,autoplay:true,autoplayTimeout:2000,autoplayHoverPause:true,},991:{items:3,nav:true,dots:false,margin:0,stagePadding:0,loop:true,autoplay:true,autoplayTimeout:2000,autoplayHoverPause:true,},767:{items:2,nav:true,dots:false,margin:0,stagePadding:0,loop:true,autoplay:true,autoplayTimeout:2000,autoplayHoverPause:true,},},navText:['\u2039','\u203a'],});});\t\t\t\t<\/script>\r\n\t\t\t\t<\/div>\n\n\n            <div class=\"is-style-smallbordertop wp-block-habefast-advanced-layout-group is-layout-constrained wp-block-habefast-advanced-layout-group-is-layout-constrained\">\r\n                <div class=\"wp-block-habefast-advanced-group-container is-style- is-layout-constrained\"  style='--_hfal-cg-d-lg:flex;--_hfal-cg-d-md:flex;--_hfal-cg-d-sm:flex;'>\r\n                                        <div class=\"wp-block-habefast-advanced-group-inner is-layout-flow\">\r\n                        \n\n<h2 class=\"wp-block-heading\" datalink=\"content-block-parameters\">Block parameters<\/h2>\n\n\n\n<ul class=\"wp-block-list is-style-normal  \">\n<li class=\"\">Number of slides to display<\/li>\n\n\n\n<li class=\"\">Looping slider<\/li>\n\n\n\n<li class=\"\">Autoplay<\/li>\n\n\n\n<li class=\"\">Autoplay speed<\/li>\n\n\n\n<li class=\"\">Center first slide<\/li>\n\n\n\n<li class=\"\">Show pagination (dots)<\/li>\n\n\n\n<li class=\"\">Show navigation (prev, next)<\/li>\n\n\n\n<li class=\"\">Responsive: to modify the following parameters according to screen size:\n<ul class=\"wp-block-list  \">\n<li class=\"\">Number of slides to display<\/li>\n\n\n\n<li class=\"\">Show pagination (dots)<\/li>\n\n\n\n<li class=\"\">Show navigation (prev, next)<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\" datalink=\"content-query\">Query<\/h3>\n\n\n\n<p class=\"\">When creating a slider from posts, a <code>query<\/code> block is added to manage query parameters (content type, sorting, filters). This block contains the <code>publication template<\/code> block, enabling you to adjust the content of the slides.<\/p>\n\n\n\n<p class=\"\"><strong>The rendering in the back-office does not reflect the rendering on the site.<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list  \">\n<li class=\"\">Publication type<\/li>\n\n\n\n<li class=\"\">Elements per page &#8211; Number of slides<\/li>\n\n\n\n<li class=\"\">Offset in query<\/li>\n\n\n\n<li class=\"\">Order\n<ul class=\"wp-block-list  \">\n<li class=\"\">Order by &#8211; To order by meta value or randomly, see &#8220;Customization&#8221; section<\/li>\n\n\n\n<li class=\"\">Order (ASC or DESC)<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li class=\"\">Filters &#8211; Depending on the type of publication selected, allows filtering by associated taxonomy &#8211; if no taxonomy, the parameter is not displayed.<\/li>\n<\/ul>\n\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n            \n\n\n<div class=\"wp-block-group is-style-smallbordertop  hf_animated fade_bottom default is-layout-constrained wp-block-group-is-layout-constrained\">\n<h2 class=\"wp-block-heading\" datalink=\"content-personalization\">Personalization<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\" datalink=\"content-breakpoints\">Breakpoints<\/h3>\n\n\n\n<p class=\"\">By default, the plugin adds the following breakpoints:<\/p>\n\n\n    <div class=\"wp-block-habefast-code  \">\n      <header class=\"habefast-code-header\">\n        <div class=\"habefast-code-lang is-lang-php\">\n          PHP        <\/div>\n      <\/header>\n      <textarea\n        class=\"habefast-code-source\"\n        name=\"codemirror-895372479\"\n        id=\"codemirror-895372479\"\n      >return &#91;\n\t&#91;&quot;size&quot;=&gt;991,&quot;prefix&quot;=&gt;&#039;md&#039;&#93;,\n\t&#91;&quot;size&quot;=&gt;767,&quot;prefix&quot;=&gt;&#039;sm&#039;&#93;,\n&#93;;<\/textarea>\n      <script>\n        CodeMirror.fromTextArea( document.getElementById('codemirror-895372479'), {\n          mode: {name:'php',startOpen:true},\n          readOnly: true,\n          lineNumbers: true,\n          firstLineNumber: 1,\n          matchBrackets: true,\n          indentUnit: 4,\n          tabSize: 4,\n          lineWrapping: true,\n        } );\n      <\/script>\n    <\/div>\n    \n\n\n<h4 class=\"wp-block-heading\" datalink=\"content-add-a-breakpoint\">Add a breakpoint<\/h4>\n\n\n    <div class=\"wp-block-habefast-code  \">\n      <header class=\"habefast-code-header\">\n        <div class=\"habefast-code-lang is-lang-php\">\n          PHP        <\/div>\n      <\/header>\n      <textarea\n        class=\"habefast-code-source\"\n        name=\"codemirror-861875316\"\n        id=\"codemirror-861875316\"\n      >add_filter(&quot;habefast_gutenberg_slider_get_breakpoints&quot;,function($array){\n\treturn array_merge(&#91;\n \t\t&#91;&quot;size&quot;=&gt;600,&quot;prefix&quot;=&gt;&quot;md&quot;&#93;,\n\t&#93;,$array);\n},11);<\/textarea>\n      <script>\n        CodeMirror.fromTextArea( document.getElementById('codemirror-861875316'), {\n          mode: {name:'php',startOpen:true},\n          readOnly: true,\n          lineNumbers: true,\n          firstLineNumber: 1,\n          matchBrackets: true,\n          indentUnit: 4,\n          tabSize: 4,\n          lineWrapping: true,\n        } );\n      <\/script>\n    <\/div>\n    \n\n\n<h4 class=\"wp-block-heading\" datalink=\"content-edit-a-breakpoint\">Edit a breakpoint<\/h4>\n\n\n    <div class=\"wp-block-habefast-code  \">\n      <header class=\"habefast-code-header\">\n        <div class=\"habefast-code-lang is-lang-php\">\n          PHP        <\/div>\n      <\/header>\n      <textarea\n        class=\"habefast-code-source\"\n        name=\"codemirror-1544499197\"\n        id=\"codemirror-1544499197\"\n      >\/\/As the prefix is already in use, its value will be replaced by\nadd_filter(&quot;habefast_gutenberg_slider_get_breakpoints&quot;,function($array){\n\treturn array_merge(&#91;\n \t\t&#91;&quot;size&quot;=&gt;600,&quot;prefix&quot;=&gt;&quot;md&quot;&#93;,\n \t&#93;,$array);\n },11);<\/textarea>\n      <script>\n        CodeMirror.fromTextArea( document.getElementById('codemirror-1544499197'), {\n          mode: {name:'php',startOpen:true},\n          readOnly: true,\n          lineNumbers: true,\n          firstLineNumber: 1,\n          matchBrackets: true,\n          indentUnit: 4,\n          tabSize: 4,\n          lineWrapping: true,\n        } );\n      <\/script>\n    <\/div>\n    \n\n\n<h4 class=\"wp-block-heading\" datalink=\"content-delete-a-breakpoint\">Delete a breakpoint<\/h4>\n\n\n    <div class=\"wp-block-habefast-code  \">\n      <header class=\"habefast-code-header\">\n        <div class=\"habefast-code-lang is-lang-php\">\n          PHP        <\/div>\n      <\/header>\n      <textarea\n        class=\"habefast-code-source\"\n        name=\"codemirror-1833909847\"\n        id=\"codemirror-1833909847\"\n      >add_filter(&quot;habefast_gutenberg_slider_get_breakpoints&quot;,function($array){\n\tunset($array&#91;1&#93;);\n\treturn $array;\n},11);<\/textarea>\n      <script>\n        CodeMirror.fromTextArea( document.getElementById('codemirror-1833909847'), {\n          mode: {name:'php',startOpen:true},\n          readOnly: true,\n          lineNumbers: true,\n          firstLineNumber: 1,\n          matchBrackets: true,\n          indentUnit: 4,\n          tabSize: 4,\n          lineWrapping: true,\n        } );\n      <\/script>\n    <\/div>\n    \n\n\n<h3 class=\"wp-block-heading\" datalink=\"content-texts\">Texts<\/h3>\n\n\n\n<h4 class=\"wp-block-heading\" datalink=\"content-previous-and-next-buttons\">Previous and next buttons<\/h4>\n\n\n    <div class=\"wp-block-habefast-code  \">\n      <header class=\"habefast-code-header\">\n        <div class=\"habefast-code-lang is-lang-php\">\n          PHP        <\/div>\n      <\/header>\n      <textarea\n        class=\"habefast-code-source\"\n        name=\"codemirror-1048619037\"\n        id=\"codemirror-1048619037\"\n      >add_filter(&quot;habefast_gutenberg_slider_global_options&quot;,function($array){\n\treturn &#91;\n\t\t&quot;navText&quot;=&gt;&#91;&quot;Prev&quot;,&quot;Next&quot;&#93;,\n\t&#93;;\n},11);<\/textarea>\n      <script>\n        CodeMirror.fromTextArea( document.getElementById('codemirror-1048619037'), {\n          mode: {name:'php',startOpen:true},\n          readOnly: true,\n          lineNumbers: true,\n          firstLineNumber: 1,\n          matchBrackets: true,\n          indentUnit: 4,\n          tabSize: 4,\n          lineWrapping: true,\n        } );\n      <\/script>\n    <\/div>\n    \n\n\n<h3 class=\"wp-block-heading\" datalink=\"content-posts-sorting\">Posts Sorting<\/h3>\n\n\n\n<h4 class=\"wp-block-heading\" datalink=\"content-sort-by-meta-value\">Sort by meta value<\/h4>\n\n\n\n<p class=\"\">By default, the WordPress Rest API doesn&#8217;t support requests using meta values. To enable them, copy the following code into your theme&#8217;s <code>functions.php<\/code> file:<\/p>\n\n\n    <div class=\"wp-block-habefast-code  \">\n      <header class=\"habefast-code-header\">\n        <div class=\"habefast-code-lang is-lang-php\">\n          PHP        <\/div>\n      <\/header>\n      <textarea\n        class=\"habefast-code-source\"\n        name=\"codemirror-1879161280\"\n        id=\"codemirror-1879161280\"\n      >if(class_exists(&quot;HabefastGutenbergSliderRegister&quot;)){\n\tHabefastGutenbergSliderRegister::allowMetaValueForPostTypeOrder(&quot;page&quot;);\n}<\/textarea>\n      <script>\n        CodeMirror.fromTextArea( document.getElementById('codemirror-1879161280'), {\n          mode: {name:'php',startOpen:true},\n          readOnly: true,\n          lineNumbers: true,\n          firstLineNumber: 1,\n          matchBrackets: true,\n          indentUnit: 4,\n          tabSize: 4,\n          lineWrapping: true,\n        } );\n      <\/script>\n    <\/div>\n    \n\n\n<p class=\"\">The function allows meta values for pages, but &#8220;page&#8221; must be replaced by &#8220;post&#8221; or a CPT slug for other types of content.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\" datalink=\"content-random-order\">Random order<\/h4>\n\n\n\n<p class=\"\">This functionality is not activated by default in the Worpress API Rest. Copy the following code into your theme&#8217;s <code>functions.php<\/code> file to activate it:<\/p>\n\n\n    <div class=\"wp-block-habefast-code  \">\n      <header class=\"habefast-code-header\">\n        <div class=\"habefast-code-lang is-lang-php\">\n          PHP        <\/div>\n      <\/header>\n      <textarea\n        class=\"habefast-code-source\"\n        name=\"codemirror-1792879333\"\n        id=\"codemirror-1792879333\"\n      >if(class_exists(&quot;HabefastGutenbergSliderRegister&quot;)){\n\tHabefastGutenbergSliderRegister::allowRandomForPostTypeOrder(&quot;page&quot;);\n}<\/textarea>\n      <script>\n        CodeMirror.fromTextArea( document.getElementById('codemirror-1792879333'), {\n          mode: {name:'php',startOpen:true},\n          readOnly: true,\n          lineNumbers: true,\n          firstLineNumber: 1,\n          matchBrackets: true,\n          indentUnit: 4,\n          tabSize: 4,\n          lineWrapping: true,\n        } );\n      <\/script>\n    <\/div>\n    \n\n\n<p class=\"\">For other types of content, replace &#8220;page&#8221; with &#8220;post&#8221; or a CPT slug.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\" datalink=\"content-order-by-menu-order\">Order by menu order<\/h4>\n\n\n\n<p class=\"\">This functionality is not activated by default in the Worpress API Rest. Copy the following code into your theme&#8217;s <code>functions.php<\/code> file to activate it:<\/p>\n\n\n    <div class=\"wp-block-habefast-code  \">\n      <header class=\"habefast-code-header\">\n        <div class=\"habefast-code-lang is-lang-php\">\n          PHP        <\/div>\n      <\/header>\n      <textarea\n        class=\"habefast-code-source\"\n        name=\"codemirror-1295796285\"\n        id=\"codemirror-1295796285\"\n      >if (class_exists(&quot;HabefastGutenbergSliderRegister&quot;)) {\n  HabefastGutenbergSliderRegister::allowMenuOrderForPostTypeOrder(&quot;post&quot;);\n}<\/textarea>\n      <script>\n        CodeMirror.fromTextArea( document.getElementById('codemirror-1295796285'), {\n          mode: {name:'php',startOpen:true},\n          readOnly: true,\n          lineNumbers: true,\n          firstLineNumber: 1,\n          matchBrackets: true,\n          indentUnit: 4,\n          tabSize: 4,\n          lineWrapping: true,\n        } );\n      <\/script>\n    <\/div>\n    \n\n\n<p class=\"\">For other types of content, replace &#8220;page&#8221; with &#8220;post&#8221; or a CPT slug.<\/p>\n<\/div>\n","protected":false},"featured_media":0,"parent":0,"menu_order":42,"template":"","meta":{"_habefastfse_class":"","hf_wpseo_meta_title":"Gutenberg Slider plugin documentation [separator] [sitetitle]","hf_wpseo_meta_description":"Discover the complete documentation for the Gutenberg Slider plugin, for creating custom sliders on WordPress. Learn how to install, configure and use the plugin to easily integrate custom sliders into your WordPress site.","hf_wpseo_meta_robots_index":"","hf_wpseo_meta_robots_follow":true,"hf_wpseo_meta_robots_advanced":"{}","hf_wpseo_meta_canonical_url":"","documentation_description":"This plugin adds a \"Slider\" block to the Gutenberg editor.\nIt works with the OwlCarousel library.\nThe \"Slider\" block can contain different slides with free content or using posts (pages or CPTs).","documentation_menu_text":"","documentation_related_pageid":187,"wypo_hidden_role_wypo_users_not_logged":false,"wypo_visibility_role_wypo_users_not_logged":false,"wypo_hidden_role_administrator":false,"wypo_visibility_role_administrator":false,"wypo_hidden_role_habefast":false,"wypo_visibility_role_habefast":false,"wypo_hidden_role_customer":false,"wypo_visibility_role_customer":false,"wypo_hidden_role_habefast_manager":false,"wypo_visibility_role_habefast_manager":false,"wypo_hidden_for_role":false,"wypo_visibility_for_role":false},"class_list":["post-1742","wypo_documentations","type-wypo_documentations","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/wypo.io\/en\/wp-json\/wp\/v2\/wypo_documentations\/1742","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wypo.io\/en\/wp-json\/wp\/v2\/wypo_documentations"}],"about":[{"href":"https:\/\/wypo.io\/en\/wp-json\/wp\/v2\/types\/wypo_documentations"}],"wp:attachment":[{"href":"https:\/\/wypo.io\/en\/wp-json\/wp\/v2\/media?parent=1742"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}