ThemeLocal - 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
Neuesten Nachrichten
Ton und Bild: Mich stört eine weitere Spotify-HiFi-Verzögerung nicht so sehr
Technische Bewertungen
Gewinner und Verlierer: Das Steam Deck wird zum ersten Mal verkauft, da Microsoft sein KI-Ethikteam fallen lässt
Technische Bewertungen
Strg+Alt+Entf: Laptops sollten mehr Wert auf Personalisierung legen
Technische Bewertungen
Die 8 besten Tools zur Optimierung von Online-Inhalten für WordPress (2023)
Showcase
Schnellladung: Der Snapdragon 7 Plus Gen 2 ist in der Lage, aber werden alle Telefone ihn verwenden?
Technische Bewertungen
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 1 Jahr 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

Apple MacBook Pro mit M2 Pro erhält einen verlockenden Rabatt

Die 2023 Apple Watch Series 9: Was Sie diesen Herbst von Apple erwarten können

So ersetzen Sie die Joystick-Kappen am DualSense Edge

So erhalten Sie ChatGPT auf Ihrer Apple Watch

So laden Sie einen Film in eine Instax Mini-Kamera

MARKIERTE: brShortcode, einen, erstellen, Sie, WordPressZeilenumbruch
ThemeLocal 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

So verbergen Sie Ihren Online-Status auf WhatsApp
Wie man
Ton und Bild: Mich stört eine weitere Spotify-HiFi-Verzögerung nicht so sehr
Technische Bewertungen
Bewertung: Aura Digital Frames bieten eine einfache Möglichkeit, Ihre iPhone-Fotos anzuzeigen
Technische Bewertungen
So schützen Sie Ihren WooCommerce-Shop vor Betrug
Sicherheit
So wählen Sie eine Standardsuchmaschine in Safari aus und wechseln die Suchmaschine im Handumdrehen
Wie man
Wann wird Apple iOS 16.4 veröffentlichen?
Guides

También podría gustarte

Angebote

Apple MacBook Pro mit M2 Pro erhält einen verlockenden Rabatt

vor 2 Tagen 3 Minuten Mindestlesezeit
Guides

Die 2023 Apple Watch Series 9: Was Sie diesen Herbst von Apple erwarten können

vor 2 Tagen 5 Minuten Mindestlesezeit
Wie man

So ersetzen Sie die Joystick-Kappen am DualSense Edge

vor 2 Tagen 3 Minuten Mindestlesezeit
Wie man

So erhalten Sie ChatGPT auf Ihrer Apple Watch

vor 3 Tagen 2 Minuten Mindestlesezeit
Wie man

So laden Sie einen Film in eine Instax Mini-Kamera

vor 3 Tagen 2 Minuten Mindestlesezeit
Wie man

So fügen Sie AirPods hinzu, um mein iPhone einfach zu finden (2023)

vor 3 Tagen 5 Minuten Mindestlesezeit
Wie man

So fügen Sie Live-Fotos Looping- und Bouncing-Effekte hinzu

vor 3 Tagen 2 Minuten Mindestlesezeit
Wie man

App Store funktioniert nicht? So beheben Sie häufige Probleme im App Store (2023)

vor 3 Tagen 10 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

Removed from reading list

Rückgängig machen
Welcome Back!

Sign in to your account

Passwort vergessen?