Bloecke Cat Medien

Block Medien und Text

Name des Blocks: Medien und Text
Englische Bezeichnung: Media & Text
Ist in der Sektion: Medien
Getestet mit WordPress-Version: 5.6
Überarbeitet am: 9. November 2020
Getestet mit WordPress-Theme: Twenty Twenty
Block Medien Und Text
Block Medien und Text

Werkzeugleiste

Spalten

Alle Blöcke können in Spalten umgewandelt werden. Klickt man auf das erste Icon der Block-Werkzeugleiste wird ein Menü aufgeklappt. 

Dort wurde mit WordPress 5.6 die Option “Spalten” hinzugefügt. Das fehlt auf einigen Abbildungen.

Icon mit Pfeil nach oben/unten

Wenn mehr als ein Block in den Inhaltsbereich eingefügt wird, erhält die Block-Werkzeugleiste zwei weitere Icons. Auf dem Bild rechts wird das Icon mit den Pfeilen nach oben und nach unten hervorgehoben.

Durch Klick auf eins der Pfeile wird der Block in die entsprechende Richtung bewegt.

Icon mit Drag-and-Drop-Funktion

Dieses Icon gibt es seit WordPress 5.5.2. Klick darauf, Mauszeiger gedrückt halten und den Block an die gewünschte Stelle ziehen.

Beide Icons sind auf den meisten hier abgebildeten Block-Werkzeugleisten nicht zu sehen.

Seitenleiste

Beitrag oder Seite statt Dokument

In der rechten Seitenleiste hieß der erste Tab bislang immer Dokument.

Dies wurde nun geändert, je nachdem, ob man an einer Seite oder einem Beitrag arbeitet, steht dort der entsprechende Name.

Für diese Änderung wurden die Abbildungen auf gutenberg-editor.de nicht extra neu erstellt.

Theme Twenty Twenty-One

Zusätzliche Styles

Alle Abbildungen auf gutenberg-editor.de wurden mit dem Theme Twenty Twenty erstellt. Mit WordPress 5.6 gibt es ein neues Standard-Theme: Twenty Twenty-One.

Im Großen und Ganzen ähneln sich die Darstellungen im Adminbereich. Doch hin und wieder hat das neue Theme zusätzliche Styles, zum Beispiel beim Block Bild die Styles Frame und Borders (Rahmen). 

Farbtafeln

Das neue Theme Twenty Twenty-One stellt andere Auswahlfarben zur Verfügung als das Theme Twenty Twenty.

Rechts ist oben die Farbtafel von Twenty Twenty und darunter die von Twenty Twenty-One zu sehen.

Selbstverständlich stehen in beiden Themes unter dem Link “individuelle Farbe” alle denkbaren Farben zur Verfügung.

Generell gilt: Jedes Theme kann hinsichtlich Darstellung variieren. Die Grundelemente jedoch sollten sich kaum unterscheiden.

Beschreibung: Block Medien und Text

Der Block Medien und Text ist ein Container mit 2 Spalten, die eine für ein Bild oder Video, die andere kann jeden Block, auch mehrere, mit allen Blockfunktionen aufnehmen.

  • Wird in der Medien-Spalte ein Bild eingefügt, kann es zugeschnitten werden, um die Spalte zu füllen.
  • Ein Fokussierpunkt ermöglicht die exakte Auswahl des Ausschnittes, den man entweder zieht oder über die Inputfelder Horizontale und Vertikale Position prozentual bestimmt.
  • Die Spalten können vertikal ausgerichtet werden.
  • Über einen Anfasser zwischen den Spalten kann die Spaltenbreite bestimmt werden.

Werkzeugleiste

Der Block Medien und Text kann, wenn das Theme es erlaubt, auf Inhalts- oder Bildschirmbreite und das Bild/Video (Medien) wahlweise links oder rechts gesetzt werden, siehe Spalte “Werkzeugleiste”. 

Seitenleiste

Die Seitenleiste bietet zusätzlich die Optionen, Hintergrundfarbe oder Farbverlauf für den gesamten Block zu bestimmen und wahlweise die Spalten auf Mobilgeräten untereinander anzuzeigen, statt nebeneinander.

Fokussierpunkt und Bild zuschneiden werden sichtbar, wenn in die Medienspalte ein Bild eingefügt wurde.

Werkzeugleiste

T Medien Und Text

Von links nach rechts:

  1. Block-Typ ändern
  2. Ausrichtung ändern
    1. Block auf Inhaltsbreite
    2. Block auf Bildschirmbreite
  3. Medien links
  4. Medien rechts
  5. Vertikale Ausrichtung ändern
    1. Vertikal oben
    2. Vertikal mittig
    3. Vertikal unten
  6. Bild verlinken
  7. Medien ersetzen
  8. Weitere Optionen

Seitenleiste

Bild eingefügt

S Medien Und Text 02

Hintergrund: Farbe

S Buttons 02

Hintergrund: Farbverlauf

S Buttons 03

WordPress 5.3

Video-Anleitung zum Block Medien und Text

Mit Klick auf das Bild wird eine Verbindung zu YouTube hergestellt, was datenschutzrechtliche Relevanz hat. Mehr dazu in der Datenschutzerklärung.

Funktionsübersicht: Block Medien und Text

Block-Kategorie:
Medien
Block-Breite (Theme):
Bildschirmbreite, Inhaltsbreite
Bild-Größe:
Nur proportional, Per Drag-and-drop
Link auf Bild:
Ja
Hintergrund:
Farbverlauf, Hintergrundfarbe
Block-Typ-Umwandlung in:
Sonstiges:
Auf Mobilgerät stapeln, Bild zuschneiden, HTML-Anker, Medien links/rechts, Spaltenbreite, Video einfügen
Als HTML bearbeiten:
Nein
Mit Block Classic erstellbar:
Nein
Scroll to Top