Comment ajouter un séparateur de ligne horizontale dans WordPress (5 méthodes)


Voulez-vous ajouter une ligne horizontale sur votre article ou votre page dans WordPress?

Les séparateurs de lignes horizontales sont un excellent moyen de diviser les longs messages en sections plus petites, de mettre en évidence des annonces ou des promotions spéciales et de séparer clairement les différentes parties d’une page.

Dans cet article, nous allons vous montrer comment ajouter facilement un séparateur de lignes horizontales dans WordPress.

Comment ajouter une ligne horizontale dans WordPress

Comme il s’agit d’un guide complet sur la façon d’ajouter un séparateur de lignes horizontales dans WordPress, vous pouvez trouver utile d’utiliser notre table des matières:

Ajouter une ligne horizontale dans l’éditeur de blocs WordPress

Pour ajouter une ligne horizontale à l’aide de l’éditeur de blocs WordPress, cliquez sur l’icône (+) pour ajouter un nouveau bloc où vous voulez que la ligne soit.

Ajout d'un nouveau bloc où vous voulez que votre ligne horizontale

Ensuite, sélectionnez le bloc Séparateur dans la section Éléments de présentation ou recherchez-le à l’aide de la barre de recherche.

Recherchez et ajoutez le bloc Séparateur

Une fois ajouté, vous verrez votre séparateur de lignes horizontales dans votre zone de contenu.

Styliser la ligne horizontale dans l’éditeur de blocs WordPress

Par défaut, le séparateur horizontal est une ligne gris pâle traversant le centre de votre publication ou page.

Vous pouvez changer son apparence en cliquant sur la ligne pour sélectionner son bloc. Ensuite, le panneau d’édition « Bloquer » s’ouvrira sur le côté droit de votre écran.

Cliquez sur le bloc Séparateur pour le sélectionner et modifier les paramètres

Pour changer le style de votre ligne, cliquez simplement sur la petite flèche à côté de Styles. Ensuite, vous verrez les différentes options.

Vous pouvez remplacer la ligne horizontale par l’une de celles-ci, si vous le souhaitez:

  • Une ligne large qui couvre toute la largeur du contenu de votre message.
  • Trois points qui s’affichent au centre de votre message.

Les différents styles disponibles pour le bloc Séparateur

Remarque: Dans certains thèmes WordPress, la ligne large et la ligne par défaut couvriront toute la largeur de votre message.

Vous pouvez également modifier la couleur de votre ligne horizontale sous les paramètres de couleur. Cliquez simplement sur l’une des options affichées ou utilisez le lien « Couleur personnalisée » pour choisir n’importe quelle couleur.

Changer la couleur de la ligne horizontale

Si vous souhaitez revenir à la couleur grise par défaut, cliquez simplement sur le bouton « Effacer » sous les options de couleur.

Ici, notre ligne horizontale est bleue et utilise le style «large».

Une ligne horizontale qui a été modifiée pour être large et bleue

Ajouter une ligne horizontale dans l’éditeur WordPress Classic

Si vous utilisez toujours l’éditeur classique, vous pouvez ajouter des lignes horizontales de base. Pour ce faire, modifiez simplement une publication ou une page existante ou créez-en une nouvelle.

Si vous ne voyez qu’une seule rangée de boutons dans la barre d’outils au-dessus de l’éditeur de publication, cliquez sur l’icône Basculer la barre d’outils à droite:

Cliquez sur le bouton Basculer de la barre d'outils pour voir la deuxième rangée d'icônes

Cela ouvrira la deuxième rangée de boutons, qui comprend l’option de ligne horizontale.

Maintenant, allez-y et mettez un saut de ligne entre les paragraphes où vous voulez que la ligne horizontale aille. Vous pouvez ensuite cliquer sur le bouton Ligne horizontale. C’est le deuxième à partir de la gauche sur la deuxième rangée:

Le bouton de ligne horizontale dans l'éditeur WordPress classique

Votre ligne horizontale sera gris clair. Il couvrira toute la largeur de votre message comme ceci:

Une règle horizontale créée à l'aide de l'éditeur classique

Ajout manuel d’un séparateur de ligne horizontale à l’aide de HTML

Dans certains cas rares, vous devrez peut-être ajouter manuellement un séparateur de ligne horizontale dans votre contenu WordPress.

Si oui, vous pouvez simplement le faire en utilisant la balise HTML hr dans votre contenu:


Cela ajoutera le séparateur de ligne horizontale dans le contenu de votre message.

Autres séparateurs que vous pouvez utiliser dans vos publications et pages

L’éditeur de blocs WordPress par défaut vous permet d’ajouter plusieurs types de séparateurs à vos publications et pages.

Outre le séparateur de lignes horizontales, les autres options de l’ensemble de blocs Éléments de mise en page incluent l’espaceur, le lien Plus et les blocs Saut de page.

Le bloc d’espacement

