Das Hinzufügen einer visuellen Unterbrechung zwischen zwei Inhaltsabschnitten ist wichtig, um die Lesbarkeit einer Website und ihr Design zu verbessern. Der Separatorblock in WordPress ist ein einfacher Block, mit dem Sie dies erreichen können.
Es ist auch eine großartige Möglichkeit, Inhalte zu unterteilen, um sie besser zu strukturieren oder ein Stilelement zu Ihrer Seite hinzuzufügen. Es ist ein beliebtes Werkzeug für alle Arten von Nutzern, um ihre Inhalte visuell übersichtlicher darzustellen.
Schöne Tische erstellen
Mit Block-Editor

Wie verwendet man den Separator-Block in WordPress?
Wie jeder andere WordPress-Kernblock ist auch der Separator-Block einfach zu verwenden. Folgen Sie dem Tutorial und meistern Sie die Verwendung dieses Blocks.
Schritt 1: Einsetzen des Separatorblocks
Wählen und bearbeiten Sie den Beitrag, in den Sie den Trennblock einfügen möchten. Klicken Sie nun auf die Schaltfläche "+” (Block hinzufügen) Symbol (1), Typ "Abscheider" im Suchfeld (2)und klicken Sie auf das "Trennzeichen". (3).

Nachdem Sie auf das Trennzeichen geklickt haben, wird es in den Editor eingefügt.

Schritt 2: Das Trennzeichen gestalten
Je nach Thema Ihrer Website kann der Separator-Block als schmale gerade Linie oder als breite Linie erscheinen.
Wenn es sich um eine schmale Linie handelt, können Sie sie breit machen, indem Sie einfach die breite Linie wählen. Dazu müssen Sie den Block auswählen und zu Einstellungen (1 ) > Block (2) > Stil (3) > Breite Linie (4).

Sie können Ihr Trennzeichen auch wie Punkte aussehen lassen. In diesem Fall müssen Sie die Option "Punkte" auswählen.

Der Separator-Block ermöglicht es Ihnen auch, die Hintergrundfarbe des Separators zu ändern.

Schließlich können Sie Ihrem Trennblatt Ränder hinzufügen.

Die Option "Styling" ist optional; es liegt an Ihnen, den Trennblock individuell zu gestalten.
Denken Sie daran, dass Sie den Beitrag oder die Seite veröffentlichen oder speichern müssen, bevor Sie die Seite verlassen, um Ihre Änderungen zu speichern.
Erfahren Sie mehr über den WordPress Separator Block
Möchten Sie Einzelheiten über den Separator-Block erfahren? Surfen Sie durch die Akkordeons unten. Es enthält alle Details über den Block.
Was ist der Separatorblock?
Der Separator-Block ist ein zentraler WordPress-Block, mit dem Sie eine durchgehende oder gepunktete horizontale Linie zwischen Abschnitten Ihres Inhalts einfügen können.
Es dient als visueller Hinweis auf einen Wechsel von Themen oder Abschnitten und erleichtert den Lesern die Navigation in Ihren Inhalten.
Was sind die wichtigsten Merkmale des Separatorblocks?
- Vordefinierte Stile: Wählen Sie zwischen drei Stilen - Standard, breite Linie und Punkte - je nach Ihren Gestaltungswünschen.
- Anpassbare Breite: Passen Sie die Breite des Trennzeichens an, um subtile oder starke visuelle Effekte zu erzielen.
- Farboptionen: Wählen Sie individuelle Farben für die Trennlinie, die dem Branding Ihrer Website entsprechen.
- Reaktionsfähiges Design: Funktioniert nahtlos über alle Geräte hinweg, um ein einheitliches Nutzererlebnis zu gewährleisten.
Welche Funktionen bietet die Symbolleiste des Separatorblocks?
Die Symbolleiste des Trennblocks bietet wichtige Werkzeuge zur Feinabstimmung des Erscheinungsbildes:

- Verwandeln in: Sie können den Trennblock in Spalten, Trennlinien, Details und Gruppen umwandeln.
- Ziehen: Sie können den jeweiligen Block an eine beliebige Stelle des Editors ziehen und dort ablegen.
- Bewegliche Griffe: Sie können Ihren Block nach oben und unten bewegen.
- Ausrichten: Mit Ausrichten können Sie die Ausrichtung auf keine, links, mittig oder rechts auf der Seite festlegen, um das Layout besser zu integrieren.
- Optionen: Er enthält Blockoptionen wie Kopieren, Duplizieren, Hinzufügen vor, Kopieren von Stilen, usw.
Schlussgedanken!
Der Separator-Block ist ein unkompliziertes und robustes Werkzeug, um das Layout Ihres Inhalts ansprechend zu gestalten. Sie können mit seinen Stilen und Einstellungen experimentieren, um herauszufinden, was am besten zur Ästhetik Ihrer Website passt.
Ich hoffe, die Anleitung ist einfach zu befolgen. Wenn Sie Probleme mit dem Tutorial haben, lassen Sie es mich im Kommentarbereich unten wissen. Ich würde Ihnen gerne helfen.
Teilen Sie diesen Beitrag auch in Ihren sozialen Medien und informieren Sie andere darüber.
Mehr lesen!
- Wie man den Suchblock in WordPress verwendet (3 einfache Schritte)
- Wie man den Spacer-Block in WordPress in 2 einfachen Schritten verwendet
- Wie man den Cover-Block in WordPress verwendet (3 einfache Schritte)
- Hinzufügen von "Buy On Amazon"-Buttons in WordPress (3 Wege)
- 9 beste Produktbewertungs-Plugins für WordPress