{"id":13985,"date":"2023-12-04T11:44:24","date_gmt":"2023-12-04T11:44:24","guid":{"rendered":"https:\/\/www.bay20.com\/?p=13985"},"modified":"2025-05-14T15:13:46","modified_gmt":"2025-05-14T09:28:46","slug":"so-verwenden-sie-das-blocklayout-in-drupal","status":"publish","type":"post","link":"https:\/\/www.bay20.com\/de\/so-verwenden-sie-das-blocklayout-in-drupal\/","title":{"rendered":"Wie verwendet man Block-Layout in Drupal?"},"content":{"rendered":"\n<p>In Drupal sind Bl\u00f6cke wie kleine Puzzlest\u00fccke. Sie sind in sich geschlossene Teile von Inhalten, die in verschiedene Bereiche des Themas Ihrer Website eingef\u00fcgt werden k\u00f6nnen. Wenn also Kopf- und Fu\u00dfzeile Bereiche auf Ihrer Website sind, dann betrachten Sie Bl\u00f6cke als den Inhalt in diesen Bereichen. Egal, wo Sie sie platzieren, sie verlieren nie ihre Form oder Funktionalit\u00e4t. Sie k\u00f6nnen Bl\u00f6cke mit allen m\u00f6glichen Dingen wie Text, Bildern, Men\u00fcs oder Formularen f\u00fcllen &#8211; perfekt f\u00fcr alle, die ihre Website aufpeppen wollen!<\/p>\n\n\n\n<p>Um das Blocklayout in Drupal effektiv zu nutzen, ist es wichtig, die verschiedenen Arten von Bl\u00f6cken zu verstehen:<\/p>\n\n\n\n<ol class=\"wp-block-list\"><li>Kernbl\u00f6cke: Drupal wird mit einer Reihe von Kernbl\u00f6cken geliefert, wie z. B. dem Site-Branding-Block (der den Namen und das Logo Ihrer Website enth\u00e4lt), dem Hauptnavigationsmen\u00fc und dem Block f\u00fcr die Benutzeranmeldung. Diese Bl\u00f6cke k\u00f6nnen in verschiedenen Bereichen Ihrer Website platziert werden.<\/li><li>Benutzerdefinierte Bl\u00f6cke: Mit der Block-Layout-Funktion in Drupal k\u00f6nnen Sie benutzerdefinierte Bl\u00f6cke zur Darstellung Ihrer Inhalte erstellen. Benutzerdefinierte Bl\u00f6cke sind unglaublich vielseitig und erm\u00f6glichen es Ihnen, fast jede Art von Inhalt oder Funktionalit\u00e4t zu pr\u00e4sentieren.<\/li><\/ol>\n\n\n\n<p>Nun wollen wir uns ansehen, wie Sie das Blocklayout in Drupal nutzen k\u00f6nnen, um das Aussehen und die Funktionalit\u00e4t Ihrer Website anzupassen.<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Block-Layout in Drupal verwenden<ul><li>Rufen Sie die Seite Blocklayout auf:<\/li><li>Melden Sie sich als Administrator bei Ihrer Drupal-Website an.<\/li><li>Navigieren Sie zum Men\u00fc &#8222;Struktur&#8220; in der Verwaltungssymbolleiste.<\/li><li>Klicken Sie auf &#8222;Layout blockieren&#8220;.<\/li><\/ul><\/li><\/ul>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"980\" height=\"461\" src=\"https:\/\/www.bay20.com\/wp-content\/uploads\/2023\/11\/image-1-980x461.png\" alt=\"Block Layout in Drupal\" class=\"wp-image-13987\" srcset=\"https:\/\/www.bay20.com\/de\/wp-content\/uploads\/2023\/11\/image-1-980x461.png 980w, https:\/\/www.bay20.com\/de\/wp-content\/uploads\/2023\/11\/image-1-300x141.png 300w, https:\/\/www.bay20.com\/de\/wp-content\/uploads\/2023\/11\/image-1-800x376.png 800w, https:\/\/www.bay20.com\/de\/wp-content\/uploads\/2023\/11\/image-1-768x361.png 768w, https:\/\/www.bay20.com\/de\/wp-content\/uploads\/2023\/11\/image-1-1000x470.png 1000w, https:\/\/www.bay20.com\/de\/wp-content\/uploads\/2023\/11\/image-1.png 1348w\" sizes=\"auto, (max-width: 980px) 100vw, 980px\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\"><li>Erkunden Sie die Blocklayout-Schnittstelle:<ul><li>Auf der Seite Blocklayout sehen Sie eine visuelle Darstellung der Regionen Ihres Themas.<\/li><li>Sie k\u00f6nnen Kernbl\u00f6cke und benutzerdefinierte Bl\u00f6cke mit Hilfe der Drag-and-Drop-Schnittstelle in verschiedene Regionen verschieben.<\/li><\/ul><\/li><\/ul>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"980\" height=\"466\" src=\"https:\/\/www.bay20.com\/wp-content\/uploads\/2023\/11\/image-2-980x466.png\" alt=\"Block Layout in Drupal\" class=\"wp-image-13988\" srcset=\"https:\/\/www.bay20.com\/de\/wp-content\/uploads\/2023\/11\/image-2-980x466.png 980w, https:\/\/www.bay20.com\/de\/wp-content\/uploads\/2023\/11\/image-2-300x143.png 300w, https:\/\/www.bay20.com\/de\/wp-content\/uploads\/2023\/11\/image-2-800x381.png 800w, https:\/\/www.bay20.com\/de\/wp-content\/uploads\/2023\/11\/image-2-768x365.png 768w, https:\/\/www.bay20.com\/de\/wp-content\/uploads\/2023\/11\/image-2-1000x476.png 1000w, https:\/\/www.bay20.com\/de\/wp-content\/uploads\/2023\/11\/image-2.png 1347w\" sizes=\"auto, (max-width: 980px) 100vw, 980px\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\"><li>Kernbl\u00f6cke verwalten:<ul><li>Bl\u00e4ttern Sie auf der Seite nach unten, um eine Liste der verf\u00fcgbaren Kernbl\u00f6cke anzuzeigen.<\/li><li>Jeder Block hat einen Link \u201eBlock platzieren\u201c neben dem Block. Verwenden Sie diesen, um sie zu konfigurieren und zu platzieren.<\/li><li>W\u00e4hlen Sie den Block, den Sie anpassen m\u00f6chten, und dann den Bereich, in dem er angezeigt werden soll.<\/li><\/ul><\/li><\/ul>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"655\" height=\"609\" src=\"https:\/\/www.bay20.com\/wp-content\/uploads\/2023\/11\/image-3.png\" alt=\"Block Layout in Drupal\" class=\"wp-image-13989\" srcset=\"https:\/\/www.bay20.com\/de\/wp-content\/uploads\/2023\/11\/image-3.png 655w, https:\/\/www.bay20.com\/de\/wp-content\/uploads\/2023\/11\/image-3-300x279.png 300w\" sizes=\"auto, (max-width: 655px) 100vw, 655px\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\"><li>Erstellen von Blocktypen:<ul><li>Klicken Sie zun\u00e4chst auf die Registerkarte \u201eBlocktypen\u201c. Diese finden Sie auf der Seite \u201eStruktur\u201c.<\/li><li>Auf dieser Seite sehen Sie eine Schaltfl\u00e4che mit der Aufschrift \u201e+ Blocktyp hinzuf\u00fcgen\u201c. Klicken Sie auf diese Schaltfl\u00e4che, um einen benutzerdefinierten Blocktyp zu erstellen.<\/li><li>Bei der Erstellung k\u00f6nnen Sie die Einstellungen f\u00fcr den Titel und die Sichtbarkeit hinzuf\u00fcgen.<\/li><li>Nachdem Sie den Blocktyp gespeichert haben, k\u00f6nnen Sie Felder, Formulare und Anzeigeeinstellungen f\u00fcr Ihre Inhaltsbl\u00f6cke erstellen und verwalten.<\/li><\/ul><\/li><\/ul>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"980\" height=\"470\" src=\"https:\/\/www.bay20.com\/wp-content\/uploads\/2023\/11\/image-4-980x470.png\" alt=\"Block Layout in Drupal\" class=\"wp-image-13990\" srcset=\"https:\/\/www.bay20.com\/de\/wp-content\/uploads\/2023\/11\/image-4-980x470.png 980w, https:\/\/www.bay20.com\/de\/wp-content\/uploads\/2023\/11\/image-4-300x144.png 300w, https:\/\/www.bay20.com\/de\/wp-content\/uploads\/2023\/11\/image-4-800x383.png 800w, https:\/\/www.bay20.com\/de\/wp-content\/uploads\/2023\/11\/image-4-768x368.png 768w, https:\/\/www.bay20.com\/de\/wp-content\/uploads\/2023\/11\/image-4-1000x479.png 1000w, https:\/\/www.bay20.com\/de\/wp-content\/uploads\/2023\/11\/image-4.png 1346w\" sizes=\"auto, (max-width: 980px) 100vw, 980px\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\"><li>Verwalten Sie das Feld Blocktyp:<ul><li>Gehen Sie auf die Option &#8222;Felder verwalten&#8220; f\u00fcr den Block.<\/li><li>Sie k\u00f6nnen ein neues Feld anlegen oder ein bestehendes Feld wiederverwenden.<\/li><li>Nachdem Sie auf das neue Feld geklickt haben, k\u00f6nnen Sie einen neuen Feldtyp ausw\u00e4hlen, der in einem Block verwendet wird.<\/li><\/ul><\/li><\/ul>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"980\" height=\"463\" src=\"https:\/\/www.bay20.com\/wp-content\/uploads\/2023\/11\/image-6-980x463.png\" alt=\"Block Layout in Drupal\" class=\"wp-image-13992\" srcset=\"https:\/\/www.bay20.com\/de\/wp-content\/uploads\/2023\/11\/image-6-980x463.png 980w, https:\/\/www.bay20.com\/de\/wp-content\/uploads\/2023\/11\/image-6-300x142.png 300w, https:\/\/www.bay20.com\/de\/wp-content\/uploads\/2023\/11\/image-6-800x378.png 800w, https:\/\/www.bay20.com\/de\/wp-content\/uploads\/2023\/11\/image-6-768x363.png 768w, https:\/\/www.bay20.com\/de\/wp-content\/uploads\/2023\/11\/image-6-1000x473.png 1000w, https:\/\/www.bay20.com\/de\/wp-content\/uploads\/2023\/11\/image-6.png 1352w\" sizes=\"auto, (max-width: 980px) 100vw, 980px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"980\" height=\"469\" src=\"https:\/\/www.bay20.com\/wp-content\/uploads\/2023\/11\/image-5-980x469.png\" alt=\"Block Layout in Drupal\" class=\"wp-image-13991\" srcset=\"https:\/\/www.bay20.com\/de\/wp-content\/uploads\/2023\/11\/image-5-980x469.png 980w, https:\/\/www.bay20.com\/de\/wp-content\/uploads\/2023\/11\/image-5-300x144.png 300w, https:\/\/www.bay20.com\/de\/wp-content\/uploads\/2023\/11\/image-5-800x383.png 800w, https:\/\/www.bay20.com\/de\/wp-content\/uploads\/2023\/11\/image-5-768x368.png 768w, https:\/\/www.bay20.com\/de\/wp-content\/uploads\/2023\/11\/image-5-1000x479.png 1000w, https:\/\/www.bay20.com\/de\/wp-content\/uploads\/2023\/11\/image-5.png 1357w\" sizes=\"auto, (max-width: 980px) 100vw, 980px\" \/><\/figure>\n\n\n\n<p>Wenn Sie Ihr Design und Ihre Funktionalit\u00e4t anpassen, werden Sie sehen, wie flexibel Drupal sein kann. Eine wichtige Funktion, die den Menschen dabei hilft, ist das Blocklayout. Damit k\u00f6nnen Website-Administratoren ihre Website auf jede gew\u00fcnschte Weise gestalten. Ein paar Schritte, die Ihnen helfen, auf die Seite Block-Layout zuzugreifen, die verschiedenen Arten von Bl\u00f6cken zu verstehen und zu wissen, wie man sie erstellt, platziert und konfiguriert, werden diesen Prozess noch einfacher machen.<\/p>\n\n\n\n<p>Egal, ob Sie einen einfachen Blog oder eine komplexe E-Commerce-Website erstellen, das Block-Layout-System von Drupal bietet die Flexibilit\u00e4t und Kontrolle, die Sie ben\u00f6tigen, um eine einzigartige und ansprechende Online-Pr\u00e4senz zu erstellen. Experimentieren Sie mit verschiedenen Bl\u00f6cken und Layouts, um die beste Anordnung f\u00fcr Ihre Website zu finden, und denken Sie daran, dass Sie Ihre Optionen immer erweitern k\u00f6nnen, indem Sie beigetragene Module erkunden, die die Blockfunktionalit\u00e4t von Drupal erweitern.<\/p>\n\n\n\n<p><strong>Bitte kontaktieren Sie uns unter <strong><a href=\"mailto:manish@bay20.com\">manish@bay20.com<\/a><\/strong> oder rufen Sie uns unter <strong><a href=\"https:\/\/api.whatsapp.com\/send?phone=+918800519180&amp;text=Hi,%20I%20contacted%20you%20through%20your%20website.\" target=\"_blank\" rel=\"noreferrer noopener\">+91-8800519180<\/a><\/strong> an, wenn Sie Unterst\u00fctzung im Zusammenhang mit Drupal ben\u00f6tigen. Sie k\u00f6nnen auch die <strong><a href=\"https:\/\/www.bay20.com\/de\/drupal-entwicklungsunternehmen\/\">Drupal<strong>-Entwicklungsseite<\/strong><\/a><\/strong> besuchen, um die von uns angebotenen Dienstleistungen zu \u00fcberpr\u00fcfen.<\/strong><\/p>\n","protected":false},"excerpt":{"rendered":"<p>In Drupal, blocks are like little puzzle pieces. They\u2019re self-contained pieces of content that can be put in different areas on your website&#8217;s theme. So if the header and footer are regions on your website, then consider blocks as the content in them. No matter where you place them, they never lose their shape or functionality. You can fill blocks with all sorts of things like text, images, menus, or forms \u2014 perfect for those who want to spice up their website!<\/p>\n","protected":false},"author":74,"featured_media":14007,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[155,100],"tags":[],"class_list":["post-13985","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-cms","category-drupal"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.bay20.com\/de\/wp-json\/wp\/v2\/posts\/13985","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.bay20.com\/de\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.bay20.com\/de\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.bay20.com\/de\/wp-json\/wp\/v2\/users\/74"}],"replies":[{"embeddable":true,"href":"https:\/\/www.bay20.com\/de\/wp-json\/wp\/v2\/comments?post=13985"}],"version-history":[{"count":8,"href":"https:\/\/www.bay20.com\/de\/wp-json\/wp\/v2\/posts\/13985\/revisions"}],"predecessor-version":[{"id":17026,"href":"https:\/\/www.bay20.com\/de\/wp-json\/wp\/v2\/posts\/13985\/revisions\/17026"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.bay20.com\/de\/wp-json\/wp\/v2\/media\/14007"}],"wp:attachment":[{"href":"https:\/\/www.bay20.com\/de\/wp-json\/wp\/v2\/media?parent=13985"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.bay20.com\/de\/wp-json\/wp\/v2\/categories?post=13985"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.bay20.com\/de\/wp-json\/wp\/v2\/tags?post=13985"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}