L’espaceur vous permet d’ajouter un espace blanc entre les blocs. Par exemple, si vous voulez un léger écart à la fin de votre message avant une offre spéciale, vous pouvez utiliser le Spacer.

Vous pouvez personnaliser la hauteur de l’entretoise. Voici à quoi cela ressemble lorsque vous créez votre article dans l’éditeur de blocs:

Le bloc Spacer dans l'éditeur de blocs

Et voici comment l’espaceur apparaît sur votre site:

Comment le bloc d'espacement apparaît dans une page ou un article

The More Block

Si votre thème affiche des articles complets (plutôt que des extraits) sur votre page de blog principale, l’ajout d’un lien « Plus » interrompra votre article à ce stade. Le visiteur peut cliquer pour en savoir plus.

Voici à quoi cela ressemble lorsque vous créez votre message:

Le bloc Plus dans l'éditeur de publication

Et voici comment le lien Plus apparaît sur votre site:

Le bloc Read More dans un article sur le site

Vous pouvez en savoir plus sur les extraits, dans notre guide sur la façon de personnaliser facilement des extraits dans WordPress.

Le bloc de saut de page

Le saut de page vous permet de diviser les longs articles de blog en plusieurs pages. Vous ne pouvez en aucun cas le personnaliser. Voici à quoi cela ressemble lorsque vous créez votre message:

Le bloc de saut de page affiché dans l'éditeur de blocs

Et voici comment le saut de page apparaît sur votre site:

Le saut de page tel qu'il apparaît sur un site

N’importe lequel de ces éléments pourrait être une bonne alternative à l’ajout d’une ligne horizontale dans WordPress, selon ce que vous visez.

Ajouter un saut de page dans les formulaires WordPress à l’aide de WPForms

Et si vous voulez mettre une pause non pas dans un article ou une page, mais dans un formulaire de contact WordPress? Vous pouvez faire cela aussi. Nous allons utiliser WPForms pour cela.

Tout d’abord, vous devrez télécharger, installer et activer le Plugin WPForms. Si vous ne savez pas comment, consultez simplement notre guide étape par étape sur la façon d’installer un plugin WordPress.

Ensuite, allez à WPForms »Ajouter un nouveau dans votre tableau de bord WordPress.

Création d'un nouveau formulaire à l'aide de WPForms

Saisissez un nom pour votre formulaire, puis choisissez un modèle. Nous allons utiliser le modèle « Formulaire de demande de devis » pour le nôtre. Passez le curseur de votre souris sur le modèle et cliquez sur le bouton pour créer votre formulaire.

Création d'un formulaire de devis dans WPForms

Ensuite, faites défiler l’onglet Ajouter des champs sur le côté gauche jusqu’à la section Champs fantaisie. Faites glisser et déposez le saut de page où vous le souhaitez sur le formulaire. Nous le mettons juste avant la zone de demande.

Ajout d'un saut de page dans WPForms

Vous verrez que le formulaire est maintenant divisé en deux parties. WPForms a également ajouté automatiquement un bouton «Suivant».

Vous pouvez modifier le libellé «Suivant» si vous le souhaitez et vous pouvez ajouter un bouton «Précédent» pour accéder à la deuxième page du formulaire. Cliquez simplement sur le champ de saut de page pour le modifier.

Modification du champ de saut de page dans WPForms

Enregistrez votre formulaire une fois que vous avez terminé, en cliquant sur le bouton Enregistrer en haut à droite.

Vous pouvez maintenant ajouter le formulaire à votre site Web. Tout d’abord, vous devrez créer une nouvelle publication ou page, ou en modifier une existante.

Cliquez sur (+) pour ajouter un nouveau bloc à votre publication ou page et recherchez le bloc WPForms. Vous pouvez utiliser la barre de recherche ou regarder dans la section Widgets. Ajoutez le bloc à votre page.

Ajout du bloc WPForms à votre page ou publication

Maintenant, sélectionnez votre formulaire dans la liste déroulante.

Choisissez votre formulaire dans la liste déroulante

Une fois que vous avez terminé, vous pouvez publier la publication ou la page et voir à quoi ressemble votre formulaire sur votre site Web.

Le formulaire avec un saut de page sur le site

Nous espérons que ce didacticiel vous a aidé à apprendre à ajouter des séparateurs de lignes horizontales dans WordPress. Si vous souhaitez ajouter plus d’éléments de conception et de mise en page à vos publications et pages, consultez notre article sur les meilleurs constructeurs de pages WordPress par glisser-déposer.

Si vous avez aimé cet article, alors abonnez-vous à notre Chaîne Youtube pour les didacticiels vidéo WordPress. Vous pouvez également nous trouver sur Twitter et Facebook.

Le post Comment ajouter un séparateur de ligne horizontale dans WordPress (5 méthodes) est apparu en premier sur WPBeginner.



Partagez cet article

Newsletter

Inscrivez-vous à notre newsletter pour profiter de toutes nos astuces !

Laissez une réponse

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