Bilder sind für jede Website unerlässlich, um sie visuell ansprechend zu gestalten. Deshalb müssen Sie lernen, wie Sie den Bildblock in WordPress verwenden. Wie jeder andere Page Builder verfügt auch der Gutenberg-Block-Builder über den zentralen Bildblock zum Hinzufügen von Bildern.
Heute werden wir Ihnen die vollständigen Richtlinien für den Bildblock, seine Vorteile, Funktionen und seine Verwendung vorstellen. Vergewissern Sie sich, dass Sie von Anfang bis Ende bei uns sind.
Was ist der Image Block?
Die Bildblock ist der spezielle Kernblock mit dem WordPress-Blockeditor zum Hinzufügen von Bildern. Mit dem Image Block können Sie Bilder in Ihren Inhalt einfügen, bearbeiten und anpassen.
Der Core Image Block bietet Ihnen folgende Vorteile.
- Benutzerfreundlichkeit: Der Bildblock ist einfach zu verwenden, da jeder ihn ohne besondere Kenntnisse nutzen kann. Auch das Hinzufügen von Bildern mit diesem Block ist einfach.
- Anpassungen: Zur Anpassung können Sie die Größe des Bildes ändern, die Bildausrichtung festlegen, Beschriftungen hinzufügen usw.
- SEO-Optimierung: Mit dem Bildblock können Sie jedem Bild einen Alt-Text hinzufügen, der Suchmaschinen hilft, Ihr Bild besser zu verstehen.
Schöne Tische erstellen
Mit Block-Editor
Funktionen der Bildblock-Symbolleiste
Die Bildblock-Symbolleiste hat mehrere Funktionen, mit denen Sie sie anpassen können. Die Funktionen der Blocksymbolleiste werden im Folgenden erläutert.
- Verwandeln: Sie können diesen Block in einen Absatz, einen Code, eine Spalte usw. umwandeln.
- Ziehen: Ermöglicht das Ziehen und Ablegen des entsprechenden Blocks an einer beliebigen Stelle.
- 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.
- Duotone Filter: Mit dem Duotone-Filter können Sie einen zweifarbigen Effekt erzeugen, ohne dass das Originalbild verloren geht. Auch hier können Sie Schatten und Lichter mit dieser Funktion einstellen.
- Hyperlink: Mit dieser Option können Sie Links für ausgewählte Inhalte innerhalb des Blocks hinzufügen.
- Kulturpflanzen: Mit der Option Zuschneiden können Sie das Bild zoomen, das Seitenverhältnis ändern und das Bild drehen.
- Text über Bild hinzufügen: Damit können Sie Text über das Bild legen und andere Blöcke innerhalb des Bildblocks hinzufügen. Es dreht das Bildblock in die Abdeckblock.
- Beschriftung hinzufügen: Mit dieser Option können Sie Beschriftungen hinzufügen.
- Ersetzen: Mit der Option Ersetzen können Sie Ihr aktuelles Bild durch das andere Bild ersetzen.
- Mehr Optionen: Bietet weitere Optionen in Bezug auf den Abschnitt des Blocks, z. B. Duplizieren, Kopieren, Gruppieren usw.
Wie verwendet man den Image Block in WordPress?
Im Folgenden zeigen wir Ihnen, wie Sie den WordPress-Bilderblock in einigen einfachen Schritten verwenden können. Alles, was Sie tun müssen, ist zu folgen.
Schritt 1: Einfügen des Bildblocks
Um den Bildblock einzufügen, gehen Sie zu Ihrem Beitrag oder Ihrer Seite.
Danach klicken Sie auf den Block hinzufügen ("+") Block hinzufügen Symbol (1), Typ "Bild" im Suchfeld (2)und klicken Sie auf "Bild" (3).
Schritt 2: Einfügen Ihrer Bilddatei
Sie können eine dieser drei Optionen wählen.
- Hochladen: Sie können Ihre Bilddateien hochladen.
- Mediathek: Damit können Sie Bilder aus Ihrer Mediathek auswählen, die bereits zuvor hochgeladen wurden.
- Von URL einfügen: Sie können das Bild über die Links einfügen.
Bild über Upload-Option einfügen
Um Bilddateien einzufügen, klicken Sie auf die Schaltfläche Hochladen, wählen Sie Ihr Bild aus und klicken Sie auf Öffnen. Danach wird es im Editor geöffnet.
Einfügen von Bildern über die Option Medienbibliothek
Klicken Sie auf die Schaltfläche Medienbibliothek, wählen Sie das Bild aus, und klicken Sie auf die Schaltfläche Auswählen, um das Bild in den Editor einzufügen.
Einfügen von Bildern über die Option Bild von URL einfügen
Wählen Sie die Schaltfläche Aus URL einfügen, geben Sie den Link ein, und er wird im Editor angezeigt.
Schritt 3: Bildanpassung
Wenn Sie das Bild in den Editor eingefügt haben, können Sie die Größe direkt im Editor ändern.
Sie können auch verschiedene Optionen in den Blockeinstellungen festlegen. Um auf die Blockeinstellungen zuzugreifen, navigieren Sie zu Einstellungen (1) > Block (2) > Einstellungen (3).
Die Einstellungsoptionen enthalten Funktionen wie:
- Alternativer Text: Ermöglicht es Ihnen, Alternativtext für SEO-Zwecke festzulegen.
- Bildseitenverhältnis: Hier können Sie das Seitenverhältnis für Ihr Bild auf Original, Quadrat, Standard, Hochformat, Klassisch, Klassisches Hochformat, Breit und Hoch einstellen.
- Auflösung: Sie können die Auflösung auf "Groß", "Mittel", "Miniatur" und "Vollbild" einstellen.
- Breite: Stellen Sie die gewünschte Breite ein.
- Höhe: Legen Sie die Höhe des gewünschten Bildes fest.
Die Blockstile enthalten weitere Styling-Funktionen, die Sie für die Gestaltung des Bildblocks benötigen.
- Stile: Mit dieser Funktion können Sie die Bildstile auf Standard und Abgerundet einstellen.
- Filter: Mit den Filtern können Sie einen Duotone-Filter für Ihr Bild festlegen, ohne dass es seine Originalität verliert.
- Abmessungen: Mit dieser Funktion können Sie Ränder für Ihr Bild festlegen.
- Grenze & Schatten: Sie können mit dieser Funktion einen Rahmen und einen Rahmenradius für den Bildblock hinzufügen.
So verwenden Sie also den Bildblock und seine Optionen.
Schlussgedanken!
Der Image Block in WordPress ist ein benutzerfreundliches und leistungsstarkes Tool, das Ihnen hilft, Ihre Inhalte mit visuellen Elementen aufzuwerten. Beherrschen Sie alle Funktionen dieses Blocks und gestalten Sie Ihre Website visuell ansprechend.
Der Bildblock eignet sich hervorragend, um Produkte hervorzuheben, Erinnerungen mitzuteilen oder ein Konzept zu erklären. Er trägt auch dazu bei, dass Ihre Bilder optimal aussehen.
Wenn Sie also das nächste Mal an einem WordPress-Projekt arbeiten, verwenden Sie diesen praktischen Block, um Ihre Inhalte aufzuwerten.
Ich hoffe, Sie fanden diese Anleitung aufschlussreich und einfach zu folgen. Lasst mich in den Kommentaren unten wissen, was ihr von der Anleitung und dem Block haltet.
Vergessen Sie auch nicht, dies auf Ihren sozialen Medien zu teilen und andere über diesen großartigen Bildblock zu informieren.
Mehr lesen!
- Wie man den vorformatierten Block in WordPress in 3 einfachen Schritten verwendet
- Wie man den Code-Block in WordPress in 3 einfachen Schritten verwendet
- Wie man den Zitatblock in WordPress in 3 einfachen Schritten verwendet
- Wie man den Listenblock in WordPress verwendet
- Wie man den WordPress-Block-Editor verwendet (Anleitung für Anfänger)
- 7 Beste WooCommerce Preistabelle Plugins
