Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
Coupe WPB
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

Comment ajouter un sous-titre pour les publications et les pages dans WordPress (étape par étape)

Note éditoriale : Nous percevons une commission sur les liens des partenaires sur WPBeginner. Les commissions n'affectent pas les opinions ou les évaluations de nos rédacteurs. En savoir plus sur Processus éditorial.

Vous souhaitez ajouter un sous-titre à vos publications et pages WordPress ?

Les sous-titres peuvent aider à attirer l’attention de l’internaute et l’inciter à lire le reste de votre contenu. Ils resteront ainsi plus longtemps sur votre site et vous obtiendrez plus de pages vues.

Dans cet article, nous allons vous afficher comment ajouter des sous-titres à vos publications et pages, étape par étape.

How to add subtitles for posts and pages in WordPress (step by step)

Pourquoi ajouter des sous-titres aux publications et aux pages dans WordPress ?

Les sous-titres, ou titres secondaires, vous permettent d’afficher plus d’informations sur vos publications de blog, ce qui encourage les internautes à en lire davantage.

De nombreux blogs populaires utilisent des sous-titres de cette manière, notamment Medium, Buzzfeed, Mashable, Brain Pickings, et bien d’autres.

Post subtitle example

Les sous-titres vous permettent d’expliquer votre titre et de dire aux lecteurs ce qu’ils obtiendront en lisant votre publication de blog WordPress.

Ils encourageront également les internautes à rester plus longtemps sur votre site et à lire plus de contenu, ce qui peut augmenter le nombre de pages vues et réduire le taux de rebond. Cela envoie des signaux positifs aux moteurs de recherche, de sorte que cela peut même améliorer votre référencement WordPress.

Ceci étant dit, nous allons vous afficher comment ajouter facilement des sous-titres à vos publications et pages WordPress.

Comment ajouter des sous-titres aux publications et pages de WordPress

La manière la plus simple d’ajouter des sous-titres à votre site WordPress est d’utiliser les titres secondaires.

Cette extension vous permet d’ajouter facilement des sous-titres à vos publications et à vos pages, puis de personnaliser l’apparence de ces sous-titres.

Final post subtitle example

La première chose à faire est d’installer et d’activer l’extension Secondary Titles. Pour plus de détails, consultez notre guide du débutant sur l’installation d’une extension WordPress.

Une fois activé, rendez-vous dans Réglages  » Titre secondaire, où vous pourrez définir les paramètres de l’extension.

The WordPress subtitle settings

L’option Titre secondaire permet d’afficher automatiquement le sous-titre de chaque page ou publication en le fusionnant avec le titre standard. Une autre option consiste à afficher le sous-titre uniquement pour des pages et des publications spécifiques.

Puisque c’est l’option la plus facile, commençons par afficher automatiquement un sous-titre pour toutes les pages et publications. Dans la section « Afficher automatiquement », il suffit de sélectionner « Activé ».

Vous pouvez ensuite modifier l’aspect du sous-titre. Par défaut, le titre secondaire affiche le titre principal et le sous-titre séparés par deux points, comme ceci :

Le titre secondaire:Le titre de la publication

Pour le modifier, il suffit de modifier le code HTML dans le champ « Format du titre ».

Par exemple, vous pouvez réduire la taille du sous-titre. Dans ce cas, vous pouvez utiliser des titres H1 pour le titre et un titre inférieur comme H2 ou H3 pour le sous-titre.

Vous pouvez également modifier sa couleur et retirer ou remplacer les deux points par tout autre symbole que vous souhaitez utiliser.

La « Prévisualisation » se met à jour automatiquement au fur et à mesure que vous apportez des modifications, ce qui vous permet d’essayer différents Réglages pour voir ce qui se présente le mieux sur votre blog WordPress.

Configuring the title format in the Secondary Title plugin

Ensuite, vous pouvez contrôler l’endroit où les sous-titres apparaissent dans la section « Règles d’affichage ».

Tout d’abord, nous allons sélectionner « On » dans la section « Only show in main post », car cela signifie que les sous-titres s’afficheront uniquement s’ils se trouvent dans la publication principale du blog.

Only show in main post on

