ThemeLocal - Des conseils de blog qui fonctionnent comme par magieThemeLocal - Des conseils de blog qui fonctionnent comme par magieThemeLocal - Des conseils de blog qui fonctionnent comme par magie
  • Blogging
  • WordPress
  • Email Marketing
  • SEO
  • Réseaux sociaux
  • More
    • Tutoriels
    • Shopify
    • Avis
    • Conseils
    • Sécurité
    • Logiciels et services
    • Génération de trafic
    • Guide du débutant
    • Showcase
Search
  • Politique de confidentialité
  • Politique de cookies
  • Contactez nous
© 2022 Themelocal. Tous les droits sont réservés.
En lisant: Créer un code court de saut de ligne WordPress (br)
Partager
Notification Montre plus
Aa
ThemeLocal - Des conseils de blog qui fonctionnent comme par magieThemeLocal - Des conseils de blog qui fonctionnent comme par magie
Aa
  • Blogging
  • WordPress
  • Email Marketing
  • SEO
  • Réseaux sociaux
  • More
Search
  • Blogging
  • WordPress
  • Email Marketing
  • SEO
  • Réseaux sociaux
  • More
    • Tutoriels
    • Shopify
    • Avis
    • Conseils
    • Sécurité
    • Logiciels et services
    • Génération de trafic
    • Guide du débutant
    • Showcase
Suivez-nous
  • Politique de confidentialité
  • Politique de cookies
  • Contactez nous
© 2022 Themelocal. Tous les droits sont réservés.
ThemeLocal - Des conseils de blog qui fonctionnent comme par magie > Blog > Tutoriels > Créer un code court de saut de ligne WordPress (br)
Tutoriels

Créer un code court de saut de ligne WordPress (br)

Dernière mise à jour: novembre 17, 2021 2:26 am
ThemeLocal il y a 5 ans 5 minutes lecture minimale
Partager
5 minutes lecture minimale
Comment se classer plus haut dans les moteurs de recherche
Partager

Vous voulez ajouter un espacement supplémentaire à votre article de blog en utilisant un saut de ligne dans l’éditeur visuel WordPress ? Vous pouvez insérer une rupture en utilisant la balise
typique via l’éditeur de texte, cependant si vous en ajoutez plusieurs, elles sont supprimées. Parfois, vous avez besoin d’un peu d’espace, donc supprimer vos pauses ou les transformer en paragraphe ne suffira pas.

Contents
Le shortcode de saut de ligne pour WordPressAjoutez des sauts de ligne à vos messagesComment ajouter des sauts de ligne aux publications WordPress sans code courtLe moyen simple d’ajouter des sauts de ligne à WordPressAjouter de grands sauts de ligne avec CSS en ligneEmballer

Si vous êtes l’une des nombreuses personnes aux prises avec ce problème, ne vous inquiétez pas, car l’astuce de code quotidienne d’aujourd’hui vous permettra d’utiliser des sauts de ligne quand et combien de fois vous en avez envie.

Le shortcode de saut de ligne pour WordPress

Insérez simplement le code court suivant dans le fichier functions.php de votre thème enfant (si vous ne savez pas comment créer un thème enfant, consultez notre guide complet des thèmes enfants WordPress) :

/* ------- Line Break Shortcode --------*/
function line_break_shortcode() {
	return '<br />';
}
add_shortcode( 'br', 'line_break_shortcode' );

Ajoutez des sauts de ligne à vos messages

Avec le code ajouté à votre fichier functions.php maintenant, tout ce que vous avez à faire pour créer des sauts de ligne dans votre éditeur visuel est d’insérer le shortcode là où vous voulez un espace.

[br]

Exemple:

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.

Qui devrait s’afficher comme :

This is some text.
This is some more text after a line break.

This is even more text after adding two line breaks.

Comment ajouter des sauts de ligne aux publications WordPress sans code court

Si vous ne cherchiez pas un shortcode mais juste un moyen de faire des sauts de ligne, vous avez de la chance. Il existe d’autres options pour ajouter des sauts de ligne à votre site WordPress sans créer de shortcode personnalisé.

Le moyen simple d’ajouter des sauts de ligne à WordPress

Une option facile est de simplement maintenez le bouton Maj enfoncé et cliquez sur Entrée. Cela poussera votre texte à la ligne suivante pendant que vous tapez (au lieu de cliquer sur Entrée qui créerait simplement un nouveau paragraphe). Une solution simple et rapide !

Remarque : cela ne fonctionnera que pour une saut de ligne. L’ajout de deux ou plusieurs pauses entraînera simplement WordPress pour forcer votre texte dans un nouveau paragraphe. Donc, si vous souhaitez créer de grands écarts entre les contenus, utilisez la méthode du shortcode ou vous pouvez ajouter un peu de CSS.

Ajouter de grands sauts de ligne avec CSS en ligne

