Dieser Beitrag zeigt euch, wie man einen Pullquote Block von einem Absatz Text umfließen lassen kann. Pullquote Block – Was ist das , wie verwendet man das ?

Absatz Block

In einem Block Theme, bzw. auch im Block Editor ist der Absatz Block wahrscheinlich der am meist verwendete Block.

Denn hier schreibt man den Fließtext. Er wird auch automatisch angezeigt, und wenn man auf Enter / Eingabe Taste klickt. Damit erzeugt man nämlich den nächsten Absatz.

Pullquote Block

Im Gegensatz zum Zitate Block, der auf Englisch Quote Block heisst, gibt es für den Pullquote Block keine deutsche Bezeichnung. Er heißt in jeder Sprache gleich. 😀

Ein Pullquote sieht man sehr häufig in Printmedien. In WordPress bzw. Blogbeiträgen eher selten.

Beispiel: Pullquote rechts ausgerichtet

Beispiel: Pullquote zentriert

Im 
Grafikdesign ist ein 
Pull Quote (auch 
Lift-out-Pull Quote genannt 
) eine Schlüsselphrase, 
ein Zitat oder ein Auszug, der aus einem Artikel entnommen und als grafisches Element 
im Seitenlayout verwendet wird , um den Leser zum Lesen des Artikels zu bewegen oder ein wichtiges Thema hervorzuheben. Es wird typischerweise in einer größeren oder auffälligeren 
Schriftart und auf derselben Seite platziert. Pull Quotes werden häufig in Zeitschriften- und Zeitungsartikeln, Jahresberichten und Broschüren sowie im Internet verwendet. Sie können textlastige Seiten mit wenigen Bildern oder Illustrationen optisch interessanter gestalten. 

wikipedia

Der Pullquote ist meist zwischen Text Spalten oder rechts oder links vom Fließtext angeordnet. Es hebt eine Textstelle hervor, die zwar im Fließtext vorkommt, aber welche so bedeutend ist, dass sie als Eyecatcher nocheinmal extra hervorgehoben wird.

Pullquote Block hinzufügen

Im WordPress Block Editor findest du diesen Block, wenn du links im Beitrag oben auf das blaue Plus Icon ( Block Inserter )klickst. Dann wähle aus > Blöcke. Dort findest du ihn unter den Text Blöcken.

Wenn du über den Pullquote Block hoverst – hellblau – dann öffnet sich links davon ein Vorschaufenster mit dem Design des Blocks. Das ist je nach Block Theme verschieden. Das hier ist mein Design von meinem Custom Block Theme.

Block Quote Block – Einstellungen

Du hast im Blockquote Block viele Einstellungen in der rechten Sidebar. Wie bei vielen oder allen Blöcken. Folgendes kannst du einstellen:

• Farbe – Text, Hintergrund
• Hintergrundbild
• Typgrafie
• Maße –
  • Innenabstand
  • Aussenabstand
• Räder
  • Radius

Wie du siehst, das ist schon eine ganze Menge. Im Prinzip hat dein gewähltes Block Theme bereits ein vorgefertigtes Design. Aber mit den obigen Angaben kannst du es für dich noch optimieren oder verändern.

Hier ein paar Beispiele:

Hintergrundbild:

Hintergrundbild – Kreis:

Hintergrund – Farbe:

Was jetzt besonders ist, ist dass du nun noch eine Block Werkzeugleiste hast, oben, wo du noch weitere Einstellungen machen kannst:

Damit kann man den Block rechts , links bündig oder mittig ausrichten.

Absatz Block umfließt den Pullquote Block

Jetzt ist es so. Von selber geht der Pullquote Block nicht nach links oder rechts. Das macht er zwar schon, wenn du in der Werkzeugleiste das Icon dafür auswählst, aber er umfließt deswegen nicht automatisch den Text.

💡Wie macht man es aber nun, dass der Absatz Block den Pullquote Block umfließt ?

Wenn ich normalerweise einen Pullquote Block hinzufügen, wird dieser zwar rechts oder links ausgerichtet. Aber der Text umfließt den Block nicht !

Dazu muss ich noch etwas machen, es gibt zwei Möglichkeiten.

👉 1 – Man muss den Pullquote Block vor dem umfließenden Text einfügen

Im Video habe ich bereits einen Text Block unter dem Video eingefügt.

👉 2 – Man fügt den Pullquote Block als letzten Block ein. Danach klickt man auf den darüberliegenden Textblock und betätigt die beiden Pfeile und schiebt den Textblock nach unten.

Dadurch weicht der Pullquote Block von selber entweder nach rechts oder links vom Text.

That’s it . Das ist das Geheimnis. So einfach geht’s.

Fazit:

Also, für mich war das ein wenig Tricky. Ich dachte nämlich, dass ich nur den Pullquote Block auf rechts oder links einstellen muss und der Text umfließt ihn dann automatisch. Aber das ist nicht so.

Und ich habe auch nirgendwo online dazu eine Beschreibung gefunden, welche das erklärt hätte. Jetzt gibt es eine. Weil nämlich, genau das sollte ja die Besonderheit dieses Blocks sein. Wie halt im Druck. 😂👍