{"id":88903,"date":"2020-07-13T09:40:19","date_gmt":"2021-08-16T08:24:20","guid":{"rendered":"https:\/\/www.ait-themes.club\/?p=88903"},"modified":"2023-10-20T11:30:11","modified_gmt":"2023-10-20T11:30:11","slug":"cluster-block","status":"publish","type":"post","link":"https:\/\/www.ait-themes.club\/fr\/cluster-bloc\/","title":{"rendered":"Bloc de cluster"},"content":{"rendered":"<p>Le bloc de cluster vous permet de regrouper d&#039;autres blocs dans un bloc parent et de cr\u00e9er ainsi une section int\u00e9ressante de blocs avec un arri\u00e8re-plan personnalis\u00e9.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Block_settings_in_the_toolbar\"><\/span>Param\u00e8tres de bloc dans la barre d&#039;outils<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>Les boutons de la barre d&#039;outils disponibles sur le bloc vous permettent de modifier la largeur du bloc en Taille du contenu, Taille large ou Taille pleine largeur. Une fois l&#039;image s\u00e9lectionn\u00e9e en arri\u00e8re-plan, l&#039;ic\u00f4ne de la barre d&#039;outils permet de changer l&#039;image affich\u00e9e dans un bloc. Pour le cluster avec une hauteur personnalis\u00e9e d\u00e9finie, des options sont disponibles pour aligner le contenu verticalement. Vous pouvez aligner le contenu en haut, au centre ou en bas du bloc Cluster.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><a href=\"https:\/\/www.ait-themes.club\/wp-content\/uploads\/2019\/09\/Toolbar-Cluster-block-Gutenberg-editor-WordPress-1024x629.png\"><img decoding=\"async\" src=\"https:\/\/www.ait-themes.club\/wp-content\/uploads\/2019\/09\/Toolbar-Cluster-block-Gutenberg-editor-WordPress-1024x629.png\" alt=\"\" class=\"wp-image-86508\"\/><\/a><\/figure>\n<\/div>\n\n\n<p><a href=\"https:\/\/www.ait-themes.club\/wp-content\/uploads\/2019\/09\/Toolbar-Cluster-block-Gutenberg-editor-WordPress.png\"><\/a><\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Block_settings_in_the_sidebar\"><\/span>Param\u00e8tres de blocage dans la barre lat\u00e9rale<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>\u00c0 partir des param\u00e8tres de la barre lat\u00e9rale du bloc, vous pouvez d\u00e9finir les options d&#039;arri\u00e8re-plan, de superposition, de bordure, d&#039;ombre et de hauteur li\u00e9es au bloc.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Background_settings\"><\/span>Param\u00e8tres d&#039;arri\u00e8re-plan<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>Block propose quatre types d&#039;arri\u00e8re-plan\u00a0:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Aucun<\/li><li>Image<\/li><li>Couleur unique<\/li><li>Pente<\/li><\/ul>\n\n\n\n<h4 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Image_background\"><\/span>Arri\u00e8re-plan de l&#039;image<span class=\"ez-toc-section-end\"><\/span><\/h4>\n\n\n\n<p>Les options d&#039;arri\u00e8re-plan d&#039;image vous permettent de t\u00e9l\u00e9charger une image personnalis\u00e9e en arri\u00e8re-plan et de d\u00e9finir d&#039;autres options suppl\u00e9mentaires\u00a0:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>d\u00e9finir la taille de l&#039;image d&#039;arri\u00e8re-plan<\/li><li>d\u00e9finir l&#039;option de r\u00e9p\u00e9tition pour une image en arri\u00e8re-plan<\/li><li>d\u00e9finir si une image en fond est fixe ou d\u00e9filer avec la page<\/li><li>d\u00e9finir la position d&#039;une image en arri\u00e8re-plan en d\u00e9finissant le point focal sur une image<\/li><li>d\u00e9finir la couleur d&#039;arri\u00e8re-plan ou le d\u00e9grad\u00e9 sous une image, ces options sont utiles si votre image d&#039;arri\u00e8re-plan est au format png transparent<\/li><li>d\u00e9finissez la superposition sur l&#039;image, la superposition peut \u00eatre d\u00e9finie par une seule couleur ou un d\u00e9grad\u00e9 avec une transparence personnalis\u00e9e pour cr\u00e9er un aspect d&#039;arri\u00e8re-plan int\u00e9ressant<\/li><\/ul>\n\n\n\n<h5 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Responsive_option_for_image_background\"><\/span>Option responsive pour l&#039;arri\u00e8re-plan de l&#039;image<span class=\"ez-toc-section-end\"><\/span><\/h5>\n\n\n\n<p>Vous permet de d\u00e9finir diff\u00e9rents param\u00e8tres d&#039;image d&#039;arri\u00e8re-plan pour la taille du bureau et la taille de l&#039;\u00e9cran r\u00e9actif personnalis\u00e9. Une fois que vous t\u00e9l\u00e9chargez une image en arri\u00e8re-plan, un autre bouton radio appara\u00eet. Apr\u00e8s l&#039;avoir activ\u00e9, de nouveaux onglets apparaissent. Acc\u00e9dez \u00e0 l&#039;onglet Taille du mobile et d\u00e9finissez les param\u00e8tres.<\/p>\n\n\n\n<p>Vous pouvez d\u00e9finir la largeur de l&#039;\u00e9cran lorsque des options r\u00e9actives sont appliqu\u00e9es.<\/p>\n\n\n\n<p>Une mise en page r\u00e9active peut avoir une autre image en arri\u00e8re-plan. Modifiez l&#039;image avec une taille plus petite et acc\u00e9l\u00e9rez le temps de t\u00e9l\u00e9chargement. Acc\u00e9dez \u00e0 la barre d&#039;outils de blocage et remplacez l&#039;image d&#039;arri\u00e8re-plan du bureau existante par une image de version mobile. Choisissez une position et une couleur d&#039;arri\u00e8re-plan pour le format png transparent. Les autres options sont utilis\u00e9es de la m\u00eame mani\u00e8re que dans la disposition du bureau.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><a href=\"https:\/\/www.ait-themes.club\/wp-content\/uploads\/2019\/09\/Sidebar-Inspector-Cluster-block-Gutenberg-Editor-WordPress-1024x747.png\"><img decoding=\"async\" src=\"https:\/\/www.ait-themes.club\/wp-content\/uploads\/2019\/09\/Sidebar-Inspector-Cluster-block-Gutenberg-Editor-WordPress-1024x747.png\" alt=\"\" class=\"wp-image-86509\"\/><\/a><\/figure>\n<\/div>\n\n\n<h5 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"How_to_change_background_image\"><\/span>Comment changer l&#039;image de fond<span class=\"ez-toc-section-end\"><\/span><\/h5>\n\n\n\n<p>L&#039;image de fond peut \u00eatre modifi\u00e9e en cliquant sur l&#039;ic\u00f4ne suivante\u00a0:<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"788\" height=\"140\" src=\"https:\/\/www.ait-themes.club\/wp-content\/uploads\/2022\/07\/cluster-background-image-change.png\" alt=\"\" class=\"wp-image-94213\" srcset=\"https:\/\/www.ait-themes.club\/wp-content\/uploads\/2022\/07\/cluster-background-image-change.png 788w, https:\/\/www.ait-themes.club\/wp-content\/uploads\/2022\/07\/cluster-background-image-change-300x53.png 300w, https:\/\/www.ait-themes.club\/wp-content\/uploads\/2022\/07\/cluster-background-image-change-768x136.png 768w\" sizes=\"auto, (max-width: 788px) 100vw, 788px\" \/><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Single_color_background\"><\/span>Fond unicolore<span class=\"ez-toc-section-end\"><\/span><\/h4>\n\n\n\n<p>L&#039;option vous permet de d\u00e9finir une seule couleur dans l&#039;arri\u00e8re-plan du bloc.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Gradient_background\"><\/span>Fond d\u00e9grad\u00e9<span class=\"ez-toc-section-end\"><\/span><\/h4>\n\n\n\n<p>L&#039;option vous permet de d\u00e9finir un d\u00e9grad\u00e9 dans l&#039;arri\u00e8re-plan du bloc.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Border_settings\"><\/span>Param\u00e8tres de bordure<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>Les options vous permettent de d\u00e9finir la bordure du bloc avec une couleur, une largeur et un rayon personnalis\u00e9s pour les bords de bloc arrondis.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Shadow_settings\"><\/span>Param\u00e8tres d&#039;ombre<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>En d\u00e9finissant la couleur dans les param\u00e8tres d&#039;ombre, vous pouvez activer l&#039;ombre sous le bloc. Tous les param\u00e8tres n\u00e9cessaires sont disponibles pour personnaliser l&#039;ombre selon vos besoins, il existe des commandes pour le d\u00e9calage horizontal et vertical, le flou et le rayon de propagation en pixels.<br>L&#039;ombre peut \u00eatre affich\u00e9e en tant qu&#039;ombre ext\u00e9rieure ou incrust\u00e9e.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Height_settings\"><\/span>Param\u00e8tres de hauteur<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>En utilisant les param\u00e8tres de hauteur, vous pouvez forcer le bloc \u00e0 s&#039;afficher \u00e0 une hauteur d\u00e9finie si le contenu \u00e0 l&#039;int\u00e9rieur du bloc ne d\u00e9passe pas cette hauteur. Vous pouvez choisir parmi diff\u00e9rentes unit\u00e9s pour la hauteur minimale du bloc, parmi lesquelles pixels, vh et vw.<br>Une fois la hauteur personnalis\u00e9e ou la hauteur de couverture d\u00e9finie pour le bloc, vous pouvez \u00e9galement aligner verticalement le contenu \u00e0 l&#039;int\u00e9rieur du bloc \u00e0 l&#039;aide des ic\u00f4nes disponibles dans la barre d&#039;outils du bloc.<\/p>\n\n\n\n<p>Pour les blocs de cluster ins\u00e9r\u00e9s \u00e0 l&#039;int\u00e9rieur du bloc de colonnes, une option suppl\u00e9mentaire &quot;Hauteur de colonne de couverture&quot; est disponible, qui adaptera la hauteur du bloc de cluster \u00e0 la hauteur totale de la colonne dans laquelle il est ins\u00e9r\u00e9. Cette option a un effet si le bloc Cluster n&#039;est que le seul bloc ins\u00e9r\u00e9 directement dans la colonne. Bien s\u00fbr, vous pouvez ins\u00e9rer autant d&#039;autres blocs que vous le souhaitez dans le bloc Cluster.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Width_settings\"><\/span>Param\u00e8tres de largeur<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>Les param\u00e8tres de largeur vous permettent de personnaliser la largeur du contenu dans le bloc Cluster qui est d\u00e9fini par d\u00e9faut dans&nbsp;<a href=\"https:\/\/www.ait-themes.club\/fr\/plugin-parametres-dans-wordpress-customizer\/\">Param\u00e8tres g\u00e9n\u00e9raux de mise en page dans WordPress Customizer<\/a>.<\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\"><p>La largeur peut \u00eatre modifi\u00e9e s\u00e9par\u00e9ment pour diff\u00e9rentes tailles (contenu, large et pleine largeur) configur\u00e9es dans la barre d&#039;outils du bloc Cluster.<\/p><\/blockquote>\n\n\n\n<p>Les param\u00e8tres de largeur ne sont disponibles qu&#039;avec le plug-in Citadela Pro actif.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Mobile_settings\"><\/span>Param\u00e8tres mobiles<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>Avec les param\u00e8tres mobiles, vous pouvez d\u00e9finir si le bloc Cluster est affich\u00e9 ou masqu\u00e9 uniquement sur un mobile. Vous pouvez masquer le bloc avec sa taille d&#039;\u00e9cran sous-r\u00e9active.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Spacing_settings\"><\/span>Param\u00e8tres d&#039;espacement<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>Les options vous permettent de d\u00e9finir le remplissage (espacement) autour du contenu dans le bloc Cluster. Trois types d&#039;espace sont disponibles : Aucun (espacement par d\u00e9faut), 0 (z\u00e9ro, pas d&#039;espacement), petit et grand espacement.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><a href=\"https:\/\/www.ait-themes.club\/wp-content\/uploads\/2019\/09\/block_cluster_responsive_options-1.png\"><img decoding=\"async\" src=\"https:\/\/www.ait-themes.club\/wp-content\/uploads\/2019\/09\/block_cluster_responsive_options-1.png\" alt=\"\" class=\"wp-image-86210\"\/><\/a><\/figure>\n<\/div>\n\n\n<p><\/p>\n<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_80 counter-hierarchy ez-toc-counter ez-toc-custom ez-toc-container-direction\">\n<div class=\"ez-toc-title-container\">\n<p class=\"ez-toc-title\" style=\"cursor:inherit\">Table des mati\u00e8res<\/p>\n<span class=\"ez-toc-title-toggle\"><\/span><\/div>\n<nav><ul class='ez-toc-list ez-toc-list-level-1' ><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/www.ait-themes.club\/fr\/cluster-bloc\/#Block_settings_in_the_toolbar\" >Param\u00e8tres de bloc dans la barre d&#039;outils<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/www.ait-themes.club\/fr\/cluster-bloc\/#Block_settings_in_the_sidebar\" >Param\u00e8tres de blocage dans la barre lat\u00e9rale<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/www.ait-themes.club\/fr\/cluster-bloc\/#Background_settings\" >Param\u00e8tres d&#039;arri\u00e8re-plan<\/a><ul class='ez-toc-list-level-4' ><li class='ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/www.ait-themes.club\/fr\/cluster-bloc\/#Image_background\" >Arri\u00e8re-plan de l&#039;image<\/a><ul class='ez-toc-list-level-5' ><li class='ez-toc-heading-level-5'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/www.ait-themes.club\/fr\/cluster-bloc\/#Responsive_option_for_image_background\" >Option responsive pour l&#039;arri\u00e8re-plan de l&#039;image<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-5'><a class=\"ez-toc-link ez-toc-heading-6\" href=\"https:\/\/www.ait-themes.club\/fr\/cluster-bloc\/#How_to_change_background_image\" >Comment changer l&#039;image de fond<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-7\" href=\"https:\/\/www.ait-themes.club\/fr\/cluster-bloc\/#Single_color_background\" >Fond unicolore<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-8\" href=\"https:\/\/www.ait-themes.club\/fr\/cluster-bloc\/#Gradient_background\" >Fond d\u00e9grad\u00e9<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-9\" href=\"https:\/\/www.ait-themes.club\/fr\/cluster-bloc\/#Border_settings\" >Param\u00e8tres de bordure<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-10\" href=\"https:\/\/www.ait-themes.club\/fr\/cluster-bloc\/#Shadow_settings\" >Param\u00e8tres d&#039;ombre<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-11\" href=\"https:\/\/www.ait-themes.club\/fr\/cluster-bloc\/#Height_settings\" >Param\u00e8tres de hauteur<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-12\" href=\"https:\/\/www.ait-themes.club\/fr\/cluster-bloc\/#Width_settings\" >Param\u00e8tres de largeur<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-13\" href=\"https:\/\/www.ait-themes.club\/fr\/cluster-bloc\/#Mobile_settings\" >Param\u00e8tres mobiles<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-14\" href=\"https:\/\/www.ait-themes.club\/fr\/cluster-bloc\/#Spacing_settings\" >Param\u00e8tres d&#039;espacement<\/a><\/li><\/ul><\/li><\/ul><\/nav><\/div>","protected":false},"excerpt":{"rendered":"<p>Le bloc de cluster vous permet de regrouper d&#039;autres blocs dans un bloc parent et de cr\u00e9er ainsi une section int\u00e9ressante de blocs avec un arri\u00e8re-plan personnalis\u00e9. Param\u00e8tres de bloc dans la barre d&#039;outils Les boutons de la barre d&#039;outils disponibles sur le bloc vous permettent de modifier la largeur du bloc en Taille du contenu, Taille large ou Taille pleine largeur. Une fois l&#039;image [\u2026]<\/p>","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_eb_attr":"","_citadela_custom_class":"","footnotes":""},"categories":[50],"tags":[],"citadela-post-location":[],"class_list":["post-88903","post","type-post","status-publish","format-standard","hentry","category-citadela-pro-documentation"],"_links":{"self":[{"href":"https:\/\/www.ait-themes.club\/fr\/wp-json\/wp\/v2\/posts\/88903","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.ait-themes.club\/fr\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.ait-themes.club\/fr\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.ait-themes.club\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.ait-themes.club\/fr\/wp-json\/wp\/v2\/comments?post=88903"}],"version-history":[{"count":3,"href":"https:\/\/www.ait-themes.club\/fr\/wp-json\/wp\/v2\/posts\/88903\/revisions"}],"predecessor-version":[{"id":94215,"href":"https:\/\/www.ait-themes.club\/fr\/wp-json\/wp\/v2\/posts\/88903\/revisions\/94215"}],"wp:attachment":[{"href":"https:\/\/www.ait-themes.club\/fr\/wp-json\/wp\/v2\/media?parent=88903"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.ait-themes.club\/fr\/wp-json\/wp\/v2\/categories?post=88903"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.ait-themes.club\/fr\/wp-json\/wp\/v2\/tags?post=88903"},{"taxonomy":"citadela-post-location","embeddable":true,"href":"https:\/\/www.ait-themes.club\/fr\/wp-json\/wp\/v2\/citadela-post-location?post=88903"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}