Dans la section « Types de publication », vous pouvez choisir les types de publication dans lesquels vous souhaitez afficher les sous-titres.

Pour afficher les sous-titres à la fois sur les publications et sur les pages, il suffit de cocher les deux cases.

Select post types to display subtitles

Ensuite, vous pouvez choisir les catégories de publication dans lesquelles vous souhaitez permettre les sous-titres.

Dans la section  » Catégories « , il suffit de cocher ou décocher les différentes catégories de publication.

Check boxes for post category display

Voulez-vous afficher les sous-titres uniquement pour certaines publications ?

Ensuite, il suffit de taper leurs ID dans le champ  » ID de publication « . Pour savoir étape par étape comment trouver cette information, consultez notre guide sur la façon de trouver les ID dans WordPress.

Enter unique IDs for post or page

Dans le dernier champ « Réglages divers », vous permettez aux internautes de rechercher des publications à l’aide de leurs sous-titres en sélectionnant le bouton radio « Activé ».

En fonction de votre site, cela peut être un bon moyen d’améliorer la recherche sur WordPress.

Making your WordPress subtitles searchable

Enfin, vous pouvez modifier l’affichage du sous-titre à gauche ou à droite du titre principal à l’aide des Réglages de la « Position de la colonne ».

Lorsque vous êtes satisfait de la façon dont le sous-titre est configuré, il vous suffit de cliquer sur le bouton « Enregistrer les modifications ».

Miscellaneous settings box and save changes

Ceci fait, vous êtes prêt à créer votre premier sous-titre en ouvrant une publication ou une page.

Il vous suffit de saisir votre sous-titre dans la case « Titre secondaire » du menu de droite. Cliquez ensuite sur « Mettre à jour » ou « Publier » pour rendre vos modifications directes.

Add subtitle and save post

Désormais, les internautes verront le sous-titre lorsqu’ils consulteront votre publication.

Afficher manuellement les sous-titres sur les publications et les pages de WordPress

Vous pouvez également ajouter manuellement des sous-titres à vos publications et à vos pages. Cela vous permet de mieux contrôler l’endroit où vos sous-titres apparaissent sur les différentes publications et pages.

Pour ce faire, il vous suffit de vous rendre dans Réglages  » Titre secondaire. Sélectionnez ensuite l’option  » Inactif  » dans la section  » Afficher automatiquement « .

Turn off auto show subtitles

Ceci étant fait, vous pouvez afficher manuellement les titres secondaires dans votre thème WordPress en ajoutant du code aux fichiers de votre modèle de thème.

Une autre solution consiste à ajouter du code au fichier de votre thème WordPress. Si vous souhaitez faire cela, nous vous recommandons d’utiliser WPCode. Cette extension d’extrait de code permet d’ajouter facilement et en toute sécurité du code aux fichiers de votre site sans les ajuster directement.

Tout d’abord, vous devez installer l’extension sur votre site WordPress. Ensuite, allez dans  » Code Snippets «  +  » Add Snippet « .

Sur cette page, sélectionnez « Ajouter votre code personnalisé (nouvel extrait) » et cliquez sur le bouton « Utiliser l’extrait ».

Add a new custom snippet in WPCode

Ensuite, l’extension recommande d’ajouter l’extrait de code de marqueur de modèle suivant :

echo get_secondary_title();

Lorsque nous avons testé le code, le titre secondaire ne semblait pas aligné avec le contenu de la publication. Nous recommandons donc d’ajouter les identifiants div au code.

Voici à quoi il devrait ressembler :

echo '<div>';
echo get_secondary_title();
echo '</div>';

Si vous n’avez jamais ajouté de code auparavant, consultez notre guide du débutant pour coller des extraits de code du web dans WordPress.

Une fois que vous avez fait cela, vous pouvez nommer votre extrait de code. Il peut s’agir de quelque chose comme « Extrait de titre secondaire ».

Modifiez également le type de code en « extrait PHP » pour que le code fonctionne correctement.

Inserting the secondary title echo code in WPCode

Confirmez ensuite défilement vers le bas et laissez la méthode d’insertion sur « Auto Insert ».

