{"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\/de\/cluster-block\/","title":{"rendered":"Clusterblock"},"content":{"rendered":"<p>Mit dem Clusterblock k\u00f6nnen Sie andere Bl\u00f6cke in einem \u00fcbergeordneten Block gruppieren und auf diese Weise interessante Blockabschnitte mit einem benutzerdefinierten Hintergrund erstellen.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Block_settings_in_the_toolbar\"><\/span>Blockeinstellungen in der Symbolleiste<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>Mit den im Block verf\u00fcgbaren Symbolleistenschaltfl\u00e4chen k\u00f6nnen Sie die Breite des Blocks in \u201eInhaltsgr\u00f6\u00dfe\u201c, \u201eBreite Gr\u00f6\u00dfe\u201c oder \u201eVolle Breite\u201c \u00e4ndern. Sobald das Bild als Hintergrund ausgew\u00e4hlt ist, k\u00f6nnen Sie \u00fcber das Symbol in der Symbolleiste das in einem Block angezeigte Bild \u00e4ndern. F\u00fcr Cluster mit definierter benutzerdefinierter H\u00f6he stehen Optionen zum vertikalen Ausrichten von Inhalten zur Verf\u00fcgung. Sie k\u00f6nnen Inhalte oben, in der Mitte oder unten im Cluster-Block ausrichten.<\/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>Blockeinstellungen in der Seitenleiste<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>In den Seitenleisteneinstellungen des Blocks k\u00f6nnen Sie die Hintergrund-, \u00dcberlagerungs-, Rahmen-, Schatten- und H\u00f6henoptionen f\u00fcr den Block definieren.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Background_settings\"><\/span>Hintergrundeinstellungen<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>Block bietet vier Hintergrundtypen:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Keiner<\/li><li>Bild<\/li><li>Einfarbige<\/li><li>Gradient<\/li><\/ul>\n\n\n\n<h4 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Image_background\"><\/span>Bildhintergrund<span class=\"ez-toc-section-end\"><\/span><\/h4>\n\n\n\n<p>Mit den Bildhintergrundoptionen k\u00f6nnen Sie ein benutzerdefiniertes Bild in den Hintergrund hochladen und weitere zus\u00e4tzliche Optionen definieren:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Legen Sie die Gr\u00f6\u00dfe des Hintergrundbilds fest<\/li><li>Legen Sie die Wiederholungsoption f\u00fcr ein Bild im Hintergrund fest<\/li><li>Legen Sie fest, ob ein Bild im Hintergrund fixiert ist, oder scrollen Sie mit der Seite<\/li><li>Legen Sie die Position eines Bildes im Hintergrund fest, indem Sie den Brennpunkt auf einem Bild definieren<\/li><li>Legen Sie die Hintergrundfarbe oder den Farbverlauf unter einem Bild fest. Diese Optionen sind n\u00fctzlich, wenn Ihr Hintergrundbild im transparenten PNG-Format vorliegt<\/li><li>Legen Sie eine \u00dcberlagerung \u00fcber dem Bild fest. Die \u00dcberlagerung kann durch eine einzelne Farbe oder einen Farbverlauf mit benutzerdefinierter Transparenz definiert werden, um ein interessantes Hintergrundbild zu erzeugen<\/li><\/ul>\n\n\n\n<h5 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Responsive_option_for_image_background\"><\/span>Responsive Option f\u00fcr Bildhintergrund<span class=\"ez-toc-section-end\"><\/span><\/h5>\n\n\n\n<p>Erm\u00f6glicht Ihnen, verschiedene Hintergrundbildeinstellungen f\u00fcr die Desktopgr\u00f6\u00dfe und die benutzerdefinierte reaktionsf\u00e4hige Bildschirmgr\u00f6\u00dfe zu definieren. Sobald Sie ein Bild als Hintergrund hochladen, wird ein weiteres Optionsfeld angezeigt. Nach der Aktivierung werden neue Registerkarten angezeigt. Gehen Sie zur Registerkarte Mobile-Gr\u00f6\u00dfe und definieren Sie Parameter.<\/p>\n\n\n\n<p>Sie k\u00f6nnen die Bildschirmbreite definieren, wenn reaktionsf\u00e4hige Optionen angewendet werden.<\/p>\n\n\n\n<p>Ein responsives Layout kann ein weiteres Bild im Hintergrund haben. \u00c4ndern Sie das Bild mit einer kleineren Gr\u00f6\u00dfe und beschleunigen Sie die Upload-Zeit. Gehen Sie zur Block-Symbolleiste und ersetzen Sie das vorhandene Desktop-Hintergrundbild durch ein Bild der mobilen Version. W\u00e4hlen Sie eine Position und Hintergrundfarbe f\u00fcr das transparente PNG-Format. Andere Optionen werden genauso verwendet wie im Desktop-Layout.<\/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>So \u00e4ndern Sie das Hintergrundbild<span class=\"ez-toc-section-end\"><\/span><\/h5>\n\n\n\n<p>Das Hintergrundbild kann durch Klicken auf das folgende Symbol ge\u00e4ndert werden:<\/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>Einfarbiger Hintergrund<span class=\"ez-toc-section-end\"><\/span><\/h4>\n\n\n\n<p>Mit dieser Option k\u00f6nnen Sie eine einzelne Farbe f\u00fcr den Hintergrund des Blocks definieren.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Gradient_background\"><\/span>Hintergrund mit Farbverlauf<span class=\"ez-toc-section-end\"><\/span><\/h4>\n\n\n\n<p>Mit dieser Option k\u00f6nnen Sie einen Farbverlauf im Hintergrund des Blocks definieren.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Border_settings\"><\/span>Randeinstellungen<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>Mit den Optionen k\u00f6nnen Sie den Rand des Blocks mit benutzerdefinierter Farbe, Breite und Radius f\u00fcr abgerundete Blockkanten definieren.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Shadow_settings\"><\/span>Schatteneinstellungen<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>Durch Definieren der Farbe in den Schatteneinstellungen k\u00f6nnen Sie den Schatten unter dem Block aktivieren. Es stehen alle erforderlichen Parameter zur Verf\u00fcgung, um den Schatten an Ihre Bed\u00fcrfnisse anzupassen. Es gibt Steuerelemente f\u00fcr den horizontalen und vertikalen Versatz, die Unsch\u00e4rfe und den Ausbreitungsradius in Pixeln.<br>Der Schatten kann als Au\u00dfen- oder Innenschatten angezeigt werden.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Height_settings\"><\/span>H\u00f6heneinstellungen<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>Mithilfe von H\u00f6heneinstellungen k\u00f6nnen Sie erzwingen, dass der Block in einer definierten H\u00f6he angezeigt wird, wenn der Inhalt im Block diese H\u00f6he nicht \u00fcberschreitet. Sie k\u00f6nnen aus verschiedenen Einheiten f\u00fcr die minimale Blockh\u00f6he w\u00e4hlen, verf\u00fcgbar sind Pixel, vh und vw.<br>Sobald die benutzerdefinierte H\u00f6he oder Deckungsh\u00f6he f\u00fcr den Block definiert ist, k\u00f6nnen Sie Inhalte innerhalb des Blocks mithilfe der in der Blocksymbolleiste verf\u00fcgbaren Symbole auch vertikal ausrichten.<\/p>\n\n\n\n<p>F\u00fcr Clusterbl\u00f6cke, die in den Spaltenblock eingef\u00fcgt werden, ist die zus\u00e4tzliche Option \u201eSpaltenh\u00f6he abdecken\u201c verf\u00fcgbar, die die H\u00f6he des Clusterblocks an die volle H\u00f6he der Spalte anpasst, in die er eingef\u00fcgt wird. Diese Option hat Auswirkungen, wenn der Cluster-Block nur derjenige Block ist, der direkt in die Spalte eingef\u00fcgt wird. Nat\u00fcrlich k\u00f6nnen Sie beliebig viele andere Bl\u00f6cke in den Cluster-Block einf\u00fcgen.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Width_settings\"><\/span>Breiteneinstellungen<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>Mit den Breiteneinstellungen k\u00f6nnen Sie die Breite des Inhalts im Cluster-Block anpassen, der standardm\u00e4\u00dfig in definiert ist&nbsp;<a href=\"https:\/\/www.ait-themes.club\/de\/plugin-einstellungen-im-wordpress-customizer\/\">Allgemeine Layouteinstellungen im WordPress Customizer<\/a>.<\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\"><p>Die Breite kann f\u00fcr verschiedene Gr\u00f6\u00dfen (Inhalt, Breite und volle Breite), die in der Cluster-Block-Symbolleiste eingerichtet werden, separat ge\u00e4ndert werden.<\/p><\/blockquote>\n\n\n\n<p>Breiteneinstellungen sind nur mit dem aktiven Citadela Pro-Plugin verf\u00fcgbar.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Mobile_settings\"><\/span>Mobile Einstellungen<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>Mit den mobilen Einstellungen kann definiert werden, ob der Clusterblock nur auf einem Mobiltelefon angezeigt oder ausgeblendet wird. Sie k\u00f6nnen den Block ausblenden, da sein Inhalt nicht auf die Bildschirmgr\u00f6\u00dfe reagiert.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Spacing_settings\"><\/span>Abstandseinstellungen<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>Mit den Optionen k\u00f6nnen Sie den Abstand (Abstand) um den Inhalt im Cluster-Block definieren. Es stehen drei Arten von Leerzeichen zur Verf\u00fcgung: Keine (Standardabstand), 0 (Null, kein Abstand), kleiner und gro\u00dfer Abstand.<\/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\">Inhalts\u00fcbersicht<\/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\/de\/cluster-block\/#Block_settings_in_the_toolbar\" >Blockeinstellungen in der Symbolleiste<\/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\/de\/cluster-block\/#Block_settings_in_the_sidebar\" >Blockeinstellungen in der Seitenleiste<\/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\/de\/cluster-block\/#Background_settings\" >Hintergrundeinstellungen<\/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\/de\/cluster-block\/#Image_background\" >Bildhintergrund<\/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\/de\/cluster-block\/#Responsive_option_for_image_background\" >Responsive Option f\u00fcr Bildhintergrund<\/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\/de\/cluster-block\/#How_to_change_background_image\" >So \u00e4ndern Sie das Hintergrundbild<\/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\/de\/cluster-block\/#Single_color_background\" >Einfarbiger Hintergrund<\/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\/de\/cluster-block\/#Gradient_background\" >Hintergrund mit Farbverlauf<\/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\/de\/cluster-block\/#Border_settings\" >Randeinstellungen<\/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\/de\/cluster-block\/#Shadow_settings\" >Schatteneinstellungen<\/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\/de\/cluster-block\/#Height_settings\" >H\u00f6heneinstellungen<\/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\/de\/cluster-block\/#Width_settings\" >Breiteneinstellungen<\/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\/de\/cluster-block\/#Mobile_settings\" >Mobile Einstellungen<\/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\/de\/cluster-block\/#Spacing_settings\" >Abstandseinstellungen<\/a><\/li><\/ul><\/li><\/ul><\/nav><\/div>","protected":false},"excerpt":{"rendered":"<p>Mit dem Clusterblock k\u00f6nnen Sie andere Bl\u00f6cke in einem \u00fcbergeordneten Block gruppieren und auf diese Weise interessante Blockabschnitte mit einem benutzerdefinierten Hintergrund erstellen. Blockeinstellungen in der Symbolleiste Mit den im Block verf\u00fcgbaren Symbolleistenschaltfl\u00e4chen k\u00f6nnen Sie die Breite des Blocks in \u201eInhaltsgr\u00f6\u00dfe\u201c, \u201eBreite Gr\u00f6\u00dfe\u201c oder \u201eVolle Breite\u201c \u00e4ndern. Sobald das Bild [\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\/de\/wp-json\/wp\/v2\/posts\/88903","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.ait-themes.club\/de\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.ait-themes.club\/de\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.ait-themes.club\/de\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.ait-themes.club\/de\/wp-json\/wp\/v2\/comments?post=88903"}],"version-history":[{"count":3,"href":"https:\/\/www.ait-themes.club\/de\/wp-json\/wp\/v2\/posts\/88903\/revisions"}],"predecessor-version":[{"id":94215,"href":"https:\/\/www.ait-themes.club\/de\/wp-json\/wp\/v2\/posts\/88903\/revisions\/94215"}],"wp:attachment":[{"href":"https:\/\/www.ait-themes.club\/de\/wp-json\/wp\/v2\/media?parent=88903"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.ait-themes.club\/de\/wp-json\/wp\/v2\/categories?post=88903"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.ait-themes.club\/de\/wp-json\/wp\/v2\/tags?post=88903"},{"taxonomy":"citadela-post-location","embeddable":true,"href":"https:\/\/www.ait-themes.club\/de\/wp-json\/wp\/v2\/citadela-post-location?post=88903"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}