Si, pour une raison quelconque, vous voulez un écart énorme, vous pouvez entrer CSS directement dans votre message. Lors de la création de votre article, cliquez sur l’onglet « texte » dans le coin supérieur droit pour ouvrir le côté HTML de votre éditeur de publication.

Onglets WordPress Visual et Text Editor

Recherchez le paragraphe auquel vous souhaitez ajouter un espace en dessous et rajoutez les balises de paragraphe (le

au début, et

et à la fin). Ajoutez ensuite une marge inférieure à votre paragraphe en utilisant l’attribut style, comme ceci :

<p style="margin-bottom: 100px;">This is a paragraph I want to add a 100 pixel gap after.</p>

Si vous souhaitez ajouter de l’espace au-dessus, utilisez simplement la propriété margin-top à la place. Maintenant, si vous cliquez de nouveau sur le côté « visuel » de l’éditeur, vous devriez pouvoir voir un écart de la taille exacte en pixels que vous avez entrée.

Ajouter une marge avec CSS

Emballer

Espérons que ce tutoriel rapide a pu vous aider! Si vous avez des questions, n’hésitez pas à les laisser dans la section commentaires ci-dessous et nous ferons de notre mieux pour vous fournir une réponse utile.

Vous pourriez aussi aimer

Comment créer un album photo sur un iPhone et un iPad

macOS : partager un lien qui renvoie à une ligne spécifique sur une page Web

Changez votre iPhone en un code alphanumérique

iOS 26: Créer des sondages dans l’application Messages

Comment créer des dossiers de messagerie sur iPhone et iPad

MARQUÉ: code, court, créer, ligne, saut, WordPress
Partagez cet article
Facebook Twitter Pinterest Whatsapp Whatsapp
Partager
Qu-est-ce que tu penses?
Aimer0
Triste0
Heureux0
Somnolent0
Fâché0
Sans commentaires0
Clin d-œil0
Article précédent 1637112377 Meilleurs plugins de table pour WordPress pour organiser les donnees Meilleurs plugins de table pour WordPress pour organiser les données
Article suivant 1637112412 Guide ultime de balisage de schema WordPress Guide ultime de balisage de schéma WordPress
Laissez un commentaire

Laisser un commentaire Annuler la réponse

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *

Poste populaire

iOS 27 : accédez au nouvel écran de récupération iPhone
Comment
Comment partager des rappels sur iPhone avec vos amis et
Comment partager des rappels sur iPhone avec vos amis et votre famille
Comment
1784192434 Comment installer la version beta publique de macOS 27 Golden
Comment installer la version bêta publique de macOS 27 Golden Gate
Comment
1784152840 Comment deplacer une note dans un dossier dans lapplication Notes
Comment déplacer une note dans un dossier dans l’application Notes sur iPhone et iPad
Comment
Comment effectuer une extraction complete des donnees depuis ChatGPT
Comment effectuer une extraction complète des données depuis ChatGPT
Comment
1784012438 Comment installer la version beta publique diOS 27 sur votre
Comment installer la version bêta publique d’iOS 27 sur votre iPhone
Comment

También podría gustarte

Comment creer un album photo sur un iPhone et un
Comment

Comment créer un album photo sur un iPhone et un iPad

il y a 1 mois 4 minutes lecture minimale
1770658230 macOS partager un lien qui renvoie a une ligne specifique
Comment

macOS : partager un lien qui renvoie à une ligne spécifique sur une page Web

il y a 5 mois 3 minutes lecture minimale
Changez votre iPhone en un code alphanumerique
Comment

Changez votre iPhone en un code alphanumérique

il y a 8 mois 5 minutes lecture minimale
1757952747 iOS 26 Creer des sondages dans lapplication Messages
Comment

iOS 26: Créer des sondages dans l’application Messages

il y a 10 mois 2 minutes lecture minimale
Comment creer des dossiers de messagerie sur iPhone et iPad
Comment

Comment créer des dossiers de messagerie sur iPhone et iPad

il y a 1 an 1 minutes lecture minimale
1749058588 Comment creer un album photo sur votre iPhone et iPad
Comment

Comment créer un album photo sur votre iPhone et iPad

il y a 1 an 6 minutes lecture minimale
1748393309 Jai oublie mon code dacces iPhone Que faire et comment
Comment

J’ai oublié mon code d’accès iPhone! Que faire et comment le réparer

il y a 1 an 10 minutes lecture minimale
1747157783 Telechargez vos cartes et utilisez les hors ligne sur iPhone
Comment

Téléchargez vos cartes et utilisez-les hors ligne sur iPhone

il y a 1 an 4 minutes lecture minimale
Montre plus
ThemeLocal - Des conseils de blog qui fonctionnent comme par magieThemeLocal - Des conseils de blog qui fonctionnent comme par magie
Suivez-nous
© 2022 Themelocal. Tous les droits sont réservés.
  • Politique de confidentialité
  • Politique de cookies
  • Contactez nous
Welcome Back!

Sign in to your account

Mot de passe perdu?