Tutoriels WordPress de confiance, quand vous en avez le plus besoin.
Guide du débutant pour WordPress
WPB Cup
25 millions+
Sites web utilisant nos plugins
16+
Années d'expérience WordPress
3000+
Tutoriels WordPress par des experts

Comment ajouter un lien d'édition d'article aux articles et pages WordPress

Modifier votre contenu WordPress est beaucoup plus rapide lorsque vous pouvez le faire directement depuis votre site web. En ajoutant un simple lien d'édition à vos articles et pages, vous pouvez apporter ces modifications rapidement sans avoir à passer par le tableau de bord WordPress.

Cette petite modification peut améliorer considérablement votre flux de travail. C'est une technique que nous utilisons chez WPBeginner pour gagner un temps précieux, permettant à nos rédacteurs de modifier et de mettre à jour instantanément leurs articles depuis le front-end du site.

Dans cet article, nous vous montrerons comment ajouter un lien d'édition d'article à vos pages et articles WordPress, étape par étape.

Comment ajouter un lien d'édition d'article aux articles et pages WordPress

Pourquoi ajouter un lien d'édition d'article aux articles et pages WordPress ?

L'ajout d'un lien « Modifier l'article » aux articles et pages WordPress vous permet d'apporter des modifications rapides et faciles à votre contenu.

Au lieu de rechercher vos articles et pages dans votre tableau de bord WordPress, vous pouvez simplement cliquer sur le lien « Modifier l'article » sur le front-end de votre site web.

Cela ouvrira directement l'écran d'édition de l'article ou de la page.

exemple de lien d'édition d'article sur le front-end d'un article de blog WordPress

Remarque : Le lien d'édition d'article ne sera visible que pour les utilisateurs connectés et disposant du rôle et des permissions d'utilisateur appropriés.

De nombreux thèmes WordPress disposent de cette fonctionnalité, mais elle est parfois supprimée par les développeurs. Si votre thème ne possède pas cette fonctionnalité, vous voudrez l'ajouter manuellement.

Comment ajouter un lien d'édition d'article aux articles et pages WordPress

Pour ajouter un lien d'édition d'article à WordPress, vous devrez ajouter du code à vos fichiers WordPress.

Nous vous montrerons deux méthodes différentes pour ajouter le code à votre site :

La première méthode est très simple et vous n’avez pas besoin d’avoir d’expérience en codage. Cependant, elle ne fonctionne pas avec tous les thèmes et vous n’aurez pas le contrôle sur l’emplacement exact du lien.

La deuxième méthode est plus technique et vous devrez avoir quelques connaissances en PHP pour savoir où placer le code. Cependant, elle vous donnera le contrôle sur l’emplacement exact du lien de modification.

Cela dit, nous allons vous montrer comment ajouter un lien « Modifier l’article » aux articles et pages WordPress.

Méthode 1 : Ajouter un lien « Modifier l’article » dans WordPress avec WPCode (Recommandé)

Pour cette méthode, vous devrez ajouter un extrait de code en modifiant le fichier functions.php de votre thème ou en utilisant un plugin d’extraits de code.

Vous pouvez consulter notre guide sur comment coller des extraits du web dans WordPress pour des instructions plus détaillées.

Pour ce tutoriel, nous utiliserons le plugin WPCode au lieu de modifier le fichier functions.php.

WPCode

Nous recommandons toujours d’utiliser WPCode car il est gratuit, facile à utiliser et ne cassera pas votre site web en cas de problème.

Pour commencer, vous devrez installer et activer le plugin gratuit WPCode. Vous pouvez consulter notre guide sur comment installer un plugin WordPress pour des instructions détaillées.

Remarque : La version gratuite de WPCode contient tout ce dont vous avez besoin pour ajouter du code personnalisé à WordPress. Cependant, si vous souhaitez des fonctionnalités plus avancées comme des snippets planifiés, des pixels de conversion, et plus encore, vous pouvez passer à WPCode Pro.

