ThemeLocal - Blog-Tipps, die wie von Zauberhand funktionierenThemeLocal - Blog-Tipps, die wie von Zauberhand funktionierenThemeLocal - Blog-Tipps, die wie von Zauberhand funktionieren
  • Bloggen
  • WordPress
  • E-Mail Marketing
  • SEO
  • Soziale Netzwerke
  • Mehr
    • Tutorials
    • Shopify
    • Bewertungen
    • Tipps
    • Sicherheit
    • Software und Dienste
    • Verkehrserzeugung
    • Anfängerleitfaden
    • Showcase
Search
  • Nutzungsbedingungen
  • Datenschutzerklärung
  • Cookie-Richtlinie
  • Kontakt
© 2022 Themelocal. Alle Rechte vorbehalten.
Lektüre: Erstellen Sie einen WordPress-Zeilenumbruch (br)-Shortcode
Aktie
Benachrichtigung Zeig mehr
Aa
ThemeLocal - Blog-Tipps, die wie von Zauberhand funktionierenThemeLocal - Blog-Tipps, die wie von Zauberhand funktionieren
Aa
  • Bloggen
  • WordPress
  • E-Mail Marketing
  • SEO
  • Soziale Netzwerke
  • Mehr
Search
  • Bloggen
  • WordPress
  • E-Mail Marketing
  • SEO
  • Soziale Netzwerke
  • Mehr
    • Tutorials
    • Shopify
    • Bewertungen
    • Tipps
    • Sicherheit
    • Software und Dienste
    • Verkehrserzeugung
    • Anfängerleitfaden
    • Showcase
Folge uns
  • Nutzungsbedingungen
  • Datenschutzerklärung
  • Cookie-Richtlinie
  • Kontakt
© 2022 Themelocal. Alle Rechte vorbehalten.
ThemeLocal - Blog-Tipps, die wie von Zauberhand funktionieren > Blog > Tutorials > Erstellen Sie einen WordPress-Zeilenumbruch (br)-Shortcode
Tutorials

Erstellen Sie einen WordPress-Zeilenumbruch (br)-Shortcode

Zuletzt aktualisiert: November 17, 2021 3:18 pm
ThemeLocal vor 2 Jahren 4 Minuten Mindestlesezeit
Aktie
4 Minuten Mindestlesezeit
Aktie

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.

Contents
Der Zeilenumbruch-Shortcode für WordPressZeilenumbrüche zu Ihren Beiträgen hinzufügenWie man Zeilenumbrüche zu WordPress-Posts ohne Shortcode hinzufügtDer einfache Weg, Zeilenumbrüche zu WordPress hinzuzufügenFügen Sie große Zeilenumbrüche mit Inline-CSS hinzuEinpacken

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.

Registerkarten für den visuellen und Texteditor von WordPress

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.

Rand mit CSS hinzufügen

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.

Verwandter Beitrag

GoPro-Preissenkung: Holen Sie sich die Hero 9 für nur 199 £ bei Amazon

So überprüfen Sie die Anzahl der Batteriezyklen auf dem iPhone 15

So passen Sie die Aktionstaste des iPhone 15 Pro an

So verhindern Sie, dass der Akku Ihres iPhone 15 zu mehr als 80 % aufgeladen wird

Schützen Sie sofort Ihre digitale oder persönliche Sicherheit auf dem iPhone mit einem Notfall-Reset in Safety Check (iOS 17)

MARKIERTE: brShortcode, einen, erstellen, Sie, WordPressZeilenumbruch
ThemeLocal November 17, 2021 November 17, 2021
Teile diesen Artikel
Facebook Twitter Pinterest Whatsapp Whatsapp
Aktie
Was denkst du?
Liebe0
Traurig0
Glücklich0
Schläfrig0
Wütend0
kein Kommentar0
Zwinkern0
Vorheriger Artikel Aktualisieren Sie Ihren Online-Shop mit iThemes Exchange Addons
Nächster Artikel DreamPress WordPress-Hosting-Übersicht
Hinterlasse einen Kommentar

Schreibe einen Kommentar Antworten abbrechen

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert

Berühmter Post

Pixel 7a hat gerade die Konkurrenz mit seinem bisher günstigsten Angebot vernichtet
Angebote
iPhone 15 Pro vs. 15 Pro Max Kaufratgeber: 10 Unterschiede im Vergleich
Guides
Puh! Natürlich möchte Amazon eine Kartenansicht Ihres Zuhauses
Technische Bewertungen
Fügen Sie Ihr Sehrezept zur Gesundheits-App hinzu (iOS 17)
Wie man
So wechseln Sie zwischen Stummschaltung/Lautlos-Modus und Klingelmodus auf dem iPhone 15 Pro
Wie man
iOS 17: So sortieren Sie Ihre Lebensmittel in der Erinnerungs-App
Wie man

También podría gustarte

Angebote

GoPro-Preissenkung: Holen Sie sich die Hero 9 für nur 199 £ bei Amazon

vor 19 Minuten 2 Minuten Mindestlesezeit
Wie man

So überprüfen Sie die Anzahl der Batteriezyklen auf dem iPhone 15

vor 43 Minuten 2 Minuten Mindestlesezeit
Wie man

So passen Sie die Aktionstaste des iPhone 15 Pro an

vor 11 Stunden 3 Minuten Mindestlesezeit
Wie man

So verhindern Sie, dass der Akku Ihres iPhone 15 zu mehr als 80 % aufgeladen wird

vor 12 Stunden 1 Minuten Mindestlesezeit
Wie man

Schützen Sie sofort Ihre digitale oder persönliche Sicherheit auf dem iPhone mit einem Notfall-Reset in Safety Check (iOS 17)

vor 13 Stunden 6 Minuten Mindestlesezeit
Wie man

iPhone 15 Pro: So legen Sie eine Standardbrennweite für die Kamera fest

vor 21 Stunden 2 Minuten Mindestlesezeit
Wie man

So wechseln Sie zwischen Stummschaltung/Lautlos-Modus und Klingelmodus auf dem iPhone 15 Pro

vor 1 Tag 3 Minuten Mindestlesezeit
Wie man

So speichern Sie Live-Fotos als Video in iOS 17

vor 2 Tagen 2 Minuten Mindestlesezeit
Zeig mehr
ThemeLocal - Blog-Tipps, die wie von Zauberhand funktionierenThemeLocal - Blog-Tipps, die wie von Zauberhand funktionieren
Folge uns
© 2022 Themelocal. Alle Rechte vorbehalten.
  • Nutzungsbedingungen
  • Datenschutzerklärung
  • Cookie-Richtlinie
  • Kontakt
Welcome Back!

Sign in to your account

Passwort vergessen?