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 remplacer le thème par défaut et les éditeurs/éditrices de plugins dans WordPress

De nombreux utilisateurs de WordPress commencent par utiliser les éditeurs de thèmes et d’extensions par défaut. Bien que ceux-ci offrent un niveau de fonctionnalité de base, ils peuvent sembler restrictifs pour ceux qui recherchent des options de personnalisation plus avancées.

Passer à un éditeur de code plus robuste vous permettra de bénéficier de nouvelles fonctionnalités telles que le contrôle d’accès, la création de thèmes enfants et le téléchargement de fichiers.

Chez WPBeginner, notre équipe a recherché et testé différents outils pour trouver celui qui peut remplacer efficacement l’éditeur par défaut. Nous avons concentré nos efforts sur la recherche d’un outil gratuit qui puisse être utilisé par les blogueurs et les petites entreprises.

Dans cet article, nous allons vous afficher comment remplacer facilement l’éditeur par défaut des thèmes et des plugins sur WordPress.

Replacing the default theme and plugin editor in WordPress

Pourquoi remplacer l’éditeur par défaut du thème et des plugins dans WordPress ?

L’éditeur de thème par défaut du tableau de bord du site WordPress vous permet d’apporter des modifications directes au code des fichiers de votre thème.

De même, l’éditeur de plugins vous permet de modifier le code des extensions installées sur votre site.

Default theme editor preview

Ces éditeurs WordPress intégrés ont des interfaces d’éditeur de texte qui manquent de fonctionnalités avancées telles que le contrôle d’accès, le téléchargement/upload de fichiers et la création de thèmes enfants. Cela vous fait perdre du temps pour ajouter et maintenir le code personnalisé.

De plus, si une personne non autorisée accède à la zone d’administration de votre WordPress, elle peut facilement accéder aux éditeurs/éditrices par défaut pour modifier les fichiers de votre thème et de vos extensions. Cela peut leur permettre d’installer des logiciels malveillants sur votre site.

En remplaçant ces éditeurs par un plugin, vous pouvez facilement personnaliser vos thèmes et plugins WordPress depuis le tableau de bord en ajoutant ou en supprimant des extraits de code, en personnalisant les couleurs, en modifiant divers fichiers de modèles, les styles CSS, et bien plus encore.

Cela vous permettra d’apporter des modifications rapides à votre thème ou à votre extension sans avoir à accéder aux fichiers de votre site via FTP.

Vous pouvez également créer des thèmes enfants, contrôler l’accès à l’éditeur pour rendre votre site plus sûr, et même téléverser des fichiers dans vos extensions et thèmes depuis votre ordinateur.

Ceci étant dit, voyons comment remplacer facilement l’éditeur par défaut des thèmes et des plugins sur WordPress. Vous pouvez utiliser les liens rapides ci-dessous pour passer aux différentes parties de notre tutoriel :

Comment remplacer les éditeurs par défaut de thèmes/éditrices de plugins dans WordPress

Tout d’abord, vous devez installer et activer l’extension éditeurs/éditrices de thèmes. Pour des instructions détaillées, vous pouvez consulter notre guide du débutant sur l’installation d’un plugin WordPress.

Note : Avant d’apporter des modifications à votre thème ou à vos fichiers d’extension, Veuillez vous assurer de créer une sauvegarde complète de votre site WordPress. Cela vous sera utile si quelque chose se passe mal et que vous devez restaurer WordPress à partir d’une sauvegarde.

Une fois activé, rendez-vous sur la page  » Réglages  » de l’éditeur de thème dans la colonne latérale de l’administrateur WordPress.

Une fois que vous y êtes, cochez la case « Oui » pour l’option « Activer l’éditeur de code pour le thème ».

Ensuite, si vous souhaitez désactiver l’éditeur par défaut du thème WordPress, vous devez cocher la case  » Oui  » à côté de l’option  » Désactiver l’éditeur de fichiers du thème WordPress ? « .

Configure theme editor settings

Une fois cette étape franchie, il vous suffit de passer à l’onglet « éditeurs/éditrices d’extensions » en haut de la page.

Ici, vous devez cocher la case « Oui » à côté de l’option « Activer l’éditeur de code pour les extensions ».

Vous pouvez également désactiver l’éditeur par défaut en choisissant l’option « Oui » pour le réglage « Désactiver l’éditeur de fichiers du plugin WordPress ? ».

Configure plugin editor settings

Passez ensuite à l’onglet « éditeurs/éditrices de code » en haut de la page.

À partir de là, vous pouvez choisir un thème pour l’éditeur/éditrices de code dans le menu déroulant. Cela permettra d’afficher le code de votre thème et de vos extensions dans des arrière-plans et des couleurs de police différents.

