Möchten Sie mit einem Zeilenumbruch im visuellen Editor von WordPress etwas mehr Abstand zu Ihrem Blog-Beitrag haben? Sie können eine Unterbrechung mit dem typischen
-Tag über den Texteditor einfügen, aber wenn Sie mehr als eine hinzufügen, werden sie entfernt. Manchmal brauchen Sie ein wenig Platz, daher reicht es nicht aus, Ihre Pausen zu entfernen oder in einen Absatz umzuwandeln.
Wenn Sie einer von vielen sind, die mit diesem Problem zu kämpfen haben, machen Sie sich keine Sorgen, denn der heutige Code-Trick ermöglicht es Ihnen, Zeilenumbrüche zu verwenden, wann und wie oft Sie Lust dazu haben.
Der Zeilenumbruch-Shortcode für WordPress
Fügen Sie einfach den folgenden Shortcode-Code in Ihre Child-Theme-Funktionen.php-Datei ein (wenn Sie nicht sicher sind, wie Sie ein Child-Theme erstellen, lesen Sie unseren vollständigen WordPress-Child-Theme-Leitfaden):
/* ------- Line Break Shortcode --------*/
function line_break_shortcode() {
return '<br />';
}
add_shortcode( 'br', 'line_break_shortcode' );
Zeilenumbrüche zu Ihren Beiträgen hinzufügen
Nachdem der Code zu Ihrer Datei functions.php hinzugefügt wurde, müssen Sie jetzt nur noch den Shortcode einfügen, um Zeilenumbrüche in Ihrem visuellen Editor zu erstellen, wo immer Sie ein Leerzeichen haben möchten.
[br]
Beispiel:
This is some text. [br] This is some more text after a line break. [br][br] This is even more text after adding two line breaks.
Welche sollte angezeigt werden als:
This is some text. This is some more text after a line break. This is even more text after adding two line breaks.
Wie man Zeilenumbrüche zu WordPress-Posts ohne Shortcode hinzufügt
Wenn Sie nicht nach einem Shortcode, sondern nur nach einem Weg zum Zeilenumbruch suchen, haben Sie Glück. Es gibt andere Optionen zum Hinzufügen von Zeilenumbrüchen zu Ihrer WordPress-Site, ohne einen benutzerdefinierten Shortcode zu erstellen.
Der einfache Weg, Zeilenumbrüche zu WordPress hinzuzufügen
Eine einfache Option ist, einfach halte die Umschalttaste gedrückt und klicke auf Enter. Dadurch wird Ihr Text während der Eingabe in die nächste Zeile verschoben (im Gegensatz zum Klicken auf die Eingabetaste, der nur einen neuen Absatz erstellen würde). Eine schnelle und einfache Lösung!
Hinweis: Dies funktioniert nur für einer Zeilenumbruch. Das Hinzufügen von zwei oder mehr Umbrüchen führt einfach dazu, dass WordPress Ihren Text in einen neuen Absatz zwingt. Wenn Sie also große Lücken zwischen Inhalten erstellen möchten, verwenden Sie die Shortcode-Methode oder fügen Sie ein wenig CSS hinzu.
Fügen Sie große Zeilenumbrüche mit Inline-CSS hinzu
Wenn Sie aus irgendeinem Grund eine große Lücke haben möchten, können Sie CSS direkt in Ihren Beitrag eingeben. Wenn Sie Ihren Beitrag erstellen, klicken Sie oben rechts auf den Tab „Text“, um die HTML-Seite Ihres Beitragseditors zu öffnen.
Suchen Sie den Absatz, unter dem Sie eine Lücke einfügen möchten, und fügen Sie die Absatz-Tags (das
am Anfang und
am Ende) wieder hinzu. Fügen Sie dann Ihrem Absatz mit dem style-Attribut einen unteren Rand hinzu:
<p style="margin-bottom: 100px;">This is a paragraph I want to add a 100 pixel gap after.</p>
Wenn Sie oben Platz hinzufügen möchten, verwenden Sie stattdessen einfach die Eigenschaft margin-top. Wenn Sie nun zurück auf die „visuelle“ Seite des Editors klicken, sollten Sie eine Lücke mit der genauen Pixelgröße sehen können, die Sie eingegeben haben.
Einpacken
Hoffentlich konnte dieses kurze Tutorial helfen! Wenn Sie Fragen haben, können Sie diese gerne im Kommentarbereich unten hinterlassen und wir werden unser Bestes tun, um Ihnen eine hilfreiche Antwort zu geben.