{"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\/it\/blocco-a-grappolo\/","title":{"rendered":"Blocco a grappolo"},"content":{"rendered":"<p>Il blocco cluster ti consente di raggruppare altri blocchi in un blocco principale e creare in questo modo un&#039;interessante sezione di blocchi con uno sfondo personalizzato.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Block_settings_in_the_toolbar\"><\/span>Blocca le impostazioni nella barra degli strumenti<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>I pulsanti della barra degli strumenti disponibili sul blocco consentono di modificare la larghezza del blocco in Dimensione contenuto, Dimensione ampia o Dimensione larghezza intera. Una volta selezionata l&#039;immagine come sfondo, l&#039;icona della barra degli strumenti consente di modificare l&#039;immagine visualizzata in un blocco. Per Cluster con altezza personalizzata definita sono disponibili opzioni per allineare il contenuto verticalmente. Puoi allineare il contenuto nella parte superiore, centrale o inferiore del blocco 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>Blocca le impostazioni nella barra laterale<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>Dalle impostazioni della barra laterale del blocco, puoi definire le opzioni di sfondo, sovrapposizione, bordo, ombra e altezza relative al blocco.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Background_settings\"><\/span>Impostazioni dello sfondo<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>Block offre quattro tipi di sfondo:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Nessuno<\/li><li>Immagine<\/li><li>Colore unico<\/li><li>Pendenza<\/li><\/ul>\n\n\n\n<h4 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Image_background\"><\/span>Sfondo dell&#039;immagine<span class=\"ez-toc-section-end\"><\/span><\/h4>\n\n\n\n<p>Le opzioni di sfondo dell&#039;immagine ti consentono di caricare un&#039;immagine personalizzata sullo sfondo e definire altre opzioni aggiuntive:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>impostare la dimensione dell&#039;immagine di sfondo<\/li><li>impostare l&#039;opzione di ripetizione per un&#039;immagine sullo sfondo<\/li><li>definire se un&#039;immagine sullo sfondo \u00e8 fissa o scorrere con la pagina<\/li><li>impostare la posizione di un&#039;immagine sullo sfondo definendo il punto focale su un&#039;immagine<\/li><li>imposta il colore di sfondo o il gradiente sotto un&#039;immagine, queste opzioni sono utili se l&#039;immagine di sfondo \u00e8 in formato png trasparente<\/li><li>imposta la sovrapposizione sull&#039;immagine, la sovrapposizione pu\u00f2 essere definita da un singolo colore o sfumatura con trasparenza personalizzata per creare un aspetto di sfondo interessante<\/li><\/ul>\n\n\n\n<h5 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Responsive_option_for_image_background\"><\/span>Opzione reattiva per lo sfondo dell&#039;immagine<span class=\"ez-toc-section-end\"><\/span><\/h5>\n\n\n\n<p>Consente di definire diverse impostazioni dell&#039;immagine di sfondo per le dimensioni del desktop e le dimensioni dello schermo reattivo personalizzato. Dopo aver caricato un&#039;immagine come sfondo, viene visualizzato un altro pulsante di opzione. Dopo averlo abilitato, vengono visualizzate nuove schede. Vai alla scheda Dimensione mobile e definisci i parametri.<\/p>\n\n\n\n<p>\u00c8 possibile definire la larghezza dello schermo quando vengono applicate le opzioni reattive.<\/p>\n\n\n\n<p>Un layout reattivo pu\u00f2 avere un&#039;altra immagine sullo sfondo. Cambia l&#039;immagine con una dimensione pi\u00f9 piccola e velocizza il tempo di caricamento. Vai alla barra degli strumenti del blocco e sostituisci l&#039;immagine di sfondo del desktop esistente con un&#039;immagine della versione mobile. Scegli una posizione e un colore di sfondo per il formato png trasparente. Altre opzioni sono utilizzate come nel layout del desktop.<\/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>Come cambiare l&#039;immagine di sfondo<span class=\"ez-toc-section-end\"><\/span><\/h5>\n\n\n\n<p>L&#039;immagine di sfondo pu\u00f2 essere modificata facendo clic sulla seguente icona:<\/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>Sfondo monocolore<span class=\"ez-toc-section-end\"><\/span><\/h4>\n\n\n\n<p>L&#039;opzione consente di definire un singolo colore sullo sfondo del blocco.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Gradient_background\"><\/span>Sfondo sfumato<span class=\"ez-toc-section-end\"><\/span><\/h4>\n\n\n\n<p>L&#039;opzione consente di definire il gradiente sullo sfondo del blocco.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Border_settings\"><\/span>Impostazioni del bordo<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>Le opzioni consentono di definire il bordo del blocco con colore, larghezza e raggio personalizzati per i bordi arrotondati del blocco.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Shadow_settings\"><\/span>Impostazioni dell&#039;ombra<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>Definendo il colore nelle impostazioni dell&#039;ombra \u00e8 possibile attivare l&#039;ombra sotto il blocco. Sono disponibili tutti i parametri necessari per personalizzare l&#039;ombra in base alle proprie esigenze, ci sono controlli per offset orizzontale e verticale, sfocatura e raggio di diffusione in pixel.<br>L&#039;ombra pu\u00f2 essere visualizzata come tipo di ombra esterna o rientrante.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Height_settings\"><\/span>Impostazioni di altezza<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>Usando le impostazioni di altezza puoi forzare la visualizzazione del blocco ad un&#039;altezza definita se il contenuto all&#039;interno del blocco non supera questa altezza. Puoi scegliere tra diverse unit\u00e0 per l&#039;altezza minima del blocco, disponibili sono pixel, vh e vw.<br>Una volta definita la dimensione dell&#039;altezza personalizzata o l&#039;altezza della copertina per il blocco, puoi anche allineare verticalmente il contenuto all&#039;interno del blocco utilizzando le icone disponibili nella barra degli strumenti del blocco.<\/p>\n\n\n\n<p>Per i blocchi cluster che vengono inseriti all&#039;interno del blocco Colonne \u00e8 disponibile un&#039;opzione aggiuntiva &quot;Altezza colonna di copertura&quot; che adatter\u00e0 l&#039;altezza del blocco Cluster all&#039;intera altezza della colonna in cui \u00e8 inserito. Questa opzione ha effetto se il blocco Cluster \u00e8 solo l&#039;unico blocco inserito direttamente nella colonna. Naturalmente, puoi inserire quanti altri blocchi vuoi nel blocco Cluster.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Width_settings\"><\/span>Impostazioni di larghezza<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>Le impostazioni di larghezza consentono di personalizzare la larghezza per il contenuto nel blocco Cluster che \u00e8 definito per impostazione predefinita in&nbsp;<a href=\"https:\/\/www.ait-themes.club\/it\/plugin-impostazioni-in-wordpress-customizer\/\">Impostazioni generali del layout nel Customizer di WordPress<\/a>.<\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\"><p>La larghezza pu\u00f2 essere modificata separatamente per diverse dimensioni (contenuto, larghezza e larghezza intera) impostate nella barra degli strumenti del blocco cluster.<\/p><\/blockquote>\n\n\n\n<p>Le impostazioni di larghezza sono disponibili solo con il plugin Citadela Pro attivo.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Mobile_settings\"><\/span>Impostazioni mobili<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>Con le impostazioni mobili \u00e8 possibile definire se il blocco Cluster viene visualizzato o nascosto solo su un dispositivo mobile. Puoi nascondere il blocco con il suo contenuto che non risponde alle dimensioni dello schermo.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Spacing_settings\"><\/span>Impostazioni di spaziatura<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>Le opzioni consentono di definire il riempimento (spaziatura) attorno al contenuto nel blocco Cluster. Sono disponibili tre tipi di spazio: Nessuno (spaziatura predefinita), 0 (zero, nessuna spaziatura), spaziatura piccola e grande.<\/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\">Indice dei contenuti<\/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\/it\/blocco-a-grappolo\/#Block_settings_in_the_toolbar\" >Blocca le impostazioni nella barra degli strumenti<\/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\/it\/blocco-a-grappolo\/#Block_settings_in_the_sidebar\" >Blocca le impostazioni nella barra laterale<\/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\/it\/blocco-a-grappolo\/#Background_settings\" >Impostazioni dello sfondo<\/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\/it\/blocco-a-grappolo\/#Image_background\" >Sfondo dell&#039;immagine<\/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\/it\/blocco-a-grappolo\/#Responsive_option_for_image_background\" >Opzione reattiva per lo sfondo dell&#039;immagine<\/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\/it\/blocco-a-grappolo\/#How_to_change_background_image\" >Come cambiare l&#039;immagine di sfondo<\/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\/it\/blocco-a-grappolo\/#Single_color_background\" >Sfondo monocolore<\/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\/it\/blocco-a-grappolo\/#Gradient_background\" >Sfondo sfumato<\/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\/it\/blocco-a-grappolo\/#Border_settings\" >Impostazioni del bordo<\/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\/it\/blocco-a-grappolo\/#Shadow_settings\" >Impostazioni dell&#039;ombra<\/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\/it\/blocco-a-grappolo\/#Height_settings\" >Impostazioni di altezza<\/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\/it\/blocco-a-grappolo\/#Width_settings\" >Impostazioni di larghezza<\/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\/it\/blocco-a-grappolo\/#Mobile_settings\" >Impostazioni mobili<\/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\/it\/blocco-a-grappolo\/#Spacing_settings\" >Impostazioni di spaziatura<\/a><\/li><\/ul><\/li><\/ul><\/nav><\/div>","protected":false},"excerpt":{"rendered":"<p>Il blocco cluster ti consente di raggruppare altri blocchi in un blocco principale e creare in questo modo un&#039;interessante sezione di blocchi con uno sfondo personalizzato. Impostazioni del blocco nella barra degli strumenti I pulsanti della barra degli strumenti disponibili sul blocco consentono di modificare la larghezza del blocco in Dimensione contenuto, Dimensione ampia o Dimensione larghezza intera. Una volta che l&#039;immagine [\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\/it\/wp-json\/wp\/v2\/posts\/88903","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.ait-themes.club\/it\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.ait-themes.club\/it\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.ait-themes.club\/it\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.ait-themes.club\/it\/wp-json\/wp\/v2\/comments?post=88903"}],"version-history":[{"count":3,"href":"https:\/\/www.ait-themes.club\/it\/wp-json\/wp\/v2\/posts\/88903\/revisions"}],"predecessor-version":[{"id":94215,"href":"https:\/\/www.ait-themes.club\/it\/wp-json\/wp\/v2\/posts\/88903\/revisions\/94215"}],"wp:attachment":[{"href":"https:\/\/www.ait-themes.club\/it\/wp-json\/wp\/v2\/media?parent=88903"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.ait-themes.club\/it\/wp-json\/wp\/v2\/categories?post=88903"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.ait-themes.club\/it\/wp-json\/wp\/v2\/tags?post=88903"},{"taxonomy":"citadela-post-location","embeddable":true,"href":"https:\/\/www.ait-themes.club\/it\/wp-json\/wp\/v2\/citadela-post-location?post=88903"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}