Une fois que vous avez terminé, n’oubliez pas de cliquer sur le bouton « Enregistrer les modifications » pour stocker vos réglages.

Choose a code editor theme

Modification des éditeurs/éditrices de thèmes à l’aide de l’éditeur de thèmes

Maintenant, vous devez vous rendre sur la page Theme Editor  » Theme Code Editor à partir du tableau de bord WordPress.

À partir d’ici, vous devez sélectionner le thème que vous souhaitez modifier à partir du menu déroulant dans le coin droit de l’écran. Ensuite, vous devez choisir le fichier de thème où vous voulez ajouter le code à partir de la colonne latérale à droite.

Après cela, vous pouvez facilement ajouter, retirer ou modifier le code de vos fichiers de thème à partir de l’éditeur de thème sur votre écran.

Choose theme to edit

Une fois que vous avez terminé, n’oubliez pas de cliquer sur le bouton « Mettre à jour le fichier » pour stocker vos Réglages.

Vous pouvez également télécharger le fichier que vous venez de modifier en cliquant sur le bouton « Télécharger le fichier ». Si vous souhaitez télécharger l’ensemble du thème, vous pouvez cliquer sur le bouton « Télécharger le thème ».

Save theme files

Modifier vos extensions à l’aide de l’éditeur de plugins

Si vous souhaitez plutôt ajouter du code aux fichiers de votre extension, vous devez vous rendre sur la page Editeur de thème  » Editeur de code de l’extension dans la colonne latérale de l’administration de WordPress.

Une fois sur place, choisissez une extension à modifier dans le menu déroulant situé dans le coin droit de l’écran.

Ensuite, vous pouvez sélectionner un fichier de plugin à modifier dans la colonne latérale de droite, puis le modifier à l’aide de l’éditeur de code du plugin.

Edit plugin files

Une fois que vous êtes satisfait de vos modifications, cliquez sur le bouton « Mettre à jour le fichier » pour stocker vos Réglages.

Vous pouvez même télécharger le fichier que vous venez de modifier en cliquant sur le bouton « Télécharger le fichier ».

Si vous souhaitez télécharger l’extension avec toutes les modifications que vous avez apportées, vous pouvez cliquer sur le bouton « Télécharger l’extension ».

Download plugin files

Configuration du contrôle d’accès avec l’extension éditeurs/éditrices de thèmes

Le plugin Theme Editor vous permet même de contrôler l’accès à vos éditeurs/éditrices de thèmes et de plugins dans WordPress. Cependant, cette fonctionnalité est uniquement disponible dans la version pro de l’extension.

Ainsi, seuls les utilisateurs/utilisatrices que vous aurez approuvés pourront modifier les thèmes et les extensions de votre site.

En utilisant le contrôle d’accès, vous rendez votre site plus sûr et permettez uniquement aux utilisateurs/utilisatrices de confiance d’apporter des modifications à vos fichiers, réduisant ainsi le risque de logiciels malveillants.

Tout d’abord, vous devez vous rendre sur la page de l’éditeur de thème  » Contrôle d’accès depuis le tableau de bord WordPress.

Control the access to theme and plugin editor

A partir de là, il vous suffit de cocher les options dans les colonnes auxquelles vous souhaitez que les rôles des utilisateurs/utilisatrices WordPress aient accès.

Par exemple, si vous souhaitez que l’éditeur ait la possibilité de mettre à jour les fichiers du thème, vous devez cocher cette case dans la ligne « éditeur ».

Une fois que vous avez terminé, il vous suffit de cliquer sur le bouton « Enregistrer les modifications » pour stocker vos réglages.

Création d’un thème enfant avec l’éditeur de thèmes

Si vous souhaitez créer un thème enfant pour personnaliser vos thèmes WordPress, vous pouvez vous rendre sur la page Editeur de thème  » Thème enfant dans la colonne latérale de l’administration de WordPress.

Une fois que vous y êtes, vous devrez d’abord choisir un thème parent dans le menu déroulant au milieu, puis cliquer sur le bouton  » Analyser « .

Choose a parent theme

Une fois que c’est fait, donnez un nom à votre nouveau répertoire de thème et sélectionnez l’endroit où enregistrer la feuille de style de votre thème enfant.

Après cela, vous pouvez même fournir un nom, une description, un auteur/autrice et une version pour le thème enfant que vous créez.

Une fois que vous avez terminé, il vous suffit de cliquer sur le bouton « Créer un nouveau thème enfant ».

Configure child theme settings

Maintenant que c’est fait, vous pouvez modifier le sélecteur, les polices web, le CSS personnalisé, le style enfant et les fichiers de thème à partir de la barre de menu en haut de la page.

