Bild

Block Bild

Name des Blocks: Bild
Englische Bezeichnung: Image
Ist in der Sektion: Allgemeine Blöcke
Getestet mit WordPress-Version: 5.3
Getestet mit WordPress-Theme: Twenty Twenty
Zuletzt geändert am: 04.11.2019
Block Bild

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.

Ansehen
Bild
Für die Anzeige der Animation bitte auf das Bild klicken.

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:

  1. Block-Typ ändern
  2. Ausrichtung und  Breite
    1. Block links ausrichten
    2. Block zentrieren
    3. Block rechts ausrichten
    4. Block  auf Bildschirmbreite
    5. Block  auf Inhaltsbreite
  3. Bild bearbeiten
  4. Link
  5. Weitere Optionen

Bildunterschrift

  1. Text fett markieren
  2. Text kursiv markieren
  3. Link
  4. Dreieck (seit 5.2)
    1. Code-Auszeichnung
    2. Text durchstreichen
    3. 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.

Funktionsübersicht: Block Bild

Block-Kategorie:
Allgemeine Blöcke
Block-Ausrichtung:
Keine, Links, Rechts, Zentriert
Block-Breite (Theme):
Bildschirmbreite, Inhaltsbreite
Bild-Größe:
Bildschirmbreite, Gespeicherte Größen, Inhaltsbreite, Nur proportional, Per Drag-and-drop
Bild-Ausrichtung:
Keine, Links, Rechts, Zentriert
Link auf Bild:
Ja
Link auf Bildtext:
Ja
Bildtext-Formatierung:
Code, Durchgestrichen, Fett, Inline-Bild, Kursiv
Block-Typ-Umwandlung in:
Sonstiges:
Kreisrunde Darstellung
Änderung in Block-Stil:
Kreis-Maske, Standard
Standard-Stil festlegen:
Ja
CSS-Klasse (Block-Stil):
is-style-circle-mask, is-style-default
Mit Block Classic erstellbar:
Ja, minus minus kreisrunde Darstellung
Scroll to Top