Der Rasterblock ist ein robustes WordPress Gutenberg-Block-Editor-Layout-Tool, mit dem Sie ein mehrspaltiges Layout ohne Kodierung erstellen können. Damit können Sie Ihre Inhalte in einem strukturierten Raster aus Zeilen und Spalten anordnen, anstatt auf eine einzige Spalte mit Text oder Medien beschränkt zu sein.
Die Gestaltung von Seiten im Magazinstil, Portfolios, Galerien oder anderen Bereichen, in denen Sie Inhalte nebeneinander einfügen möchten, ist mit dem WordPress Grid Block einfacher. Heute werden wir erkunden wie man den Grid-Block in WordPress verwendet und Ihnen einen Überblick gibt.
Schöne Tische erstellen
Mit Block-Editor
Wie verwendet man den Grid-Block in WordPress?
Gehen wir nun Schritt für Schritt durch die Anleitung zum Hinzufügen eines Rasterblocks. Diese Schritte helfen Anfängern und fortgeschrittenen Benutzern, diesen Block optimal zu nutzen.
Doch bevor Sie die Schritte ausführen, sollten Sie müssen Sie zu Ihrem Beitrag und den Seiten gehen, auf denen Sie den Block verwenden möchten. Führen Sie anschließend die folgenden Schritte aus.
Einfügen des Rasterblocks
Klicken Sie auf das Symbol "Block hinzufügen (Plus-Symbol) (1), Typ "Raster" im Suchfeld (2)und Klicken Sie auf den Block wenn es erscheint (3).
Ihren Inhalt einfügen
Standardmäßig werden Sie sehen, dass nur zwei Spalten für den Inhalt eingefügt werden. Fügen Sie Ihren Inhalt ein, indem Sie auf das Feld + Symbol innerhalb des Blocks und wählen Sie dann den gewünschten Block aus.
Fügen Sie nun weitere Inhalte oder Blöcke ein, indem Sie auf die untere rechte Seite des Blocks klicken.
Sie können jeden Block einfügen, den Sie möchten. In meinem Fall habe ich den Bildblock eingefügt.
Sie können den Spaltenabstand für jeden Block festlegen.
Block-Anpassung
In der Blockanpassung erhalten Sie die Optionen für das Layout (1) und Position (2).
Im Layout können Sie die Position des Rasters. Sie können die Standardeinstellung beibehalten oder das Handbuch verwenden.
Mit der Option Auto können Sie die minimale Spaltenbreite einstellen.
Mit der manuellen Option können Sie die Spalten für den Block auswählen. Sie können die Anzahl der Spalten innerhalb des Blocks leicht anpassen.
Als Nächstes können Sie wählen, ob Ihr Gitter klebrig sein soll oder nicht. Wenn Sie es klebrig machen wollen, wählen Sie die Option "klebrig".
Es gibt auch vorgefertigte Stile für den Block auf der Registerkarte Stile. Sie können sie auswählen und sehen, was sie bewirken. Hier ist die Vorschau unten.
Sie können die Text- und Hintergrundfarbe mit der Option Farbe anpassen.
Mit der Option Hintergrundbild können Sie ein Bild für den Hintergrund des Blocks hinzufügen.
Um das Bild zurückzusetzen, klicken Sie auf die drei Punkte und wählen Sie Alles zurücksetzen.
In der Typografie können Sie die Schriftart, die Schriftgröße, das Aussehen, die Zeilenhöhe, den Buchstabenabstand, die Verzierung und die Groß- und Kleinschreibung einstellen.
Mit den Abmessungen können Sie die Polsterung, den Rand, die Mindesthöhe und den Blockabstand für den Rasterblock anpassen.
Nachfolgend sehen wir uns die Änderung des Blockabstands und der Mindesthöhe an.
Mit der Option Rand und Schatten schließlich können Sie den Rand und den Radius für den Block anpassen.
Hier ist die endgültige Demo dessen, was ich mit dem Block gemacht habe. Es ist nicht das beste, aber es gibt eine Vorstellung davon, was dieser Block tun kann.
Überblick über den WordPress Grid Block
Was ist der Grid-Block in WordPress?
Der Rasterblock ist ein Containerblock, der alle anderen Blöcke in einem Rasterlayout aufnimmt. Mit anderen Worten: Er ist ein übergeordneter Block, in den Sie mehrere untergeordnete Blöcke (wie Absätze, Bilder, Schaltflächen usw.) einfügen können, die er in einer Reihe von Spalten anordnet. Er erstellt bei Bedarf automatisch neue Zeilen.
Was sind die wichtigsten Merkmale des Grid Blocks?
Der Rasterblock verfügt über mehrere nützliche Funktionen, die ihn zu einem vielseitigen Werkzeug für die Erstellung von Layouts machen. Hier sind einige der wichtigsten Funktionen:
- Flexible Spaltenlayouts: Sie können wählen, wie viele Spalten Sie in Ihrem Grid haben möchten. Mit dem Grid-Block können Sie eine bestimmte Anzahl von Spalten festlegen oder WordPress die Anzahl der Spalten automatisch auf der Grundlage einer Mindestspaltenbreite bestimmen lassen.
- Reaktionsfähiges Design: In einem Grid-Block angeordnete Inhalte sind mobilfreundlich.
- Anordnen und Umordnen von Inhalten: Es ist einfach, Blöcke innerhalb des Rasters anzuordnen und umzuordnen. Sie können Inhaltsblöcke per Drag & Drop an verschiedene Positionen ziehen oder sie mit den Pfeiltasten innerhalb des Rasterblock-Containers nach oben/unten verschieben.
- Individuelle Styling-Optionen: Sie können die Hintergrundfarbe ändern oder dem Abschnitt ein Hintergrundbild hinzufügen, die Textfarben für den Inhalt anpassen und die Typografie (Schriftgrößen, Schriftfamilien) optimieren - alles an einem Ort.
- Integration mit anderen Layout-Blöcken: Sie ermöglicht es Ihnen umwandeln in andere Layout-Blöcke wie eine Standardgruppe, eine Zeile, einen Stapel, einen Abdeckungsblock oder sogar den älteren Spaltenblock, falls erforderlich.
Was sind die Funktionen der Symbolleiste des Rasterblocks?
Wenn Sie den Rasterblock im Editor auswählen, wird ein Blocksymbolleiste erscheint am oberen Rand des Blocks. Diese Symbolleiste bietet schnelle Steuerungen für allgemeine Aktionen und Anpassungen.
- Verwandeln: Sie können einen Rasterblock in einen Gruppen-, Zeilen-, Stapel-, Deckblatt- oder Spaltenblock umwandeln, wobei der innere Inhalt erhalten bleibt.
- Schleppgriff: Mit dem Symbol mit den sechs Punkten können Sie den gesamten Rasterblock an eine andere Position auf Ihrer Seite ziehen und verschieben.
- Nach oben/unten bewegen: Mit den Pfeilsymbolen nach oben und unten können Sie den Rasterblock in der Dokumentstruktur um eine Position nach oben oder unten verschieben.
- Ausrichtung (Breitenausrichtung): Mit dem Ausrichtungssymbol können Sie die Breiteneinstellung des Rasterblock-Containers ändern.
- Mehr Optionen: Die drei vertikalen Punkte öffnen ein Dropdown-Menü mit zusätzlichen Blockoptionen.
Schlussgedanken!
Der Grid Block ist ein großartiger Block, der eine fantastische Ergänzung zum WordPress Design Toolkit darstellt. Er bietet Ihnen die Möglichkeit, flexible und mehrspaltige Layouts einfach zu erstellen.
Mithilfe des Blocks können Sie mehr faszinierende und ansprechende Abschnitte für Ihre Website erstellen. Zusammenfassend lässt sich sagen, dass der Grid-Block Ihnen hilft, aus dem einspaltigen Format auszubrechen und Inhalte nebeneinander in einer sauberen Gitterstruktur zu präsentieren.
Lassen Sie mich Ihre Meinung in den Kommentaren wissen. Bitte teilen Sie es auch mit Ihren Freunden über Ihre sozialen Medien.
Mehr lesen!
