Comment tronquer automatiquement les titres d'articles de blog dans WordPress

Lorsque nous avons lancé notre premier site WordPress riche en contenu, nous n'aurions jamais pensé que les titres des articles de blog poseraient problème. Certains de nos titres les plus longs brisaient notre belle mise en page, tandis que d'autres semblaient tout simplement désordonnés sur les appareils mobiles.

Au fil des années de gestion de plusieurs sites WordPress et d'aide aux propriétaires de sites Web, nous avons découvert que la troncature des titres d'articles permet d'assurer un aspect cohérent et raffiné qui retient l'attention de votre public.

Dans ce guide, nous partagerons des techniques efficaces pour raccourcir automatiquement vos titres d'articles de blog WordPress avec PHP, vous aidant ainsi à tout maintenir d'une apparence soignée.

Pourquoi tronquer les titres d'articles dans WordPress avec PHP ?

La troncature des titres d'articles dans WordPress avec PHP vous donne plus de contrôle sur la longueur de vos titres d'articles et sur la façon dont ils s'affichent sur votre site Web.

Par exemple, vous pourriez vouloir couper les titres d'articles longs sur votre page d'accueil afin qu'ils ne perturbent pas la conception de votre blog WordPress.

Cela permet également de garder votre blog visuellement agréable et facile à naviguer pour vos lecteurs.

Remarque : Si votre objectif est d'optimiser vos articles de blog pour le SEO en utilisant des titres plus courts, la troncature pourrait ne pas être nécessaire. Au lieu de cela, un plugin SEO WordPress peut simplifier la création de balises de titre SEO courtes et efficaces.

Nous recommandons All in One SEO (AIOSEO) car il vous permet de créer des titres SEO personnalisés pour les pages de résultats de recherche tout en conservant des titres de publication plus longs pour vos visiteurs sur votre site.

Pour plus de détails, consultez notre guide ultime sur comment configurer AIOSEO correctement.

Maintenant, explorons deux façons de tronquer les titres des articles WordPress sur votre site en utilisant PHP :

1. Méthode 1 : Tronquer les titres des articles WordPress avec une fonction WordPress
2. Méthode 2 : Tronquer les titres des articles WordPress avec PHP en modifiant les fichiers du thème WordPress

Méthode 1 : Tronquer les titres des articles WordPress avec une fonction WordPress

La façon la plus simple de tronquer les titres des articles WordPress dans WordPress est d'ajouter du code PHP à vos fichiers WordPress. Si vous ne l'avez jamais fait auparavant, consultez notre guide sur comment copier et coller du code dans WordPress.

De nombreux tutoriels vous diront d'ajouter du code directement dans le fichier functions.php de votre thème. Cependant, toute erreur pourrait causer des problèmes ou même casser votre site.

C'est pourquoi nous recommandons plutôt d'utiliser le plugin gratuit WPCode. C'est un outil pratique qui facilite l'ajout et la gestion de code personnalisé sur votre site WordPress, sans modifier directement les fichiers du thème.

Chez WPBeginner, nous utilisons ce plugin pour ajouter et gérer nos extraits de code personnalisés. Vous pouvez consulter notre critique complète de WPCode pour en savoir plus.

Tout d'abord, vous devez installer et activer le plugin gratuit WPCode. Si vous avez besoin d'aide pour cela, veuillez consulter notre guide étape par étape sur comment installer un plugin WordPress.

Après l'activation, sélectionnez Code Snippets » + Ajouter un extrait dans la barre latérale de votre administration. Ensuite, survolez l'option « Ajouter votre code personnalisé (nouvel extrait) » avec votre souris, puis cliquez sur le bouton « Ajouter un extrait personnalisé » qui apparaît.

Cela ouvrira une nouvelle page où vous pourrez saisir un titre pour l'extrait, puis ajouter le code.

Copiez et collez simplement le code suivant dans le volet Aperçu du code dans WPCode.

function max_title_length( $title ) {
$max = 35;
if( strlen( $title ) > $max ) {
return substr( $title, 0, $max ). " …";
} else {
return $title;
}
}

add_filter( 'the_title', 'max_title_length');

Voici à quoi cela devrait ressembler une fois que vous avez ajouté le code.

Ce code s'exécutera dans la boucle de vos articles WordPress et raccourcira les titres de vos articles de blog à 35 caractères. Pour modifier la longueur de votre titre, définissez simplement la variable $max sur la longueur de titre souhaitée.

Si vous avez besoin d'aide, consultez notre article sur comment ajouter du code personnalisé dans WordPress.

Ensuite, vous devez choisir « Extrait PHP » dans le menu déroulant Type de code.

Enfin, vous devrez activer le réglage Actif, puis enregistrer l'extrait en cliquant sur le bouton « Enregistrer l'extrait ».

Maintenant que l'extrait de code est actif, les titres de vos articles de blog seront raccourcis partout où ils apparaissent sur votre site WordPress.

Comme le montre la capture d'écran ci-dessous, le titre s'arrête à 35 caractères et est suivi de points de suspension « … » à la fin.

Méthode 2 : Tronquer les titres des articles WordPress avec PHP en modifiant les fichiers du thème WordPress

Une autre façon de tronquer les titres des articles WordPress est d'ajouter du code directement dans les fichiers de votre thème WordPress.

Cette méthode vous donne plus de contrôle sur l'endroit où vos titres sont raccourcis. Par exemple, vous pourriez vouloir couper les titres uniquement sur votre page d'accueil, mais afficher le titre complet sur le billet de blog.

Pour ce faire, vous devrez ajouter le code PHP directement dans les fichiers de votre thème WordPress où vous souhaitez tronquer les titres de vos articles de blog.

Par exemple, vous pouvez ajouter l'extrait de code ci-dessous à votre fichier index.php pour remplacer la balise the_title existante dans votre boucle d'articles WordPress afin de modifier la longueur du titre sur l'ensemble du site :

<a href="<?php the_permalink() ?>">
<?php
$thetitle = $post->post_title; /* or you can use get_the_title() */
$getlength = strlen($thetitle);
$thelength = 25;
echo substr($thetitle, 0, $thelength);
if ($getlength > $thelength) echo "...";
?>
</a>

Ce code définit la longueur du titre de l'article à 25 caractères. Si la longueur du titre est supérieure à 25 caractères, il tronquera le titre après 25 caractères et ajoutera des points de suspension « … » à la fin.

Pour modifier la longueur des caractères de votre site Web, changez simplement la variable $thelength par le nombre de caractères souhaité.

Une fois que vous avez ajouté le code et enregistré votre fichier, vous devez le téléverser dans le répertoire de votre thème sur votre compte d'hébergement WordPress.

Vous pouvez le faire en utilisant un client FTP ou l'outil de gestion de fichiers de votre panneau de contrôle d'hébergement WordPress. Si vous n'avez jamais utilisé FTP auparavant, consultez notre guide sur comment utiliser FTP pour téléverser des fichiers sur WordPress.

Une fois le code ajouté, les titres de vos articles seront tronqués au nombre de caractères que vous avez défini.

Nous espérons que cet article vous a aidé à apprendre comment tronquer les titres des articles WordPress avec PHP. Vous pourriez également vouloir consulter notre guide sur comment écrire un excellent article de blog et nos choix d'experts des meilleurs outils et plugins de marketing de contenu pour WordPress.

Si cet article vous a plu, abonnez-vous à notre chaîne YouTube pour des tutoriels vidéo WordPress. Vous pouvez également nous retrouver sur Twitter et Facebook.