WordPress Bildblock ist sehr nützlich, um ein einzelnes Bild in Ihre Website einzufügen und zu präsentieren. Wenn Sie jedoch mehrere Bilder gleichzeitig verwenden möchten, verwenden Sie den WordPress-Galerie-Block.
Deshalb müssen Sie lernen, wie man den Galerie-Block in WordPress verwendet. Sobald Sie alle Funktionen des Galerie-Blocks beherrschen und erlernen, können Sie ihn verwenden, um die Optik Ihrer Website zu verbessern und sie professioneller und ansprechender zu gestalten.
Heute werden wir in diesem Tutorial den WordPress-Galerie-Block, die Funktionen der Symbolleiste, die Anpassungsoptionen und die richtige Verwendung besprechen. Folgen Sie uns bitte von Anfang bis Ende.
Was ist der WordPress-Galerie-Block?
Der WordPress-Galerie-Block ist der Kernblock mit dem WordPress-Block-Editor. Mit dem Galerie-Block können Sie eine Sammlung von Bildern in einem Rasterformat erstellen und anzeigen. Er eignet sich perfekt für die Anzeige von Veranstaltungsfotos, die Organisation von Bildern in einem attraktiven Layout oder die Präsentation von Bildern mit minimalem Aufwand.
Bestimmte Funktionen kommen Ihnen zugute, wenn Sie den Block verwenden. Sehen Sie sich diese Funktionen unten an.
- Personalisierung: Passen Sie Spalten, Abstände und Beschriftungen an Ihr Design an. Sie können auch verschiedene Auflösungen für einzelne Bilder in der Galerie einstellen.
- Reaktionsfähiges Design: Die Bilder passen sich automatisch an unterschiedliche Bildschirmgrößen an und sorgen so für ein nahtloses Erlebnis auf Handy, Tablet und Desktop.
- Eingebaute Integration: Sie benötigen keine zusätzlichen Plugins; der Block funktioniert nativ in WordPress.
- SEO-freundlich: Alt-Text und Bildunterschriften können die Zugänglichkeit Ihrer Inhalte und die Platzierung in Suchmaschinen verbessern. Sie können auch ALT-Text für einzelne Bilder innerhalb der Galerie festlegen.
Funktionen der Symbolleiste des Galerieblocks
Wenn Sie den Galerie-Block einfügen, erscheint am oberen Rand des Galerie-Blocks eine Symbolleiste mit verschiedenen Funktionen zum Anpassen Ihrer Galerie. Diese Funktionen finden Sie unten.
- Verwandeln: Sie können diesen Block in einen Bild-, Spalten-, Detail- und Gruppenblock umwandeln.
- Ziehen: Ermöglicht es Ihnen, den entsprechenden Block an eine beliebige Stelle im Editor zu ziehen und dort abzulegen.
- Beweglicher Handgriff: Sie können Ihren Block nach oben und unten bewegen.
- Ausrichten: Mit der Option Ausrichten können Sie die Bildausrichtung auf Keine, Breite, Volle Breite, Links, Mitte und Rechts einstellen.
- Link: Mit dieser Option können Sie Links für ausgewählte Inhalte innerhalb des Blocks hinzufügen.
- Bildunterschrift: Sie können mit der Editor-Option für jedes Bild Beschriftungen hinzufügen.
- Hinzufügen: Mit der Option "Hinzufügen" können Sie neue Bilder zur Galerie hinzufügen oder hochladen.
- Mehr Optionen: Bietet weitere Optionen in Bezug auf den Abschnitt des Blocks, z. B. Duplizieren, Kopieren, Gruppieren usw.
Wie verwendet man den Galerie-Block in WordPress?
Die Verwendung des Galerie-Blocks in WordPress ist einfach. Alles, was Sie tun müssen, ist, diese Schritte zu befolgen.
Schritt 1: Galerie-Block im Editor hinzufügen
Öffnen Sie den Beitrag oder die Seite, klicken Sie auf das Symbol "+", um einen Block hinzuzufügen, und suchen Sie nach "Galerie". Wählen Sie den Galerie-Block aus, um ihn in Ihren Beitrag oder Ihre Seite einzufügen.
Schritt 2: Hochladen Ihrer Bilder
Sie können Ihre Bilder entweder hochladen oder aus der Mediathek auswählen.
Wie man Bilder über die Upload-Option einfügt
Um Bilddateien einzufügen, klicken Sie auf die Schaltfläche Hochladen, Wählen Sie Ihre Bilder mit dem Cursor aus während Halten der CTRL-Taste Ihrer Tastatur, und klicken Sie auf Öffnen. Das war's schon. Sie können Ihre Bilder im Editor sehen.
Einfügen von Bildern über die Option Medienbibliothek
Klicken Sie auf die Schaltfläche Medienbibliothek, wählen Sie Ihre Bilder aus und klicken Sie auf die Schaltfläche Neue Galerie erstellen und Galerie einfügen, um die Bilder in den Editor einzufügen.
Wenn Sie alle Bilder in die Galerie eingefügt haben, können Sie alle Funktionen der Symbolleiste des Bildblocks sehen. Sie können sich diese Funktionen ansehen hier.
Schritt 3: Galerie-Anpassung
Um die Galerie anzupassen, navigieren Sie zu Einstellungen (1) > Block (2) > Einstellungen (3). Sie haben die Möglichkeit, Spalten, Auflösung und andere Optionen auszuwählen.
- Kolumnen: Mit Spalten können Sie festlegen, wie viele Bilder Sie in Ihrem Editor anzeigen möchten. Je mehr Bilder Sie hinzufügen, desto mehr Spalten werden in der Galerie angezeigt. (4)
- Auflösung: Sie können die Bildauflösung auf Thumbnail und Full Size einstellen. (5)
- Bilder zuschneiden: Mit dieser Funktion wird das Verhältnis der einzelnen Bilder beibehalten und ihre Größe angepasst.
- Reihenfolge zufällig festlegen: Bei dieser Funktion wird die Serie nicht beibehalten, sondern es werden Bilder in einer zufälligen Serie angezeigt.
Die Option Stile bietet die folgenden Optionen.
- Farbe: Mit der Option Farbe können Sie die Hintergrundfarbe Ihres Galerieblocks ändern.
- Abmessungen: Mit der Option Abmessungen können Sie den Blockabstand (Abstand zwischen zwei Blöcken, z. B. Bildern), den Rand und die Auffüllung ändern.
- Umrandung & Radius: Mit dieser Funktion können Sie einen Rahmen, eine Rahmenfarbe und einen Rahmenradius zu Ihrer Galerie hinzufügen.
Hier ist die vollständige Demo der Galerie, die ich erstellt habe.
Schlussgedanken!
Der Galerie-Block ist ein leistungsstarkes Tool im Gutenberg-Block-Editor. Mit ihm können Sie Ihre Bildersammlungen ohne zusätzliche Plugins anzeigen.
Es ist aufgrund seiner Flexibilität, der Anpassungsmöglichkeiten und der nahtlosen Integration in WordPress eine ausgezeichnete Wahl für alle.
Probieren Sie es aus und sehen Sie, wie Sie damit Ihre Bilder auf Ihrer Website präsentieren können.
Teilen Sie mir Ihre Meinung über das Tutorial im Kommentarbereich unten mit. Lassen Sie auch Ihre Mitmenschen über Ihre Social-Media-Plattform davon wissen.
Mehr lesen!
- Wie man den Image Block in WordPress in 3 einfachen Schritten verwendet
- Wie man den vorformatierten Block in WordPress in 3 einfachen Schritten verwendet
- Wie man den WordPress-Block-Editor verwendet (Anleitung für Anfänger)
- 7 beste wpDataTables-Alternativen im Jahr 2024 (Vergleich)
- Beste WordPress Plugins für Nachrichtenseiten und Portale (2024)