En ce qui concerne l’Emplacement, vous pouvez passer à l’onglet  » Spécifique à la page  » et cliquer sur l’emplacement de votre choix. Nous avons choisi ‘Insérer avant le contenu’ pour que le titre secondaire apparaisse après le titre et avant le premier paragraphe de la publication.

Vous pouvez également vous référer à notre antisèche sur la hiérarchie des modèles WordPress pour décider du meilleur endroit où afficher le titre secondaire.

Une fois cela fait, il suffit d’activer le code et de cliquer sur « Enregistrer l’extrait » en haut.

Choosing Insert Before Content location in WPCode

Alternativement, vous pouvez utiliser des codes courts pour afficher le titre secondaire. Cela vous permettra d’afficher les titres secondaires uniquement sur des pages et des publications spécifiques.

Il s’agit du code court fourni par l’extension :

[secondary_title]

En savoir plus sur les codes courts, consultez notre guide sur l’ajout de codes courts dans WordPress.

Nous espérons que cet article vous a aidé à apprendre comment ajouter des sous-titres à vos publications et pages sur WordPress. Vous pouvez également consulter notre guide sur la façon d’obtenir un domaine d’e-mail gratuit et notre comparaison des meilleurs services téléphoniques professionnels pour les petites entreprises.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

Divulgation : Notre contenu est soutenu par les lecteurs. Cela signifie que si vous cliquez sur certains de nos liens, nous pouvons gagner une commission. Consultez comment WPBeginner est financé, pourquoi cela compte et comment vous pouvez nous soutenir. Voici notre processus éditorial.

Avatar

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

L'ultime WordPress Toolkit

Accédez GRATUITEMENT à notre boîte à outils - une collection de produits et de ressources liés à WordPress que tous les professionnels devraient avoir !

Reader Interactions

17 commentairesLaisser une réponse

  1. Syed Balkhi says

    Hey WPBeginner readers,
    Did you know you can win exciting prizes by commenting on WPBeginner?
    Every month, our top blog commenters will win HUGE rewards, including premium WordPress plugin licenses and cash prizes.
    You can get more details about the contest from here.
    Start sharing your thoughts below to stand a chance to win!

  2. Pixi Arnoso says

    The plug-in with elementor does not work well. When you use a post grid the second title appears spoiling the whole design. I haven’t managed to remove it from there yet. It’s a pity because the plug-in is very good.

    • WPBeginner Support says

      Thank you for sharing, for plugins interacting with other plugins, we would recommend reaching out to the authors to see if there is a possibility of them working together in the future.

      Administrateur

    • WPBeginner Support says

      If we’re understanding what you want correctly then you could use header blocks to add your subtitle in the article itself.

      Administrateur

    • Kavinthan says

      You can insert inline CSS in Title format input.
      If you using the manual method, you can add custom style or class like

  3. Sahriar Sykat says

    Any way to do it manually? I can use a custom metabox for this but I want it like this plugin, next to title. Not bottom of editor with other metaboxes

  4. Ellis Sutehall says

    It appears that the subtitle is inserted into the tag where the main title exists.

    This means that styling it can only be done with span tags and inline styles. This causes problems with things like sidebars that list recent posts.

    For example, I wanted the subtitle smaller and underneath the main title but font-size: 20px meant that it displayed this size in the sidebar too.

    Anyone else experienced this or know of a work around?

  5. Miss Amia says

    Do you have to pay to join « Wpbegginer » ? I see your referrers to hosting says, « wpbegginer users get such & such off »

  6. Kelly says

    Secondary Title is a great plugin! And your article was especially helpful re: for secondary title appearing below the primary title. Thanks very much.

  7. Amy Russell says

    If we have this plugin activated, but don’t need a secondary title can we just leave the secondary title line blank? Will it look different than just the basic title & post without the plugin?

Laisser une réponse

Merci d'avoir choisi de laisser un commentaire. Veuillez garder à l'esprit que tous les commentaires sont modérés selon notre politique de commentaires, et votre adresse e-mail ne sera PAS publiée. Veuillez NE PAS utiliser de mots-clés dans le champ du nom. Ayons une conversation personnelle et significative.