Wollen Sie Leerzeichen hinzufügen oder Unterabschnitte auf WordPress eingerückt? Möchten Sie Absätze in WordPress einrücken?

Obwohl der größte Teil Ihres Textes linksbündig ist, müssen Sie in einigen Fällen möglicherweise bestimmte Absätze für a einrücken beste Typografie und ein besseres Leseerfahrung.

In diesem Tutorial zeigen wir Ihnen, wie Sie einrücken leicht Absätze auf WordPress.

Methode 1: Verwenden der Texteinrückungsschaltflächen im visuellen Editor 

Standardmäßig die meisten WordPress-Themes Zeigen Sie rechts oder links ausgerichtete Absätze für Sprachen von rechts nach links an.

Wenn Sie einen Absatz verschieben möchten, können Sie dies manuell tun, indem Sie auf die Schaltfläche klicken Einrückung erhöhen des visuellen Texteditors. Dadurch wird der Abstand links vom Absatz erhöht.

Wenn Sie mehr als einen Absatz einrücken möchten, müssen Sie diese Absätze auswählen und dann auf die Schaltfläche klicken Einrückung erhöhen.

Sie können mehrmals auf die Schaltfläche klicken, um den Einzug zu vergrößern. Wenn Sie beispielsweise darauf doppelklicken, wird der Einrückungsabstand verdoppelt.

Sie können die Auszahlung auch reduzieren, indem Sie auf die Schaltfläche klicken Einrückung verringern. 

Wir laden Sie auch ein, bevor Sie weiter entdecken Verwendung des Gutenberg-Editors für WordPress 5.0: Teil XNUMX

Methode 2: Manuelle Einrückung Absatz mit dem Texteditor

Verwenden der Auszahlungstasten text Im visuellen Editor können Sie Absätzen am einfachsten Einrückungen hinzufügen. Dies gibt Ihnen jedoch keine Kontrolle darüber, wie viel Abstand Sie hinzufügen möchten.

Die meisten fortgeschrittenen Benutzer können zu wechseln Texteditor um den Einzug manuell hinzuzufügen. Sie müssen lediglich den Text in das Absatz-Tag einfügen und und dann y CSS-Code hinzufügen wie folgt:

<p style="padding-left:25px;">Your paragraph text goes here...</p>

Mit dieser Methode können Sie den Abstand steuern, den Sie als Einzug verwenden möchten. Diese Methode funktioniert am besten, wenn Sie Absätze nicht regelmäßig einrücken müssen.

Wenn Sie sie also oft genug einrücken, ist dies keine ideale Lösung.

Entdecken Sie unseren Guide auf Wie kommt man zu (schreiben) einen guten Absatz auf Ihrem Blog 

Methode 3: Nur die erste Zeile eines Absatzes einrücken

Webseiten verwenden nicht den traditionellen Absatzabstand von Textverarbeitungsprogrammen, der nur die erste Zeile des Absatzes markiert.

Selbst in WordPress wird beim Einrücken eines Absatzes dem gesamten Absatz Leerzeichen hinzugefügt.

Einige Websites von Zeitschriften oder Literaturzeitschriften möchten möglicherweise einen traditionelleren Einzug hinzufügen. In diesem Fall müssen Sie benutzerdefiniertes CSS zu Ihrem hinzufügen Wordpress-Theme.

Gehe zu " Aussehen> Anpassen Um die " Konfigurator "Um Wordpress-Theme. Klick auf das " zusätzlicher CSS ".

Daraufhin wird im linken Bereich ein Textfeld angezeigt, in dem Sie Ihren benutzerdefinierten CSS-Code hinzufügen können. Fügen Sie diesen CSS-Code in dieses Textfeld ein.

p.custom-indent { 
text-indent:60px;
}

Entdecken Sie auch unsere Tutorial: Wie man den WordPress Visual Editor beherrscht

Dieser CSS-Code teilt den Browsern lediglich mit, dass ein Absatz mit einem 60px-Einzug hinzugefügt wird, wenn er die Klasse ".custom-indent" enthält.

Anschließend können Sie Ihren Artikel im Texteditor bearbeiten. Umgeben Sie dann Ihren Text mit den Tags <p class = "custom-indent"> et </p> wie folgt:

Ihr Absatztext geht hier ...

Sobald Sie fertig sind, können Sie eine Vorschau Ihres Artikels anzeigen, und Sie werden feststellen, dass nur die erste Zeile des Absatzes zuvor einen Abstand aufweist.

Diese Methode funktioniert sorgfältig, wenn Sie nur einige Absätze einrücken möchten. Wenn Sie diesen Stil jedoch allen Absätzen Ihrer Website hinzufügen möchten, müssen Sie den benutzerdefinierten CSS-Code einfach wie folgt ändern:

article p { 
text-indent:60px;
}

Dieser CSS-Code fügt automatisch einen Einzug in die erste Zeile aller Absätze in einem WordPress-Beitrag oder einer WordPress-Seite ein.

Entdecken Sie auch vor der Abreise Wie man einen visuellen Stil der Wordpress-Editor hinzufügen

Für diejenigen, die nach visuellen Editoren suchen, um das Erscheinungsbild ihrer Website zu verbessern, bieten wir hier 3 Premium-WordPress-Plugins an, die für diese Aufgabe entwickelt wurden.

1. Gelber Bleistift: Visual Style CSS Editor

Yellow Pencil ist ein visueller Stileditor, den Sie mit jedem Thema verwenden können, um Ihre Website in wenigen Minuten zu personalisieren (Schriftarten, Farben, Animationen und mehr…).

Dieses Plugin erstellt CSS-Stile im Hintergrund, während Sie mit Farben spielen, als wäre es ein Spiel. Es wurde sowohl für Anfänger als auch für erfahrene Benutzer entwickelt. Es sind keine Codierungskenntnisse erforderlich. Das Plugin hat jedoch einen guten CSS-Editor für diejenigen, die gerne codieren. Mit diesem Editor können Sie live codieren und Ihr CSS anpassen.

Herunterladen | Demo | Web-Hosting

2. Easy Custom JS und CSS 

Ce WordPress Plugin premium ist ein leistungsstarker CSS- und JavaScript-Code-Editor, mit dem Sie sie zu jedem Abschnitt Ihrer Website hinzufügen können. Es ermöglicht Ihnen, Ihre Anpassungen auch nach einem größeren Update Ihres zu behalten Wordpress-Theme.

Sie haben die Möglichkeit, den Verwendungsbereich Ihres personalisierten Codes einzuschränken. Beispielsweise können Sie Ihren Code nur für einen Artikel im Videoformat verwenden. Oder Sie können Ihren Code auf ein bestimmtes Thema beschränken. Dies ist praktisch, wenn Sie häufig Themen für Ihr WordPress-Blog ändern.

Herunterladen | Demo | Web-Hosting

2. Ansprechende Google Maps

Ce WordPress Plugin fördert die Erstellung eines Systems aus mehreren Markierungen auf einer Karte und mehreren Karten pro Seite. Es umfasst die Vollbildansicht und die Gruppierung mehrerer Markierungen. Dazu ist kein API-Schlüssel erforderlich.

Die Installation von WordPress Plugin Responsive Google Maps ist einfach und leicht. Keine Notwendigkeit für lange komplexe Shortcodes. Ebenso ist es einfach, eine Karte zu erstellen und schnell einen Ort hinzuzufügen. Dazu müssen Sie nur einen Shortcode auf die Seite kopieren, auf der Sie die Karte anzeigen möchten, und fertig!

lesen So zeigen Sie den Standort eines Mitglieds Ihrer WP-Community auf einer Google Map an

Die anderen Funktionen sind: aresponsive arte, pmehrere Standorte auf derselben Karte, S.Mehrere Karten pro Seite, die Möglichkeit vonLaden Sie Ihre eigenen Marker herunter, eine Vollbildansicht, d Unterstützungverschiedene Arten von Karten (Straßenkarte, Satellit, Hybrid und Gelände), die zoom automatic, die Möglichkeit, die t anzupassengehen Sie von der Karte aus, et viel mehr ...

Empfohlene Ressourcen

Entdecke mehr Ressourcen Empfehlungen, die Ihnen weiterhelfen Übernehmen Sie besser die Kontrolle über Ihren visuellen Texteditor.  

• So installieren (fügen) Sie ein Plugin in WordPress hinzu
• Wie man Wordpress Sicherheit Wordfence installieren
• Was Sie von Gutenberg, dem neuen WordPress-Editor, erwarten können  
• Verwendung des Gutenberg-Editors für WordPress 5.0: Teil XNUMX 
• So fügen Sie dem visuellen Editor von WordPress Funktionen hinzu

Zusammenfassung

Hier ! Das war's für dieses Tutorial. Ich hoffe, Sie können damit die Einrückung Ihrer Artikel besser organisieren. fühlen sich frei Teilen Sie den Tipp mit Ihren Freunden in Ihren sozialen Netzwerken.

Wenn Sie Vorschläge oder Anmerkungen haben, sind diese willkommen. Wir laden Sie auch ein, unsere zu konsultieren Ressourcen, wenn Sie ein Anfänger Blogger sind.

...