Une fois le plugin activé, un nouvel élément de menu intitulé « Snippets de code » sera ajouté à votre barre d’administration WordPress. Lorsque vous cliquerez dessus, il vous affichera une liste de tous les snippets de code personnalisés que vous avez enregistrés sur votre site. Comme vous venez d’installer le plugin, votre liste sera vide.

Cliquez sur le bouton « Ajouter nouveau » pour ajouter votre extrait de code.

Cliquez sur le bouton Ajouter un nouveau pour ajouter votre premier extrait de code personnalisé dans WPCode

Cela vous mènera à la page Ajouter un extrait. À partir d'ici, vous pouvez choisir un extrait de code dans la bibliothèque intégrée ou ajouter votre propre code personnalisé.

Dans ce cas, allez à l'option « Ajouter votre code personnalisé (nouvel extrait) » et cliquez sur le bouton « + Ajouter un extrait personnalisé » en dessous.

Cliquez sur le bouton Ajouter un extrait personnalisé

Ensuite, sélectionnez « Extrait PHP » comme type de code dans la liste des options qui apparaissent à l'écran.

Sélectionner un extrait PHP comme type de code

Ensuite, vous devrez ajouter un nom pour votre extrait en haut de la page (nous avons appelé le nôtre « Ajouter un lien d'édition aux articles uniques »).

Ensuite, copiez et collez le code suivant dans la boîte « Aperçu du code » :

add_action('loop_start', function () {
  if (!is_singular() || !is_main_query()) {
      return;
  }
  edit_post_link(__('{Edit}'));
}, 99);

Cet extrait de code ajoutera le lien d'édition aux articles et aux pages uniques.

Ajout d'un lien d'édition via WPCode

Maintenant, si vous faites défiler jusqu'à la section Insertion, assurez-vous que la méthode d'insertion est « Insertion automatique » et que l'emplacement est « Exécuter partout ».

Après cela, basculez simplement le commutateur de « Inactif » à « Actif » et cliquez sur le bouton « Enregistrer l'extrait » en haut de la page.

Enregistrement d'un nouveau snippet dans WPCode

Maintenant, lorsque vous affichez un article de blog, vous devriez voir un lien « Modifier » en haut.

Voici à quoi ressemble le nôtre :

lien d'édition ajouté à un article unique

Nous utilisons le thème Astra sur notre site de test, et voici où apparaît notre lien d'édition. Il peut être différent sur votre site en fonction de votre thème WordPress.

Méthode 2 : Ajouter un lien « Modifier l’article » en modifiant manuellement les fichiers de votre thème

Vous pouvez modifier les fichiers de thème individuels directement ou créer un thème enfant pour remplacer ces fichiers de thème.

Nous recommandons de créer un thème enfant, afin de ne pas perdre les modifications que vous avez apportées lors de la mise à jour de votre thème. Pour plus de détails, consultez notre guide pour débutants sur comment créer un thème enfant WordPress.

Que vous modifiiez directement les fichiers de thème ou que vous créiez un thème enfant, vous devez copier-coller le code suivant et l'ajouter au single.php, post.php, index.php, ou à d'autres fichiers de modèle de contenu de votre thème.

<?php edit_post_link(__('{Edit}')); ?>

Ce code ajoute simplement un lien de modification de publication à vos articles et pages WordPress. Vous pouvez changer le texte '{Modifier}' par ce que vous voulez que le lien dise.

Pour la plupart des thèmes, vous voudrez ajouter ce code à l'intérieur de la boucle de publication, juste après les métadonnées de la publication.

Par exemple, voici à quoi ressemblerait le code à la fin des métadonnées d'une publication de thème.

By <?php the_author_posts_link(); ?> on <?php the_time('F jS, Y'); ?>  in <?php the_category(', '); ?> <?php edit_post_link(__('{Edit}'), ''); ?>

Vous pouvez également ajouter ce code à n'importe quelle partie de votre thème où vous souhaitez que le lien de modification de publication s'affiche. Par exemple, vous pouvez l'ajouter en bas du contenu de votre publication.

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

Pour ce faire, vous pouvez utiliser un client FTP, ou l'option de gestionnaire de fichiers dans le panneau de contrôle de votre hébergement WordPress.

Si vous n'avez jamais utilisé FTP auparavant, vous voudrez peut-être consulter notre guide sur comment utiliser FTP pour télécharger des fichiers sur WordPress.

Maintenant, lorsque vous êtes connecté à WordPress et que vous visualisez un article ou une page sur le front-end, vous pouvez simplement cliquer sur le lien 'Modifier', et vous serez redirigé vers l'écran d'édition de l'article.

Exemple de lien d'édition d'article WordPress

Nous espérons que cet article vous a aidé à apprendre comment ajouter un bouton de modification rapide aux articles et commentaires WordPress. Vous voudrez peut-être aussi consulter notre guide sur comment réorganiser facilement les articles dans WordPress et nos sélections d'experts des meilleurs plugins d'articles populaires 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.

Avis : Notre contenu est financé par nos lecteurs. Cela signifie que si vous cliquez sur certains de nos liens, nous pouvons percevoir une commission. Voir comment WPBeginner est financé, pourquoi c'est important et comment vous pouvez nous soutenir. Voici notre processus éditorial.

La boîte à outils WordPress ultime

Accédez GRATUITEMENT à notre boîte à outils - une collection de produits et de ressources liés à WordPress que tout professionnel devrait posséder !

Interactions des lecteurs

16 CommentsLeave a Reply

  1. C'est une excellente astuce pour gagner du temps ! L'option d'ajouter un bouton d'édition rapide semble très pratique. Pour ceux d'entre nous qui ne sommes pas codeurs, y a-t-il une recommandation de plugin qui obtient le même résultat que la méthode du code personnalisé ?

    • Nous n'avons pas de recommandation spécifique pour le moment, mais si nous en trouvons une que nous recommandons, nous ne manquerons pas de la partager !

      Admin

  2. J'ai utilisé la méthode 1, mais le lien Modifier s'affiche trois fois de suite comme « ModifierModifierModifier »

    • C'est assez étrange, votre thème incluait-il déjà un lien Modifier en haut de la page pour une possibilité ?

      Admin

  3. Bonjour, merci de partager ceci. Une question : est-il possible que le bouton d'édition sur l'article mène à un formulaire d'édition depuis le frontend ? Je veux qu'un utilisateur qui génère l'article puisse le mettre à jour en utilisant ce bouton sur l'article, via le formulaire, et non dans le tableau de bord WordPress.

    • Pas pour le moment. Si nous trouvons un plugin avec cette fonctionnalité que nous recommandons, nous ne manquerons pas de le partager !

      Admin

  4. Merci, cela fonctionne pour les articles mais pas pour les pages. Mon thème est Blocksy. Comment l'activer pour les pages ?

  5. Merci, cela m'a vraiment aidé à gagner du temps. Après avoir utilisé un nouveau thème sur l'un de mes sites, j'ai manqué cette fonctionnalité qui existe sur les thèmes d'autres sites, je l'ai rapidement ajoutée.

  6. L'idée d'ajouter l'édition rapide aux articles est excellente, mais puis-je l'ajouter aussi aux liens ? J'ai un grand nombre de liens qui doivent être reclassés et l'édition rapide serait d'une grande aide.

  7. Je sais que c'est un vieil article, mais je voulais vraiment vous remercier pour cela. Vos instructions étaient simples à suivre (et à comprendre) et ont parfaitement résolu mon problème ! =)

Laisser un commentaire

Merci d'avoir choisi de laisser un commentaire. N'oubliez pas que tous les commentaires sont modérés conformément à 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.