Block Bild
| Name des Blocks: | Bild |
| Englische Bezeichnung: | Image |
| Ist in der Sektion: | Allgemeine Blöcke |
| Getestet mit WordPress-Version: | 5.3 |
| Veröffentlicht am: | 12. November 2019 |
| 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 kreisrund darzustellen.
Unterhalb des Bildes besteht die Möglichkeit, eine Bildunterschrift (Caption) einzufügen.
Werkzeugleiste
Das Bild kann über die Werkzeugleiste links, zentriert oder rechts ausgerichtet werden und auf die Inhaltsbreite oder Bildschirmbreite vergrößert, bearbeitet (ausgetauscht) und verlinkt werden. Unterhalb des Bildes kann die Bildunterschrift über eine weitere Werkzeugleiste formatiert werden, siehe Spalte “Werkzeugleiste” (Klick auf Bild).
Seitenleiste
Die Seitenleiste bietet zusätzlich die Optionen, einen ALT-Text einzutragen, die Bildgröße zu ändern und das Bild kreisrund 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.
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
- Bild bearbeiten
- Link
- Weitere Optionen
Bildunterschrift
- Text fett markieren
- Text kursiv markieren
- Link
- Dreieck (seit 5.2)
- Code-Auszeichnung
- Text durchstreichen
- Inline-Bild
Seitenleiste
Video-Anleitung zum Block Bild
Mit Klick auf das Video wird eine Verbindung zu YouTube hergestellt, was datenschutzrechtliche Relevanz hat. Mehr dazu in der Datenschutzerklärung.