Les modifications apportées seront automatiquement enregistrées dans votre thème enfant.

Child theme created

Bonus : Utilisez WPCode pour ajouter du code personnalisé à votre site

Ajouter du code à votre site web à l’aide d’extensions ou d’éditeurs de fichiers de thèmes est toujours un peu risqué car la moindre erreur de WordPress peut casser votre site et le rendre inaccessible.

C’est pourquoi nous vous recommandons d’utiliser WPCode pour ajouter du code personnalisé à votre site. C’est la meilleure extension d’extraits de code WordPress sur le marché.

Tout d’abord, vous devez installer et activer l’extension WPCode. Pour des instructions détaillées, vous pouvez consulter notre tutoriel sur l ‘installation d’une extension WordPress.

Note: WPCode dispose également d’une offre gratuite que vous pouvez utiliser pour ajouter du code à votre site. Cependant, passer à l’offre premium vous donnera accès à la bibliothèque d’extraits dans le cloud, à la logique conditionnelle, à l’option d’extraits CSS, et plus encore.

Une fois activé, rendez-vous sur la page  » + Ajouter un extrait de code  » de la colonne latérale de l’administrateur WordPress.

À partir de là, vous pouvez utiliser la bibliothèque d’extraits WPCode pour ajouter des extraits de code prédéfinis à votre site WordPress.

Toutefois, si vous souhaitez ajouter un code personnalisé, vous pouvez également le faire en cliquant sur le bouton « Utiliser un extrait » sous l’option « Ajouter votre code personnalisé (nouvel extrait) ».

Add new snippet

La page « Créer un extrait personnalisé » s’ouvre et vous pouvez commencer par ajouter un titre à votre extrait de code.

Ensuite, sélectionnez un type de code dans le menu déroulant situé dans le coin droit de l’écran. Par exemple, pour ajouter un code HTML, il suffit de sélectionner l’option « Extrait de code HTML ».

Ensuite, il vous suffit d’ajouter votre code personnalisé dans la case « Prévisualisation du code ».

Choose HTML snippet option

Une fois cela fait, défilez vers le bas jusqu’à la section « Insertion » et choisissez le mode « Insertion automatique ».

Votre code personnalisé sera automatiquement activé sur votre site.

Choose an insertion method

Enfin, défilez vers le haut et permutez le commutateur « Inactif » sur « Actif ».

Ensuite, cliquez sur le bouton « Enregistrer l’extrait » pour enregistrer et exécuter le code personnalisé sur votre site.

Save HTML snippet

Pour plus de détails, vous pouvez consulter notre guide étape par étape sur la façon d’ajouter du code personnalisé dans WordPress.

Nous espérons que cet article vous a aidé à apprendre comment remplacer facilement l’éditeur de thème et de plugin par défaut dans WordPress. Vous pouvez également consulter notre guide du débutant sur la façon de mettre à jour WordPress en toute sécurité et notre tutoriel sur la façon de modifier la hauteur et la largeur des blocs dans WordPress.

Si vous avez aimé cet article, veuillez alors vous abonner à notre chaîne YouTube pour obtenir des tutoriels vidéo sur WordPress. Vous pouvez également nous trouver sur Twitter et 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

8 commentairesLaisser une réponse

  1. Jiří Vaněk

    Thanks for the tips. I’ve left editors enabled on some websites, but for most of them, I have this option disabled for security reasons. It comes in handy where it’s allowed when a person needs to edit code (usually on a website where FTP access isn’t available). For hosting without FTP access, this makes perfect sense.

    • WPBeginner Support

      You’re welcome, glad we could recommend a helpful solution :)

      Administrateur

  2. Chanakya Sahu

    Awesome. And you actually gave us two bonuses, Creating a child theme guide over here is the bonus as well.

    • WPBeginner Support

      Glad you found our content helpful and happy to hear you found extra value for creating a child theme :)

      Administrateur

  3. Sai Varun KN

    Does using WP Editor effect the backend performance?

    • WPBeginner Support

      Yes, on the client side your browser will not be as responsive as it should be. However, it does not affect your site’s performance for other users.

      Administrateur

  4. Bryan Petty

    CodeMirror editor is nice, and the WP Editor plugin is helpful, but I thought I’d just add that if anyone is looking for something based on the Ajax.org Cloud Editor instead, or just wants a plugin that does this for the plugin/theme editors only and doesn’t clutter the admin with more option pages, then definitely check out Better File Editor instead:

    http://wordpress.org/plugins/better-file-editor/

  5. Ayush Agrawal

    Definitely the post I was looking for. Thanks.

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.