Tout comme un peintre a besoin d’un pinceau, d’un forgeron son marteau et d’un charpentier sa scie, les WordPresseurs ont besoin de leur propre ensemble d’outils.
Bien que nous ayons à notre disposition de nombreux outils de développement WordPress différents, la plupart du travail se déroule dans un simple éditeur de texte.
Que vous soyez un développeur de plugin ou de thème complet ou « seulement” un utilisateur avancé, nous avons besoin d’éditeurs de code tout le temps: Configuration des fichiers de base, modification des styles, modification des fichiers de modèle, vous le nommez — une bonne partie de notre travail consiste à modifier des lignes de code.
Par conséquent, il est seulement bon et approprié que nous utilisions le meilleur outil à notre disposition, n’est-ce pas? Après tout, comme l’a dit Abraham Lincoln (prétendument): « Donnez-moi six heures pour abattre un arbre et je passerai les quatre premières à affûter la hache. »
(Je ne pensais pas pouvoir amener Lincoln dans une conversation sur WordPress, n’est-ce pas? Ni moi.)
Pour nous assurer que nous utilisons toujours les axes les plus nets, jetons un coup d’œil à certains des meilleurs éditeurs de code pour les développeurs et les utilisateurs de WordPress.
Que rechercher Dans un Éditeur de code Pour le développement WordPress
Avant de passer au logiciel réel, passons rapidement en revue pourquoi nous devrions utiliser un éditeur de code spécialisé en premier lieu.
Après tout, ne pouvez-vous pas modifier des fichiers WordPress avec n’importe quel type d’éditeur de texte, y compris celui fourni avec le système d’exploitation de votre ordinateur?
Bien que cela soit en fait vrai et que de tels programmes soient suffisants à la rigueur, un bon éditeur de code offre de nombreuses autres fonctionnalités en plus de la partie « édition”, toutes conçues pour vous faciliter la vie en tant que travailleur WordPress et vous faire gagner beaucoup de temps.
Dans ce qui suit, je vais passer en revue quelques caractéristiques et fonctions communes des programmes d’édition de code professionnels.
Selon vos besoins et préférences, ils peuvent constituer un facteur important dans votre décision pour ou contre l’un des éditeurs de code de cette liste. Par conséquent, vous devez vous assurer que vos fonctionnalités indispensables sont incluses en mode natif ou peuvent être ajoutées via une extension.
Prise en charge de la langue cible
Tout d’abord, il est important de s’assurer que l’éditeur de code de votre choix prend en charge le ou les langages de programmation avec lesquels vous envisagez de travailler.
Pour le développement web, il s’agit généralement de HTML, CSS, PHP et JavaScript. Cependant, vous pourriez également avoir besoin de langues supplémentaires.
Heureusement, la plupart des éditeurs d’aujourd’hui les supportent par défaut. Pourtant, cela ne fait pas de mal de vérifier.
Options de mise en évidence et de mise en page de la syntaxe
La possibilité de mettre en évidence automatiquement différents éléments de la syntaxe du code avec différentes couleurs est une fonctionnalité très utile pour les langages de programmation, de script et de balisage.
Il est beaucoup plus facile de comprendre et de lire le code, de repérer les erreurs de syntaxe (car les chaînes ne changeront pas de couleur à moins qu’elles ne soient complètes), et de voir où se termine une parenthèse et où commence la suivante.
De nombreux éditeurs de code offrent également des options de mise en page supplémentaires telles que le pliage de code et l’indentation automatique. Combinées, ces fonctionnalités améliorent considérablement la lisibilité du code.
La coloration syntaxique est disponible pour à peu près tous les langages de programmation aujourd’hui et il n’y a aucune excuse pour ne pas l’inclure dans un éditeur de code.
Fonction de recherche et de remplacement
En particulier lors de la construction de sites complexes, il arrive assez souvent que quelque chose doive être changé à l’échelle du site — peut-être l’une des couleurs principales ou une variable JavaScript importante.
Quoi qu’il en soit, vous êtes maintenant à la recherche et à la correction de chaque instance dans le code. Comme vous pouvez l’imaginer, cela devient particulièrement difficile si vous travaillez avec plusieurs fichiers, tels que plusieurs feuilles de style.
Lorsque cela se produit, il est très utile d’avoir une fonction de recherche et de remplacement puissante à portée de main qui peut le faire automatiquement. Cela vous fera économiser beaucoup de travail et des yeux tendus, croyez-moi.
Autocomplétion du code
Vous connaissez peut-être cette fonctionnalité depuis votre téléphone (avec des résultats souvent hilarants), le traitement de texte ou si vous avez déjà travaillé avec Firebug pour effectuer des modifications en direct sur le CSS de votre site.
Comme son nom l’indique, la saisie semi-automatique vous aide à écrire du code sans avoir à taper entièrement chaque instance. Au lieu de cela, lorsque vous commencez à taper, l’éditeur vous proposera un certain nombre d’alternatives adaptées à votre saisie.
Les langages de programmation sont prédestinés à ce genre de chose, car il n’y a qu’un nombre limité d’expressions qui auront un sens dans tous les cas et, comme vous pouvez l’imaginer, cela peut rendre le codage beaucoup plus rapide et plus facile.
Prise en charge FTP intégrée
Levez la main si cela ressemble à votre flux de travail pour l’édition de fichiers WordPress:
- Ouvrez Filezilla
- Connectez-vous à votre serveur
- Accédez à un fichier
- Téléchargez-le
- Trouvez le fichier sur votre ordinateur
- Ouvrez-le avec un éditeur de texte
- Effectuez des modifications
- Enregistrez le fichier
- Retournez à FileZilla
- Rechargez le fichier sur le serveur
Si c’est vous, ne vous inquiétez pas, vous n’êtes pas seul. Nous avons tous commencé avec ceci ou un processus alambiqué similaire.
Heureusement, il existe un moyen plus simple. De nombreux éditeurs de code ont maintenant des modules pour accéder aux serveurs FTP/ SFTP afin que vous puissiez ouvrir, éditer et déployer des fichiers directement depuis l’éditeur.
Contrôle de version
Le contrôle de version est un filet de sécurité. Lorsque vous modifiez vos fichiers et que les choses tournent mal (comme elles le feront inévitablement), le contrôle de version vous permet de revenir aux anciennes versions de votre travail et d’annuler les erreurs.
Surtout si vous travaillez sur des projets plus importants, le contrôle de version est indispensable.
Bien que vous puissiez utiliser Git (vous trouverez un tutoriel pour débutants ici) et d’autres moyens de contrôle de version indépendants de votre éditeur de code, beaucoup le proposent intégré ou en tant qu’extension.
Si vous faites plus que du codage occasionnel, cela pourrait être un facteur important pour votre décision.
Jusqu’à présent, tout va bien?
Passons aux prétendants au meilleur éditeur de code pour le développement WordPress.
Les Meilleurs Éditeurs de Code Pour Les Développeurs Et Les Utilisateurs De WordPress
Une mise en garde: Pour ce post, j’ai essayé de me concentrer sur des éditeurs de code purs et non sur des environnements de développement entiers. Donc, si vous ne trouvez pas votreE préféré dans la liste (comme PHPStorm, Eclipse, etc.), c’est exprès.
De plus, cette liste n’est en aucun cas complète et dans aucun ordre particulier. Le choix de l’éditeur de code qui vous convient dépend vraiment de vos préférences et de vos besoins personnels, par conséquent, je ne donnerai pas de verdict quant à celui qui est le meilleur.
Tout va bien? Alors on va craquer.
Light Table
Prix: Gratuit
Notre premier concurrent n’est pas seulement gratuit et open source (vous pouvez le trouver sur GitHub) mais aussi le résultat d’une campagne de crowdfunding Kickstarter avec plus de 300k backing en support.
Il fonctionne sur plusieurs plates-formes (Windows, Mac, Linux), arbore une interface lisse et très propre, et — grâce à ses nombreuses extensions disponibles — est hautement personnalisable.
L’une des caractéristiques les plus intéressantes est qu’elle fournit un retour instantané. Ouvrez une fenêtre de navigateur dans l’éditeur et vous pouvez voir immédiatement les effets des modifications de code. Le voici en action :
Fonctionnalités supplémentaires:
- Léger
- Recherche de fichiers flous
- Prise en charge de différentes intégrations
- Coloration syntaxique
- Débogage
UltraEdit
Prix: 79,95 $ / an
Si vous travaillez sous Windows, Mac OS ou Linux, UltraEdit vous soutient.
UltraEdit connaît HTML, PHP, JS, Perl, C / C++, Python et d’autres langages, des fonctionnalités sportives telles que la comparaison de fichiers, l’édition multi-onglets / multi-volets et plus encore, et même son propre client FTP.
Bien que relativement coûteux et avec des paiements annuels récurrents, vous avez la facilité d’esprit de travailler avec un produit haut de gamme en cours de développement.
Fonctionnalités supplémentaires:
- Coloration syntaxique
- SSH/telnet intégré
- Thèmes d’éditeur
- Tri de fichiers / données
RapidPHP
Prix: à partir de 35,95 $
RapidPHP est un éditeur de code pour Windows qui accorde une grande importance à la vitesse (d’où son nom, je suppose).
Bien que conçu pour la programmation PHP, il prend également en charge HTML, CSS, JS et d’autres langages de développement Web avec des fonctionnalités telles que la coloration syntaxique, la saisie semi-automatique, le formatage et le débogage.
Le programme se connecte également directement aux serveurs FTP, SFTP et FTPS et est livré avec des outils de gestion de fichiers et une intégration Git.
Bien qu’il s’agisse d’un produit haut de gamme, RapidPHP propose une version d’essai qui peut être utilisée 30 fois avant qu’on vous demande d’acheter une licence.
Fonctionnalités supplémentaires:
- Pliage de code
- Prêt pour HTML5 et CSS3
- Montre de compatibilité CSS
- Recherche et remplacement puissants
- Réutilisation facile des extraits de code
- Prise en charge du développement mobile
Chocolat
Prix: 49,00 $
Le programme au nom délicieux a des objectifs élevés: Être l’éditeur de texte parfait pour Max OS X pour chaque langage de programmation connu de l’homme (leurs mots ne sont pas les miens).
Il veut y parvenir en s’intégrant parfaitement à l’interface du système d’exploitation, en offrant la complétion de code pour JS, Python, HTML, etc., ainsi que la recherche et le remplacement à l’échelle du projet et la vérification des erreurs en direct.
Fonctionnalités supplémentaires:
- Pliage de code
- Édition fractionnée
- Sélecteur de couleur système
- Aperçu en direct pour HTML et Markdown
- Création de projets par glisser-déposer
Atom
Prix: Gratuit
p>
Atom est un ajout relativement nouveau dans le monde des éditeurs de code et a été créé par nul autre que GitHub.
Il fonctionne avec tous les principaux systèmes d’exploitation, est gratuit, open source et, comme il a été conçu pour les développeurs, il est hautement extensible et personnalisable.
L’éditeur est livré avec un module de base qui peut être étendu avec un nombre croissant de paquets créés par l’utilisateur. Avec les nombreux thèmes, cela vous permet de créer exactement l’outil dont vous avez besoin.
Fonctionnalités supplémentaires:
- Recherche floue
- Extraits de code
- Navigateur de système de fichiers
- Recherche et remplacement à l’échelle du projet
- Vues à plusieurs volets
- Pliage de code
Komodo Edit
Prix: Gratuit
Cet éditeur est une version gratuite et open source de l’E Komodo populaire. Il offre une prise en charge multilingue avec saisie semi-automatique, des outils de gestion de projet et un suivi des modifications.
Des options plus avancées comme le débogage et les tests unitaires sont cependant réservées à son grand frère.
Fonctionnalités supplémentaires:
- Visionneuse Markdown
- Sélections multiples
- Skins et icônes personnalisables
- Kopy.io intégration
CodeAnywhere
Prix: Gratuit (pour la version d’essai)
Celui-ci est une entrée assez intrigante. Au lieu d’une application téléchargeable, CodeAnywhere est un éditeur /E cloud (bien nommé).
Connectez-vous de n’importe où dans le monde, ouvrez des fichiers sur n’importe quel serveur FTP, Dropbox ou Google Drive, et obtenez votre code.
L’éditeur comprend également un outil de révision puissant pour une restauration facile qui vous permet de transférer des fichiers SSH directement sur un autre serveur.
De plus, son caractère cloud rend la collaboration ou la présentation de votre code à une autre personne aussi facile que l’envoi d’un lien et vous pouvez également l’utiliser sur des appareils mobiles iOS et Android.
La version de base de CodeAnywhere est gratuite, les licences commencent à 2 $/ mois.
Fonctionnalités supplémentaires:
- Piles de conteneurs personnalisées prédéfinies
- Connectez-vous avec Git, Bitbucket, Github
- Plus de 70 langues, y compris JS, PHP, HTML et plus
- Complétion du code
- Linting
- Prise en charge de tous les périphériques et navigateurs
- Mises en page, skins et plus hautement personnalisables
BBEdit
Prix: 49,99 $
Le BB dans le nom signifie Bare Bones, le créateur de l’éditeur. Il prend en charge de nombreuses langues, la recherche et le remplacement de plusieurs fichiers, la complétion automatique, le pliage de code et d’autres fonctionnalités.
Alors que BBEdit est livré avec une étiquette de prix, la même société fabrique également une alternative gratuite appelée TextWrangler pour Mac OS. C’est une version allégée du produit premium que vous pouvez faire tourner avant de vous engager dans son frère plus grand et plus capable.
Fonctionnalités supplémentaires:
- Recherche rapide
- Outils de gestion de projet
- Coloration syntaxique
- Pliage de code
- Prise en charge FTP/ SFTP
Vim
Prix: Free (Charityware)
Alors que leur site Web semble vraiment au début des années 90, l’éditeur Vim jouit d’une très bonne réputation parmi les développeurs Linux.
Il est open source et donne une toute nouvelle signification à la compatibilité multiplateforme — Vim fonctionnera même sous DOS ou sur un Amiga. (Demandez à vos parents si vous ne savez pas ce que cela signifie).
L’éditeur est également hautement configurable et peut être étendu avec des fonctionnalités si puissantes qu’il passe sur le territoire de l’E au lieu d’être un éditeur de code pur.
Cependant, Vim est livré avec une certaine courbe d’apprentissage et peut donc ne pas être un outil pour les débutants. En outre, bien que gratuit, vous pouvez choisir de payer pour cela, faisant ainsi un don à un projet caritatif en Ouganda.
Fonctionnalités supplémentaires:
- Interface utilisateur intégrée
- Coloration syntaxique pour plus de 200 langues
Espresso
Prix: 75 $
Ce concurrent contenant de la caféine est un outil de développement web pour la plate-forme Mac OS doté d’un code intégré outil d’édition appelé CSSEdit.
Il arbore une interface très agréable, prend en charge l’auto-complétion et le pliage de code, vous permet de glisser-déposer facilement des extraits de code et offre même un aperçu en direct.
Bien que ce ne soit pas le moins cher, vous pouvez le tester avec un essai de 15 jours avant de vous engager.
Fonctionnalités supplémentaires:
- Poussez les modifications directement vers le serveur
- Prise en charge de CSS3, HTML5 et d’autres langages
- Fonction de recherche et de remplacement puissante
TextMate
Prix: à partir de 56 $.00 (licence utilisateur unique)
L’éditeur éponyme « missing editor for Mac OS X » est un autre éditeur mono-plateforme, cependant, avec une approche fortement inspirée du système d’exploitation UNIX.
TextMate est simple mais riche en fonctionnalités avec la saisie semi-automatique, le retrait automatique, les blocs de code pliables, etc. Il offre également une fonction de recherche et de remplacement sophistiquée et facilite le travail avec plusieurs fichiers à la fois.
Fonctionnalités supplémentaires:
- Gestion facile du presse-papiers
- Macros enregistrables
- Prise en charge de plus de 50 langues
- Coloration syntaxique
- Prise en charge de XCode
Texte sublime
Prix: 70 $
Les fans du mode d’écriture sans distraction dans WordPress se réjouiront d’apprendre que Sublime Text est livré avec la même fonctionnalité. Coder dans la paix et la concentration, nous voilà.
Les autres caractéristiques qui font de ce programme l’un des éditeurs de code les plus populaires sont sa conception lisse, sa recherche puissante, sa fonction de remplissage automatique et de saisie semi-automatique ainsi que sa grande personnalisabilité.
Le fait que cela fonctionne sur tous les principaux systèmes d’exploitation ne fait probablement pas de mal non plus.
Fonctionnalités supplémentaires:
- Commutateur de projet instantané
- Édition fractionnée
- Sélections multiples
- API de plugin
Notepad++
Prix: Gratuit
Ce logiciel génial est l’une de mes armes personnelles de choix et je l’ai déjà mentionné à d’autres endroits. C’est un outil super pratique et gratuit pour apporter des modifications rapides à n’importe quel fichier WordPress.
Cependant, Notepad++ n’est pas seulement pour les débutants et le codage occasionnel, il est également utilisé par des développeurs de classe mondiale.
Les fonctionnalités incluent la coloration syntaxique pour PHP, JS, HTML, CSS et un certain nombre d’autres langages, la recherche et le remplacement ainsi que la complétion automatique.
En outre, Notepad++ peut être étendu via des plugins — par exemple, pour se connecter directement via FTP et bien plus encore. Le seul inconvénient est que cela ne fonctionne que sous Windows. Désolé, les utilisateurs d’Apple et de Linux.
Fonctionnalités supplémentaires:
- Prise en charge des environnements multilingues
- Pliage de syntaxe
- Interface d’onglet multi-documents
- Fonction de zoom
CoffeeCup
Prix: 69 $
I je me demande ce qu’il y a avec toutes les références de café dans le jeu de l’éditeur de code. C’est déjà le deuxième.
De toute façon, CoffeeCup est avant tout fait pour HTML/CSS et limité à ces deux langages plus PHP et Markdown. Gardez cela à l’esprit avant d’acheter. Il ne fonctionne également que sous Windows et Mac OS
Cependant, d’un autre côté, il est livré avec une auto-complétion de code puissante, une coloration syntaxique et une validation, est prêt pour le code sémantique et synchronise facilement les fichiers via FTP.
Vous pouvez utiliser la version d’essai gratuite pour savoir si elle contient tout ce que vous recherchez.
Fonctionnalités supplémentaires:
- Démarrage rapide
- Aperçu du site
Supports
Prix: Free
Brackets est un produit très intéressant non seulement parce qu’il est gratuit et open source. Avec Adobe comme fabricant, il a également un grand nom derrière lui.
Cet éditeur de code est clairement destiné aux personnes ayant une formation en design. L’une de ses fonctionnalités les plus intéressantes est la possibilité de transformer les mesures, les dimensions, les styles et autres éléments de conception des fichiers Photoshop directement en CSS.
En dehors de cela, il est également hautement personnalisable grâce à une bibliothèque croissante d’extensions et prend en charge tous les principaux systèmes d’exploitation.
Fonctionnalités supplémentaires:
- Léger
- Éditeurs en ligne
- Pliage de code
- Fonctionnalité du préprocesseur
- Aperçu en direct
Coda
Prix: 99 $
Coda est une autre entrée Mac uniquement et un très populaire. Une partie de la raison peut être son interface propre et bien organisée qui fournit tout ce dont vous avez besoin pour créer des sites Web sur un seul écran.
Il offre également les options de mise en page habituelles pour améliorer la lisibilité du code (surbrillance syntaxique, pliage de code et indentation) ainsi que l’auto-complétion à l’échelle du projet et la fermeture automatique des balises.
Ce qui est cool, c’est qu’il vous permet d’éditer des fichiers locaux et distants, et se connecte facilement à des sources et des serveurs externes. En plus de cela, il est également livré avec un compagnon iPad appelé Diet Coda (voir ce qu’ils ont fait là-bas?).
Fonctionnalités supplémentaires:
- Trouver et remplacer
- Débogage
- Gestion de fichiers
- Prise en charge de FTP/SFTP/ WebDAV / Amazon S3
ICEcoder
Prix: Gratuit
La dernière entrée de la liste est assez intéressante car elle fonctionne directement dans votre navigateur. Non seulement cela le rend utilisable sur n’importe quel système d’exploitation, mais vous pouvez également tirer parti nativement des technologies de navigateur telles que la tabulation.
Le programme prend en charge HTML5, CSS3, PHP, JS et au-delà, peut être utilisé en ligne ou localement, offre un support pour les boosters de type comme Emmet, a des astuces de code et des outils de comparaison de code ainsi que la gestion de base de données de type phpMyAdmin.
Fonctionnalités supplémentaires:
- Rechercher et remplacer
- Mise en évidence du code contextuel
- Plusieurs curseurs
- Thèmes
- Édition et gestion de fichiers locaux / distants
Quel Est Votre Éditeur de code Préféré?
Un éditeur de code complet est l’un des principaux outils pour toute personne impliquée dans le développement (ou simplement bricoler) de la plate-forme WordPress.
La possibilité de modifier les fichiers de base, les modèles, les feuilles de style, etc. est primordiale pour personnaliser les sites Web WordPress et personnaliser WordPress.
Alors que tout éditeur de texte le fera théoriquement, des programmes spécialisés peuvent sérieusement rationaliser le flux de travail.
Amélioration de la lisibilité et des options de mise en page, connexions FTP directes, recherche et remplacement, saisie semi-automatique et contrôle de version ne sont que quelques-unes des façons dont ces programmes facilitent le travail.
Décider lequel est le bon éditeur de code pour votre dépend en fin de compte de ce dont vous avez besoin et de ce que vous voulez.