Bloecke Cat Einbetten

Block Einbetten

Name des Blocks: Einbetten
Englische Bezeichnung: Embed
Ist in der Sektion: Einbettungen
Getestet mit WordPress-Version: 5.6
Überarbeitet am: 8. November 2020
Getestet mit WordPress-Theme: Twenty Twenty
Block Einbetten
Block Einbetten

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 Einbetten

Der Block Einbetten ist ein Allrounder. Es existieren 29 weitere Einbettungs-Blöcke, die jeweils auf eine eigene Quelle spezialisiert sind, z. B. akzeptiert der Block YouTube nur den Link von einem YouTube-Video.

Im Block Einbetten kann jeder Link/jede Quelle der 29 Blöcke, die innerhalb der Sektion “Einbettungen” zu finden sind, verwendet werden.

Sämtliche Blöcke plus Links zu den Quellen sind hier aufgelistet.

Gibt man beispielsweise dort einen YouTube-Videolink ein und klickt auf den Button Einbetten, wird der Block Einbetten in den Block YouTube umgewandelt und das entsprechende YouTube-Video eingebettet.

Mit dem Einbetten werden gleichzeitig Seiten- und Werkzeugleiste geändert und bieten zusätzliche Funktionen. Diese sind bei allen 31 Quellen identisch.

Werkzeugleiste

Die Beschriftung kann über die Werkzeugleiste formatiert und der Block in der Ausrichtung geändert werden, siehe Spalte “Werkzeugleiste”. Nach der Einbettung erhält die Werkzeugleiste das zusätzliche  Icon “URL bearbeiten”.

Unterhalb des eingebetteten Elementes kann eine Beschriftung eingefügt werden.

Seitenleiste

Die Seitenleiste wechselt, je nachdem was eingebettet wurde.

Werkzeugleiste

T Einbetten 01

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. Weitere Optionen
T Einbetten 02

Nach Einbettung,
von links nach rechts:

  1. Block-Typ ändern
  2. Nach oben/unten bewegen
  3. Ausrichtung und  Breite
    1. Block links ausrichten
    2. Block zentrieren
    3. Block rechts ausrichten
    4. Block  auf Bildschirmbreite
    5. Block  auf Inhaltsbreite
  4. URL bearbeiten
  5. Weitere Optionen

Beschriftung

  1. Text fett markieren
  2. Text kursiv markieren
  3. Link
  4. Dreieck
    1. Text durchstreichen
    2. Hochgestellt
    3. Inline-Bild
    4. Code-Auszeichnung
    5. Textfarbe
    6. Tiefgestellt
Formatierungen ansehen
Formatierungs Icons
Zum Vergrößern Klick aufs Bild
Tastaturkürzel ohne eckige Klammern ausführen.

Seitenleiste

Nach Einbettung (hier YouTube)

WordPress 5.2

Video-Anleitung zum Block Einbetten

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

Funktionsübersicht: Block Einbetten

Block-Kategorie:
Einbettungen
Block-Ausrichtung:
Keine, Links, Rechts, Zentriert
Block-Breite (Theme):
Bildschirmbreite, Inhaltsbreite
Beschriftungs-Formatierung:
Durchgestrichen, Fett, Inline-Bild, Inline-Code, Kursiv
Beschriftungs-Link:
Ja
Block-Typ-Umwandlung in:
Sonstiges:
Umwandlung in Link bei nicht erkannter Quelle
Als HTML bearbeiten:
Nein
Mit Block Classic erstellbar:
Ja
Scroll to Top