Hinzufügen einer Linie in WordPress (horizontal und vertikal)

Hinzufügen einer Linie in WordPress (horizontal und vertikal)

Wenn Sie mit Ihrer WordPress-Website arbeiten, haben Sie vielleicht manchmal das Gefühl, dass etwas fehlt - etwas, das Ihr Design ein wenig unangenehm macht. Sie werden oft feststellen, dass eine subtile Änderung des Designs eine bedeutende Veränderung in Bezug auf einen besseren Ausblick mit sich bringt. 

Linien sind so einfache Elemente, mit denen Sie Ihr Design schnell verbessern können. Sie können verwendet werden, um Abschnitte zu trennen, wichtige Bereiche hervorzuheben oder ein strukturiertes Layout zu erstellen, das für Besucher leicht zu navigieren ist.

Dieser Leitfaden führt Sie durch die praktischsten Methoden zum Hinzufügen und Gestalten horizontaler und vertikaler Linien in WordPress. Unabhängig von Ihrem Kenntnisstand werden Sie einen Ansatz finden, der für Ihre Bedürfnisse geeignet ist und das Layout Ihrer Website in etwas Ausgefeilteres und Professionelleres verwandelt.


Methode 1: Verwendung des 'Separator'-Blocks

Als Erstes müssen Sie die Seite oder den Beitrag öffnen, auf der/dem Sie die Zeile hinzufügen möchten. Navigieren Sie dann genau zu der Stelle, an der Sie die Zeile hinzufügen möchten. 

Klicken Sie auf die Block Inserter + Taste um einen Block hinzuzufügen, und suchen Sie dann nach "Abscheider" in der Blockbibliothek. Klicken Sie auf den Block, um ihn in Ihre Seite einzufügen. Im Editor wird standardmäßig eine horizontale Linie angezeigt. Beachten Sie, dass das Aussehen der Linie je nach dem von Ihnen verwendeten Thema variieren kann. 

Wählen Sie nun den Block aus und öffnen Sie das Blockeinstellungen in der rechten Seitenleiste. Wählen Sie Ihr bevorzugtes Stil (durchgezogen, gestrichelt oder gepunktet). 

Wählen Sie abschließend eine benutzerdefinierte Farbe um Ihre Linie anders hervorzuheben. 


Methode 2: Verwendung des Divider Blocks von Ultimate Blocks


Wenn Sie das noch nicht getan haben, müssen Sie das Ultimative Blöcke Plugin aus dem WordPress-Plugin-Verzeichnis und aktivieren Sie es.

Ultimate Blocks installieren


Öffnen Sie später den WordPress-Editor und klicken Sie auf die Schaltfläche + um einen Block hinzuzufügen. Suchen Sie nun nach "Teiler" und fügen Sie es in Ihre Seite ein.

Fügen Sie den Teilerblock mit dem Blockeinfasser hinzu.


Wählen Sie in den Blockeinstellungen in der rechten Seitenleiste aus, ob die Zeile als Horizontal oder Vertikal. Für eine vertikale Linie wählen Sie bitte die Option Vertikal Option.

Wählen Sie die Ausrichtung.


Sie können auch den Wert der Zeile Dicke, Höheund Breite unter Verwendung der allgemeine Einstellungen

Dicke, Höhe und Breite einstellen.

Wenn Sie sich zum Einstellungen der Stile, können Sie zwischen drei verschiedenen Linientypen. Danach bleibt nur noch die Anpassung der Farbe die zum Thema Ihrer Website passen. 

Wählen Sie Linientypen aus und legen Sie die Farbe fest.

Wenn Sie mit den Anpassungen zufrieden sind, ist Ihre Trennwand einsatzbereit.

Schlussfolgerung

Für das ungeübte Auge mögen Linien wie ein unbedeutendes Detail erscheinen, aber wenn Sie sie richtig einsetzen, haben sie einen großen Einfluss auf das Aussehen und die Wirkung Ihrer Website. Egal, ob Sie den Separator-Block für schnelle horizontale Unterteilungen oder den Divider-Block von Ultimate Blocks für mehr anpassbare Optionen verwenden, Sie können sicher sein, dass das Hinzufügen von Linien zu einem sauberen und strukturierten Design beiträgt.

Mit den Methoden in diesem Leitfaden haben Sie nun alles, was Sie brauchen, um horizontale und vertikale Linien effektiv in Ihre WordPress-Seiten einzubinden. 

Fangen Sie noch heute an zu experimentieren und sehen Sie, wie diese einfachen Elemente Ihre Website in etwas Ausgefeilteres und Professionelleres verwandeln können!



Das Tischberg-Team