Nov
4

Sauts de ligne WordPress

Comme vous avez pû le remarquer WordPress remplace les sauts de ligne par des paragraphes vides ce qui empêche de passer plusieurs lignes d’un coup. C’est parfois gênant, par exemple lorsque l’on a un paragraphe qui commence au beau milieu d’une image. Sauter plusieurs lignes permet alors de faire passer le paragraphe en dessous de cette image.

Retour à la ligne

Extension wordpress

Pour ce faire,  utilisons le plugin Simple breaks disponible dans les extensions de WordPress.

Comme d’habitude, pour l’installer rendez vous dans Extensions puis Ajouter et installez cette extension puis activer là.

Comment ça marche ?

Ce plugin permet d’ajouter des shortcodes (commandes spécifiques entre crochets) que WordPress n’interprètera pas comme du HTML et donc ne les supprimera pas.

Certains de ces shortcodes acceptent des attributs qui s’écriront alors de la façon suivante :

[fonction attribut=valeur]

Une fois le plugin installé de nouvelles icônes apparaissent dans l’éditeur WYSIWYG des articles.

Nouvelles icônes du plugin Simple breaks

Description des icônes

  • HR (horizontal rule) sert à afficher un trait (attributs possibles : id et class)
  • BR (break) sert à faire un saut de ligne (attributs possibles : id, size, class, color)
  • SP (space) sert à forcer l’affichage d’un espace (attributs possibles : id, size, class)
  • CL (clear left) empêche le contenu précédent de se positionner à gauche. Celui-ci sera repoussé vers le bas (attributs possibles : id, class and span)
  • CR (clear right) empêche le contenu précédent de se positionner à droite. Celui-ci sera repoussé vers le bas (attributs possibles : id, class and span)
  • CB (clear both) empêche le contenu de positionner à gauche comme à droite. Celui-ci sera repoussé vers le bas (attributs possibles : id, class and span)

Cliquer sur l’un des boutons ajoute juste le shortcode correspondant à l’endroit de votre curseur dans l’article.

Vous pouvez très bien taper le code vous même sans utiliser les boutons.

D’ailleurs ceux-ci peuvent être supprimés de l’éditeur WYSIWYG si vous avez trop de boutons par exemple en allant dans Réglages > Simple breaks. Les shortcodes continueront quand même à fonctionner.

Ce plugin est donc extrêmement simple à utiliser, même pour un débutant en blogging.

Pour aller plus loin

Il existe des plugins permettant d’aller plus loin c’est à dire qu’en rajoutant des tags ou des balises ils permettent d’empêcher WordPress de remplacer du code HTML. Ils ne sont donc pas limités aux espaces, lignes et saut de lignes par contre il n’ont pas de boutons donc il faut taper le code à la main.

Les plugins suivants remplissent cette fonction :

  • Raw HTML
  • WP-no-format

 

 

Articles similaires :

  • Pas d'articles similaires

11 Comments to “Sauts de ligne WordPress”

  • GeekPress from WordPress 4 novembre 2012 à 20 h 15 min

    Il y a plus simple. Pour faire plusieurs sauts de ligne, il suffit de faire ctrl+entrer quand on passe à la ligne. Cela crée une balise br au lieu d’une balise p ^^
    GeekPress@WordPress Articles récents..Les Post Formats : subdiviser les articles en plusieurs typesMy Profile

  • agrumeprod 4 novembre 2012 à 21 h 06 min

    Ah vi tiens, j’ai raté un train moi :D
    Ca crée un nbsp dans un paragraphe en fait.

    Bon, pas grave, le reste peut servir :)

  • Pascal 22 novembre 2012 à 9 h 26 min

    C’est effectivement un problème que j’ai rencontré.

    Je n’arrivais pas à mettre un espace suffisant entre la fin d’un chapitre et un sous titre.

    La solution que j’ai trouvé est d’aller dans l’ HTML de l’article et d’insérer à la main : &nbsp

    C’est du bricolage, non ?
    Pascal Articles récents..Le plancher poutrelles hourdis pour les nulsMy Profile

    • GeekPress from Développeur WordPress 22 novembre 2012 à 10 h 03 min

      Comme je l’ai précisé plus haut ctrl+enter permet de faire un saut de ligne avec une balise br. Alors plutôt que de « bidouiller » avec des espaces vides qui n’ont pas de sens sémantiquement, je vous conseille soit de faire un enchainement de ctrl+enter ou mieux : utiliser du CSS ;)

  • Arnaud 22 novembre 2012 à 10 h 07 min

    Par contre sur Mac ça ne marche ni avec Ctrl-Enter ni avec Pomme-Enter.

  • GeekPress from Formateur WordPress 22 novembre 2012 à 10 h 25 min

    Sur mac il faut faire Shift+enter :)

  • Alvilda from Incomabord 29 novembre 2012 à 13 h 22 min

    Merci pour l’article. Je débute sous WordPress pour essayer me créer un blog perso et je regarde avec attention votre article qui va m’aider dans le futur.

    De plus, c’est vraiment bien pour les néophytes car il faut un plugin et c’est pas du code pur.

    Au plaisir de vous lire.

  • Arnaud 29 novembre 2012 à 16 h 00 min

    Salut.

    Comme indiqué par Geekpress dans les commentaire, normalement tu peux le faire avec des CTRL-Enter.
    Donc n’installe le plugin que si ça ne marche pas.

  • insanity workout 10 avril 2013 à 4 h 17 min

    http://rw6.ru/user/FligillMoli/ [url=http://insanityworouttt.webs.com]insanity workout[/url]

  • Paul Mumu 22 janvier 2014 à 16 h 19 min

    Merci beaucoup pour cette information. J’en prendrais compte pour mes collègues.
    Paul Mumu Articles récents..Bons plans Rakabulle : UBER, votre chauffeur privéMy Profile