Herzlich willkommen zum WordPress-Tipp der Woche.

Diese Woche geht es um den unsichtbaren Trenner.

Hört sich beim ersten Hören vielleicht etwas langweilig an, ist es aber gar nicht.

Ich werde Ihnen zeigen, wie Sie mit dem unsichtbaren Trenner, und zwar dem sogenannten DIVIDER-Shortcode,

Ihre Inhalte besser strukturieren können.

Das heißt, wie Sie zum Beispiel solche Umsetzungen einfach, ja, mit Hilfe eines einfachen Shortcodes

und Text und einem Bild, umsetzen.

Hierfür beginne ich mit einer leeren Inhaltsseite.

Meine Inhaltsseite nenne ich genauso, also einfach Inhaltsseite.

Ich stelle meine Seite auf Privat einfach, weil ich hier auf einer Live-Seite bin.

Sie können gerne mitmachen, ich verwende einen Blindtext von blindtextgenerator.de.

Hierfür müssen Sie die Anzahl an Wörtern vielleicht etwas ändern und die Anzahl der

Absetze etwas hochschrauben und dann können Sie hier in die Zwischenablage kopieren.

Wenn ich jetzt einen Text in meinen visuellen Editor erstmal einfüge, dann erhalte ich

hier diesen klassischen Standardtext, etwas Blindtext und jetzt kann ich damit beginnen

und das Ganze erweitern.

Zum Beispiel könnte ich hier noch einen Überschrift hinzufügen, das vielleicht an der Stelle auch

etwas anders hervorheben und vor allem, ich wechsle jetzt in den Textmodus, weil ich mir

dadurch etwas leichter tue, also hier oben rechts findet man den Reiter und vor allem

kann man jetzt auch seine Bilder hinzufügen.

Falls Sie sich an letzte Woche erinnern, Sie können Bilder einfach hier in die Seite hineinziehen,

indem Sie das Bild nehmen aus Ihrem Datei Explorer, also aus Ihrem Dateisystem und einfach

in den Editor ziehen.

Das Bild wird sich dann in der Mediathek entsprechend öffnen und Sie können es theoretisch direkt

verwenden.

Da ich aber die Bilder, die ich diese Woche verwende, schon in der Mediathek habe, lösche

ich das Bild entsprechend wieder heraus und wähle stattdessen das erste Bild, das ich

die Woche verwenden möchte.

Ich scrolle bei den Anhangendetails jetzt nach unten und ändere die Ausrichtung auf links

und die Größe auf Mittel.

Den Link lasse ich auf Mediendatei.

Denken Sie bitte daran, dass Sie nach diesem Tipp der Woche, wenn Sie wieder ein Bild einbinden

und Sie möchten es breit über die gesamte Seite zeigen, dass Sie hier dann wieder Ausrichtung

keine wählen und Größe vollständige Größe.

Ich binde das jetzt in die Seite ein und wenn ich das jetzt mal aktualisiere und mal anschaue,

sieht das Ganze wie folgt aus.

Also ich kann hier auf Vorschau klicken, das macht das Gleiche.

Man sieht, dass es jetzt zwar ganz nett, aber nicht das, was ich möchte.

Ich kann hier noch, um das Ganze erstmal zu verbessern, mal die Sidebar einschalten.

Ich mache gerne immer hier Kontakt und Beratung hinein und ein Ansprechpartner, die man auch

fragen kann, wenn man eine Frage zur Inhaltsseite hat und ich erstelle, ich nehme hier immer

gerne das Template Inhaltsseite mit Navigation.

Wenn ich das jetzt mal aktualisiere und mir anschaue oder in der Vorschau anschaue, dann

wird das Ganze schon etwas anders ausschauen, denn jetzt habe ich links die Navigation,

rechts den Inhalt und das Ganze ist nicht mehr so breit.

Aber es gefällt mir immer noch nicht, weil ich noch nicht diesen gewünschten Effekt

habe, den ich eigentlich erzählen möchte.

Und das ist, wo der Divider Shortcode ins Spiel kommt.

Wenn ich jetzt hier eine leere Zeile schreibe und einfach Divider und dann unter dem Text,

vielleicht will ich die ersten zwei absetze, dann kann ich hier auch wieder Divider schreiben.