Block Bild
Name des Blocks: | Bild |
Englische Bezeichnung: | Image |
Ist in der Sektion: | Medien |
Getestet mit WordPress-Version: | 5.6 |
Überarbeitet am: | 1. November 2020 |
Getestet mit WordPress-Theme: | Twenty Twenty |
Beschreibung: Block Bild
Der Block Bild ermöglicht das Einfügen eines einzelnen Bildes, das man vom Rechner hochladen, aus der Mediathek auswählen, per Drag-and-drop hineinziehen oder über das Setzen eines Links einfügen kann.
Die Größe des Bildes kann über die Seitenleiste, aber auch über Anfasser direkt am Bild (blaue Punkte rechts und unten) geändert werden. Die Proportionen des Bildes bleiben unverändert.
Über Styles (Bildstile) besteht die Möglichkeit, das Bild abgerundet darzustellen.
Unterhalb des Bildes besteht die Möglichkeit, eine Bildunterschrift (Caption) einzufügen.
Werkzeugleiste
Der Block Bild kann über die Werkzeugleiste links, zentriert oder rechts ausgerichtet werden und auf die Inhaltsbreite oder Bildschirmbreite vergrößert, bearbeitet (ausgetauscht) und verlinkt werden.
Ein Klick auf das Icon „Zuschneiden“ verändert die Werkzeugleiste und weitere Icons werden sichtbar, über die man das Bild zuschneiden, Drehen oder mittig hinein zoomen kann.
Unterhalb des Bildes kann die Bildunterschrift über eine weitere Werkzeugleiste formatiert werden, siehe Spalte “Werkzeugleiste”.
Seitenleiste
Die Seitenleiste bietet zusätzlich die Optionen, einen ALT-Text und/oder einen HTML-Anker einzutragen, die Bildgröße zu ändern und das Bild mit abgerundeten Ecken einzufügen. Das Drop-down-Menü “Bildgröße” stellt die physisch gespeicherten Bilder/Bildgrößen (Vorschaubild, Mittel, Groß, Vollständige Größe) zur Verfügung, die im Adminbereich unter Einstellungen –> Medien eingerichtet wurden.
Vorsicht! Wählt man hier zum Beispiel “Vorschaubild” aus, wird das kleine Bild eingefügt. Ändert man nun unter “Bildabmessungen” Breite oder Höhe, wird dieses kleine Bild vergrößert und sehr unscharf und pixelig.
Theme Twenty Twenty-One
Das neue Standard-Theme von WordPress 5.6 fügt 2 weitere Optionen zum Block Bild hinzu: Rahmen und Frame.
Rahmen
3px breite schwarze Umrandung (Breite wird dynamisch berechnet)
CSS-Klasse: is-style-twentytwentyone-border
Frame
3px breite schwarze Umrandung mit 20px Abstand zum Bild (Breite und Abstand werden dynamisch berechnet)
CSS-Klasse: is-style-twentytwentyone-image-frame
Werkzeugleiste
Von links nach rechts:
- Block-Typ ändern
- Ausrichtung und Breite
- Block links ausrichten
- Block zentrieren
- Block rechts ausrichten
- Block auf Bildschirmbreite
- Block auf Inhaltsbreite
- Link
- Zuschneiden
- Zoomen
- Seitenverhältnis
- Drehen
- Ersetzen
- Weitere Optionen
Bildunterschrift
- Text fett markieren
- Text kursiv markieren
- Link
- Dreieck
- Text durchstreichen
- Hochgestellt
- Inline-Bild
- Code-Auszeichnung
- Textfarbe
- Tiefgestellt
WordPress 5.3
Video-Anleitung zum Block Bild
Mit Klick auf das Bild wird eine Verbindung zu YouTube hergestellt, was datenschutzrechtliche Relevanz hat. Mehr dazu in der Datenschutzerklärung.
Funktionsübersicht: Block Bild
- Block Absatz
- Block Abstandshalter
- Block Archive
- Block Audio
- Block Bild
- Block Buttons
- Block Classic
- Block Code
- Block Cover
- Block Datei
- Block Einbetten
- Block Einbetten-Quellen
- Block Galerie
- Block Gruppe
- Block HTML
- Block Kalender
- Block Kategorien
- Block Liste
- Block Medien und Text
- Block Mehr
- Block Neueste Beiträge
- Block Neueste Kommentare
- Block Pullquote
- Block RSS
- Block Schlagwörter-Wolke
- Block Seitenumbruch
- Block Shortcode
- Block Spalten
- Block Suchen
- Block Tabelle
- Block Trennzeichen
- Block Überschrift
- Block Vers
- Block Video
- Block Vorformatiert
- Block Zitat