Der unsichtbare Trenner | Tipp der Woche
Ein unsichtbarer Trenner? Wozu soll das gut sein? Gute Frage. Allerdings ist die Antwort etwas vielschichtiger.
Der Divider-Shortcode kann Inhalte separieren und verhält sich dabei wie eine unsichtbare Schranke.
So können Sie zum Beispiel Bilder neben Texten nach links oder rechts ausrichten, ohne dass es unerwünschte Nebeneffekte gibt.
Der unsichtbare Trenner - Divider-Shortcode
Der Shortcode
[divider] gibt Ihnen etwas mehr Kontrolle über komplexere Umsetzungen.
Im Video und auf der Anleitungsseite zum Divider-Shortcode finden Sie weitere Details zur gezeigten Umsetzung.
Eine Beispielumsetzung:
Dieses Bild ist nach links ausgerichtet. Dadurch fließt der Text automatisch rechts neben das Bild. Wenn man nun verhindern möchte, dass bei diesem Textabschnitt ein anderes Bild noch in die linke Zeile rutscht, kann man den Abschnitt durch zwei divider-Shortcodes abtrennen.
Der nächste Abschnitt ist dann klar vom ersten Abschnitt abgetrennt und es besteht keine Gefahr, dass das links-ausgerichtete Bild hier neben den zweiten Textabschnitt rutscht. Stattdessen könnte man in diesem zweiten Abschnitt ohne Gefahr ein rechts ausgerichtetes Bild einfügen. Das Bild bleibt dann nur für diesen Abschnitt rechts ausgerichtet, bis der nächste Divider-Shortcode den Abschnitt beendet.
In diesem Beispiel wurden die Divider-Shortcodes immer vor dem Bild und am Ende des Absatzes gesetzt.