Quand on commence à créer des sites régulièrement, on se rend vite compte que pas mal d’outils sont nécessaires pour que tout soit parfait.
Un plugin pour ceci, un service en ligne pour cela, un machin pour autre chose…
Comme pour un plombier, les créateurs de sites WordPress ont besoin d’une caisse à outils pour faire du bon travail.
Cela faisait un bout de temps que je souhaitais vous partager un article avec un maximum d’outils et ressources mais je vous avoue que l’ampleur de la tâche m’impressionnait…
En effet, je ne voulais pas publier une liste ridicule de 15 ou 20 outils. Il fallait que cela soit costaud. Comme tout ce qu’on retrouve sur WPMarmite, quoi !
Alors je me suis retroussé les manches, j’ai mobilisé mon équipe et on s’y est attaqué.
Après un dur labeur, vous trouverez le résultat ci-dessous !
Info : Si vous souhaitez que WPMarmite vous aide à faire votre veille et à découvrir de nouveaux plugins/outils, abonnez-vous à WPMarmite News.
Sur ce, je vous laisse parcourir les outils présentés dans cet article, j’espère que vous ferez de belles découvertes. 🙂
Catégorie
Prix
Recommandation
Outils de développement web
Brackets
Brackets est un éditeur de code gratuit essentiellement axé sur le front-end, c’est-à-dire le HTML, le CSS et le JavaScript. Enfin, ça ne vous empêche pas de l’utiliser pour créer et personnaliser des thèmes et des plugins.
D’ailleurs, c’est l’éditeur que je conseille aux débutants dans Relooker son Thème et CSS Express. Pourquoi ? Eh bien tout simplement parce qu’il est disponible sur tous les systèmes d’exploitation (Windows, macOS et Linux).
Des extensions sont également disponibles pour l’enrichir de nouvelles fonctionnalités comme sur Chrome ou Firefox.
Visual Studio Code
Visual Studio Code, aussi appelé VS Code, est un éditeur de code gratuit et open source disponible sur Windows, macOS et Linux.
L’un de ses principaux avantages est la possibilité de déboguer du code directement depuis l’éditeur, grâce à une console de débogage intégrée.
Des extensions sont également disponibles depuis le site de Visual Studio Code pour ajouter des fonctionnalités à l’éditeur.
Sublime Text
Éditeur de code assez minimaliste mais puissant, vous pourrez l’utiliser gratuitement indéfiniment.
Comme tous les éditeurs de code qui se respectent, Sublime Text vous permet de colorer votre code suivant le langage utilisé, de modifier toutes les occurrences d’une fonction ou variable sur une même page et de naviguer entre vos fichiers pour trouver rapidement où sont définies certaines fonctions…
La version payante coûte 99 $ (environ 100 €). À vous de voir si cela vaut la peine de rétribuer les développeurs pour l’outil qu’ils proposent. 🙂
Personnellement, je l’utilise de temps en temps lorsque je dois modifier un fichier rapidement, mais c’est assez rare.
Notepad++
Un éditeur de code gratuit très basique, mais qui joue très bien son rôle. Vous pourrez colorer votre code et utiliser différents thèmes pour y voir plus clair.
Notepad++ fut mon premier éditeur de code. Je l’utilisais lorsque j’étais étudiant en informatique et que j’étais encore sous Windows (eh oui, ça date !).
FileZilla
FileZilla est ce que l’on appelle un client FTP. En schématisant, il permet de vous connecter à votre serveur d’hébergement afin de pouvoir envoyer des fichiers présents sur votre ordinateur vers votre site WordPress.
Ce logiciel open source et gratuit est considéré comme la référence des clients FTP, et il fonctionne sur tous les systèmes d’exploitation (Windows, Mac et Linux notamment). Très simple à utiliser, il est en plus disponible en français. Un indispensable dès que vous commencez à créer des sites.
Cyberduck
Comme FileZilla, Cyberduck est un client FTP open source. Très simple à utiliser, il permet de transférer vos fichiers vers votre serveur.
S’il est gratuit, vous trouverez aussi une version payante à 23,99 $ (environ 24 €) sur l’App Store et le Windows Store. Si vous souhaitez rétribuer les développeurs, pensez-y. 😉
Il supporte davantage de protocoles que FileZilla. Il permet notamment de se connecter à Amazon S3 ou encore Dropbox. Il s’utilise sur Mac et Windows, mais pas sous Linux.
WampServer, MAMP et XAMPP
Derrière ces noms mystérieux se cachent des serveurs web locaux. Cela signifie que vous allez pouvoir créer des sites en local avant de les passer en ligne. MAMP fonctionne sous Mac, WampServer sous Windows et XAMPP sous Linux.
Pour info, MAMP signifie Macintosh, Apache, MySQL, PHP. Il va donc installer un serveur web (Apache), un serveur de base de données (MySQL) et un langage de script (PHP).
Grâce à MAMP, WampServer et XAMPP, vous allez pouvoir développer des sites web sur votre propre machine, et les tester, sans avoir besoin de souscrire à un hébergement en ligne.
Sites officiels de :
Local by Flywheel
XAMPP, MAMP ou WampServer peuvent s’avérer complexes à utiliser si vous débutez. Il est parfois fastidieux de s’en sortir avec ces outils.
Le logiciel Local by Flywheel, disponible sur Windows, Mac et Linux, simplifie tout ce processus en regroupant au même endroit – en local – toutes vos installations WordPress, grâce à des machines virtuelles.
C’est un outil extrêmement simple à utiliser qui permet d’installer WordPress en un clic, de gérer le SSL ou encore de changer la configuration du serveur local à la demande. Si vous ne le connaissez pas, n’hésitez pas à le découvrir. En plus, il est gratuit !
DevKinsta
DevKinsta est une suite de développement local disponible sur Windows, macOS et Ubuntu. Elle permet de créer facilement des sites WordPress en local, sur votre ordinateur.
DevKinsta est gratuit et offre un environnement local pour le développement et le débogage de code, ainsi qu’un accès à un gestionnaire de base de données intégré, un serveur SMTP et d’autres outils.
WP-CLI
WP-CLI est un outil permettant de gérer vos installations WordPress en ligne de commande. Gros avantage : un gain de temps considérable sur certaines tâches d’administration.
Grâce aux commandes que vous taperez dans votre terminal, vous allez avoir accès à toutes les fonctions de WordPress !
Par exemple, vous allez pouvoir créer des utilisateurs, modifier des mots de passe, mettre à jour des thèmes et des plugins.
Générateur de thème enfant
Un thème enfant est une sorte de sous-thème permettant de personnaliser l’apparence de votre site WordPress, sans perdre vos modifications lorsqu’une mise à jour est effectuée.
La création d’un thème enfant est une étape indispensable si vous modifiez en profondeur le code de votre thème.
Pour vous aider à en mettre un en place en deux clics, WPMarmite a créé un générateur de thème enfant. Et pour savoir si vous avez vraiment besoin d’un thème enfant, consultez notre article. ⬇️
Plugins WordPress recommandés pour les freelances
WordPress Beta Tester
Cette extension permet d’installer les versions beta de WordPress. Grâce à elle, vous pouvez installer les versions de développement et bénéficier des dernières fonctionnalités avant la sortie officielle.
Cela vous permettra de tester la compatibilité des extensions et des thèmes avec les futures versions de WordPress (et d’éviter de vous faire surprendre).
Par contre, ne faites pas ça sur un site en production, car le risque de bug est non négligeable. N’installez cette extension que sur un site de test ou un site local.
WP Reset
Avec WP Reset, vous allez pouvoir remettre à zéro la base de données de votre site. Cela peut être très intéressant, mais aussi très dangereux !
Veillez à ne pas lancer l’extension sur n’importe quel site. La manipulation peut s’avérer utile si vous travaillez en local, après avoir effectué beaucoup de modifications.
Complète et pratique, WP Reset vous sera d’une aide précieuse pour tester, déboguer et réparer votre site internet en cas d’erreur, piratage et autre plantage.
Query Monitor
Query Monitor est un plugin vous permettant de déboguer un site. Parfois, tout ne fonctionne pas comme on le souhaite et on aimerait bien soulever le capot pour comprendre ce qui ne fonctionne pas.
Eh bien, c’est exactement ce que ce plugin permet de faire !
Vous pourrez par exemple suivre la variable de la requête en cours, afficher les erreurs PHP, afficher les templates chargés sur la page, afficher les scripts et feuilles de styles utilisés…
Là où ce plugin m’a beaucoup aidé, c’est pour visualiser le déclenchement des hooks. Quand on s’en sert dans le code et que le rendu désiré n’est pas obtenu, c’est forcément un problème de choix de hook ou de priorité. Query Monitor vous aidera à voir ce qui pose problème. 🙂
What The File
Cette extension gratuite ajoute un petit bouton dans la barre d’outils de l’administration vous affichant quel fichier de template la page utilise. C’est idéal lorsque vous cherchez à relooker votre thème.
Query Monitor propose la même fonctionnalité, mais si vous n’avez besoin que de ça, What The File sera parfait (il est surtout beaucoup plus simple à prendre en main).
Debug Bar
Cette extension ajoute un menu de débogage dans votre barre d’administration. Elle affiche les requêtes SQL, des informations sur le cache et d’autres données utiles pour déboguer vos sites WordPress.
Si vous avez besoin d’aller plus loin (pour déboguer des aspects particuliers), des extensions complémentaires sont également disponibles.
Yoast Duplicate Post
S’il y a bien une fonction qui manque dans WordPress, c’est bien la possibilité de dupliquer facilement des articles, des pages ou des types de contenus personnalisés. Heureusement, cette extension permet de régler le problème.
Une fois installée, un nouveau lien sera présent au niveau des actions possibles lors du survol d’un élément dans l’administration. C’est l’extension qu’on utilise sur WPMarmite pour gérer les mises à jour de nos articles.
Duplicator
Duplicator permet de migrer, copier ou cloner un site d’un endroit à un autre. Autrement dit, opérer la bascule du local vers le serveur en ligne, ou inversement, par exemple.
On peut évidemment effectuer cette manipulation « à la main », mais cela reste technique et dangereux si on ne maîtrise pas tout le processus.
Avec Duplicator, pas de prise de tête. L’extension va créer un paquet, soit une archive zip contenant vos thèmes, vos contenus, vos extensions et votre base de données. Il ne vous restera plus qu’à installer le tout à l’endroit de votre choix (si vous avez besoin d’un coup de main, utilisez cette vidéo).
WP Migrate
WP Migrate est un plugin de migration freemium. En version gratuite (WP Migrate Lite, sur le répertoire officiel), il permet d’exporter votre base de données WordPress au format SQL et de la migrer facilement.
La version Pro, disponible à partir de 49 $ (46 €), permet de migrer un site WordPress entier.
WPTurbo
WPTurbo est une plateforme créée par WPMarmite proposant un ensemble de ressources et d’outils aux développeurs WordPress afin de les aider à créer de meilleurs sites, plus rapidement.
Vous y trouverez notamment des générateurs de code, des snippets et des articles de blog.
User Switching
User Switching permet de « switcher », soit littéralement de basculer d’un compte utilisateur à un autre en un seul clic.
Cela s’avère très utile dans un environnement de test, lorsque l’on doit basculer entre différents comptes et se rendre compte de ce que « voit » réellement un utilisateur en fonction de ses permissions.
Seuls les administrateurs peuvent le faire, à partir de la liste des comptes ou de la page d’édition d’un compte, en cliquant sur le lien « Se connecter en tant que ».
Elementor
Elementor est un constructeur de page très simple à utiliser et traduit en français. Il permet de mettre en place toutes sortes de pages : accueil, inscription, blog, services, etc., avec de simples glisser-déposer.
Je m’en sers d’ailleurs sur WPMarmite afin de créer les pages de présentation des formations ainsi que certaines pages de capture d’e-mail et de remerciement (c’est par exemple le cas de celle de CSS Express).
Bien entendu, Elementor vous permettra de quasiment tout modifier (polices, couleurs, marges et intégration de CSS personnalisé dans la version Pro).
Des modèles de pages sont également à disposition dès la version gratuite, ainsi que des widgets comme : effets visuels, barre de progression, galerie d’images… La version Pro (lien aff) vous coûtera 49 $, soit environ 50 €, pour une utilisation sur un site.
Beaver Builder
Beaver Builder est un constructeur de page qui s’utilise en front-end, sur le principe du drag and drop (glisser-déposer). Il est très simple à utiliser, ergonomique et compatible avec la quasi-totalité des thèmes du marché.
Beaver Builder embarque des gabarits et des mises en page toutes prêtes pour vous faire gagner du temps lors du processus de création. Comme Elementor, il ne laisse pas une purée de shortcodes (codes courts) si vous êtes amené à le désactiver. Plutôt appréciable.
À savoir également : une version Pro existe si vous avez besoin de plus de fonctionnalités. Elle coûte 99 $/an (environ 100 €) pour une utilisation sur un nombre de sites illimités. Pour bénéficier de leur thème WordPress entièrement personnalisable, il faudra passer débourser 199 $/an (environ 201 €).
Spectra
Spectra est un constructeur de page en glisser-déposer, intégré dans l’éditeur de contenu de WordPress.
Ce plugin puissant offre 28 blocs, de nombreuses compositions de blocs, des wireframes et des modèles de sites web complets. Spectra ayant été créé par l’équipe à l’origine du thème WordPress Astra, les modèles sont de haute qualité et offrent des fonctionnalités utiles et de bonnes performances.
Tout est accessible via l’éditeur de blocs et utilise les mêmes menus, réglages et options de personnalisation. Spectra propose une version gratuite, mais la version premium Spectra Pro (lien aff) offre plus de blocs, la prise en charge du contenu dynamique, un constructeur de popups, un support client VIP et un ensemble d’autres fonctionnalités.
Yoast SEO
S’il y a bien un incontournable pour gérer le référencement de votre site WordPress, c’est lui.
Avec 5M+ installations actives, Yoast SEO est tout simplement l’un des 10 plugins les plus téléchargés de tous les temps ! Si vous souhaitez que Google vous adore – ça vaut aussi pour les autres moteurs de recherche -, il est grand temps de l’installer, si ce n’est pas déjà fait.
Il n’est pas compliqué à utiliser, mais pas forcément très aisé à régler. Pour ne pas faire de bêtises, parcourez le guide complet de WPMarmite. ⬇️
SEOPress
SEOPress est une extension de référencement 100 % made in France. Sa version gratuite affiche 300K+ sur le répertoire officiel, ainsi que la note de .
Une version Pro est également proposée à 49 $/an (46 €) pour un nombre de sites illimité, ainsi qu’un plugin de référencement off-site : SEOPress Insights (99 $/an/site soit 94 €).
SEOKEY
SEOKEY est une alternative française à Yoast SEO, créée par l’agence SeoMix. Elle dispose d’une version gratuite, présente sur le répertoire officiel WordPress, ainsi que d’une version premium, à partir de 49 $ HT/an (environ 46 €) pour une utilisation sur un site.
Cette dernière apporte notamment des options supplémentaires en termes d’audit SEO, d’optimisation de contenus, de redirections et d’options en lien avec la Google Search Console.
iThemes Security
iThemes Security est une extension de sécurité qui vous aide à auditer votre site pour savoir s’il est bien protégé.
iThemes permet notamment de définir une identification à deux facteurs sur votre site, imposer une politique de mot de passe aux comptes utilisateurs, et protéger votre site contre les attaques de force brute.
Le plugin est disponible en version gratuite sur le répertoire officiel. La version Pro démarre à 99 $ pour une utilisation sur 1 site (100 €/an).
WordFence
Avec 5M+ installations actives sur le répertoire officiel, WordFence est probablement le plugin de sécurité le plus célèbre.
Il permet de scanner vos fichiers pour détecter d’éventuels fichiers suspects et de protéger votre site contre des attaques pirates. Vous pourrez aussi utiliser un pare-feu (firewall), bloquer le spam et configurer des notifications.
La version Pro propose évidemment plus d’options (flux de défense en temps réel, assistance, programmation de scans, etc.) et coûte 99 $/an (100 €/an) pour un site.
SecuPress
SecuPress est un plugin WordPress français permettant de sécuriser votre site. Une version gratuite est disponible sur le répertoire officiel et cumule 40 000+ installations actives.
La version payante vous permet d’accéder à davantage de fonctionnalités, comme la double authentification, les scans de fichiers contenant des malwares, la détection d’extensions et de thèmes connus vulnérables, etc., ainsi qu’à un support prioritaire.
Elle est proposée à 60 € par an et par site, avec 2 mois gratuits.
Polylang
C’est une extension WordPress freemium qui, une fois réglée, vous permettra de traduire le contenu de votre site en une ou plusieurs langues : vos articles, étiquettes, catégories, etc.
Son interface d’utilisation est disponible en 48 langues (plutôt pratique pour une extension de multilingue) !
WPMarmite l’utilise d’ailleurs pour proposer sa version anglaise.
Weglot
Weglot est un service de traduction de sites web. Il propose une extension WordPress, Weglot Translate, qui permet de traduire votre site directement depuis votre tableau de bord WordPress.
Il est possible d’essayer les services de Weglot en traduisant 2 000 mots. Pour dépasser cette limite, il vous faudra vous souscrire à un des forfaits proposés, à partir de 15 €/mois pour 10 000 mots et 1 langue traduite.
File Renaming on Upload
Ce plugin vous permettra de renommer automatiquement vos médias dès qu’ils sont envoyés sur le site. J’imagine que vous avez l’habitude de ne pas mettre d’accents dans le noms de vos fichiers, mais ce n’est pas forcément le cas de vos clients !
Et comme vous le savez, tôt ou tard cela vous posera un problème. Donc autant prendre les devants et assurer vos arrières.
Vous pourrez également ajouter le nom de votre site ou de l’article où figure l’image automatiquement, ou encore rendre automatique le remplissage du texte alternatif par le titre de votre média sur vos nouveaux et anciens médias.
Pour améliorer votre référencement sans trop vous fatiguer, c’est top ! (une version Pro est dispo avec encore plus de fonctionnalités).
Advanced Custom Fields
Advanced Custom Fields vous permet d’ajouter des champs personnalisés à vos articles, pages et types de contenus personnalisés (CPT). Les valeurs saisies peuvent ensuite être affichées où vous le voulez dans vos templates.
Il existe une version gratuite qui est déjà bien fournie. La version Pro, avec davantage de champs, est disponible pour un site en échange de 49 $ (environ 50 €).
Pour 249 $ (252 €), vous pourrez l’utiliser pour une infinité d’installations. Autant vous dire que c’est intéressant pour le temps que cette extension fait gagner.
Timber
Timber est une extension qui permet de séparer, dans vos pages, le code HTML du code PHP.
Elle ajoute automatiquement Twig, qui permet de créer des squelettes de page qui seront ensuite transformés en page HTML. Il faut savoir qu’à la base, un fichier de template WordPress mixe à la fois du HTML et du PHP. Du coup, cela rend tout ça plus propre.
L’ami Maxime de Capitaine WP avait fait un article là-dessus si ça vous intéresse. Après, gardez bien en tête que cela concerne principalement les personnes qui maîtrisent un minimum le code.
Loco Translate
Vous avez certainement remarqué que certains thèmes et extensions WordPress ne sont pas traduits en français (même si la communauté se démène pour ça).
Eh bien, grâce à cette extension, vous allez pouvoir traduire les termes de votre choix assez facilement. On regrette juste qu’il n’existe pas une plateforme pour récupérer et partager des traductions déjà effectuées…
WP Umbrella
WP Umbrella est un outil freemium qui permet de gérer, maintenir et surveiller tous vos sites WordPress depuis une même interface.
Pour l’utiliser, un plugin disponible sur le répertoire officiel est à activer sur les sites WordPress de votre choix, et se connecte à une plateforme Saas (Software as a service, Logiciel en tant que service), sur laquelle vous allez pouvoir gérer ces sites.
WP Umbrella est proposé au tarif de 1,99 $ par mois et par site (environ 2 €).
MainWP
Gérez autant de sites que vous souhaitez depuis un site WordPress où l’extension MainWP est installée.
Grâce à elle, vous pourrez mettre à jour tous vos thèmes et extensions depuis un seul tableau de bord, sauvegarder vos sites, faire des scans de sécurité ou encore accéder au différents comptes admin de vos sites en 1 clic.
Il existe une version premium avec des extensions supplémentaires pour WooCommerce ou encore cloner vos sites, générer des rapports clients… À partir de 29 $ HT/mois (environ 29 €).
Imagify
Imagify est un outil permettant de compresser les images de votre site WordPress en réduisant leur poids tout en maintenant leur qualité. Ainsi, il vous permet d’améliorer le temps de chargement de votre site et l’expérience utilisateur. Imagify peut être utilisé en ligne, ou depuis votre tableau de bord WordPress, en téléchargeant le plugin dédié.
Une version gratuite permet d’optimiser 20Mo d’images par mois, sur un nombre illimité de site. Pour optimiser davantage d’images, vous devrez vous procurer une des deux licences premium proposées (à partir de 4,99 $/mois soit environ 4 € pour 500Mo d’images).
TinyPNG
À l’instar d’Imagify, TinyPNG permet de compresser vos images afin de réduire le temps de chargement de votre site, sans perte de qualité. L’extension WordPress proposée est basée sur l’outil en ligne associé.
En version gratuite, vous pouvez optimiser environ 100 images par mois. Pour optimiser un nombre illimité d’images, vous devrez passer à un compte Pro, à 39 $ par personne (environ 37 €).
Thèmes WordPress incontournables pour créer des sites
Astra
Avec 1M installations actives, Astra est l’un des thèmes WordPress non natifs les plus populaires du répertoire officiel.
Élégant, facile à prendre en main et offrant une bonne vitesse de chargement, il s’agit d’un thème particulièrement versatile, qui convient aux créateurs de sites débutants comme aux plus confirmés.
Si vous souhaitez aller plus loin que la version gratuite, vous pouvez vous procurer l’un des plans Pro d’Astra (lien aff), à partir de 59 $/an (environ 60 €).
Blocksy
Sur le répertoire officiel, Blocksy affiche plus de 100K installations actives et une note de .
Ce thème freemium offre une intégration avancée à l’éditeur de contenu de WordPress (Gutenberg) et à WooCommerce. Facile à prendre en main, il est également doté d’une excellente vitesse de chargement.
Une version gratuite est disponible sur le répertoire officiel, ainsi qu’une version Pro, à partir de 49 $/an (environ 49 €) pour une utilisation sur 1 site.
GeneratePress
GeneratePress est un thème WordPress freemium réputé pour sa rapidité et son intuitivité. L’ensemble de ses réglages sont regroupés dans l’Outil de personnalisation de WordPress.
Il s’adresse notamment aux créateurs de sites novices, aux utilisateurs confirmés et plus globalement à ceux qui font de la performance et du SEO une priorité.
Pour profiter de toutes les fonctionnalités de GeneratePress, vous pouvez vous procurer la version premium (lien aff) pour 59 $/an (environ 60 €).
Frost
Frost est un thème WordPress 100 % gratuit et compatible avec le projet Full Site Editing (Édition complète du site).
Il affiche un design minimaliste et propose ses propres compositions de blocs, prêtes à insérer dans vos pages et articles.
De par sa nature, Frost convient davantage aux utilisateurs habitués à l’utilisation des blocs et du FSE (Full Site Editing).
Divi
Thème phare d’Elegant Themes, Divi est un thème premium qui embarque un constructeur de pages, le Divi Builder.
Ce dernier permet de façonner un site sur-mesure, directement depuis l’interface publique, grâce à un système de glisser-déposer. Avec Divi, vous allez pouvoir tout faire.
Ce thème est relativement facile à prendre en main et adossé à une large communauté. Pour plus de détails, vous pouvez vous référer à l’article qu’avait rédigé Nicolas sur le blog. ⬇️
Underscores
Underscores, que vous trouverez aussi écrit sous cette forme _s
, est un starter theme. En d’autres termes, c’est une base qui vous permet de coder votre propre thème sur-mesure.
Vous gagnez ainsi du temps et de l’énergie. Underscores est développé par Automattic, l’entreprise qui contribue principalement à WordPress.
Outils webdesign pour créateurs de sites
Canva
Quand on crée des sites, on a toujours besoin d’images. Avec Canva, vous pourrez créer des images optimisées pour Facebook ou Twitter, mais aussi des images au format de votre choix avec l’aide d’une banque d’images, de logos, de formes et de polices.
Tout le site fonctionne en glisser-déposer. C’est un indispensable pour tous ceux qui ne sont pas familiers de Photoshop.
Il existe aussi une version Premium à partir de 11,99 €/mois. Enfin, la version gratuite vous sera suffisante dans la plupart des cas.
Noun Project
C’est littéralement la banque d’icône et de photos qu’il vous faut pour tous vos projets web. Tapez n’importe quel mot (en anglais) et vous aurez de superbes icônes et photos sur le sujet.
La version gratuite vous contraindra à attribuer le crédit de l’auteur sous l’œuvre, ce qui ne fera pas très professionnel. Des licences payantes sont disponibles pour pour passer outre cet impératif.
Même si vous n’êtes pas un fana des icônes, cela sera toujours utile. Par exemple, WPMarmite s’en sert beaucoup pour les images à la une des snippets (entre autres).
PNGTree
Une autre banque de ressources graphiques libres de droit. Vous y trouverez par exemple des images au format PNG, des images d’arrière-plan, des images vectorielles ou encore des effets de texte.
Vous pouvez en télécharger jusqu’à 2 par jour gratuitement. Au delà, il vous faudra vous procurer un compte payant, à partir de 75 $ (75 €) pour 3 mois.
Pixabay
Pixabay est une banque d’images libres de droit pour tous vos projets web. On y trouve de tout. Des photos, des illustrations, des images vectorielles et même des vidéos (plus d’1 million d’éléments sont disponibles).
Même s’il faut avouer que certains clichés sont un peu ridicules (vous savez, les photos corporate où tout le monde se serre la main), on trouve tout de même son bonheur après quelques secondes (d’autant qu’il y a des filtres pour affiner ses recherches).
Freepik
Freepik est un moteur de recherche qui permet de trouver des vecteurs, images, icônes et PSD (le format utilisé par Photoshop). Le tout gratuitement. À son échelle, on peut parler de Google des illustrations.
Il existe aussi une version Pro à partir de 15 € HT/mois. Grâce à elle, plus besoin de créditer les auteurs et vous aurez aussi accès à du contenu exclusif, ainsi qu’à la banque d’icônes et de stickers Flaticon.
Wikimedia
À l’instar de son « frère », l’encyclopédie universelle Wikipedia, Wikimedia est une ressource gratuite qui liste des fichiers média.
Fonctionnant sur un modèle participatif, chacun peut soumettre sa propre image, vidéo ou son. La base de données est gigantesque : près de 88 millions de fichiers média librement réutilisables y sont recensés ! De quoi trouver chaussure à son pied, non ?
Unsplash
Voilà une autre banque d’images libres de droit que j’apprécie particulièrement.
À mon sens, leurs photos sont idéales pour être placées en arrière-plan d’un site (elles peuvent également convenir pour des images à la une ou des fonds d’écran). Vous devrez parfois les rogner pour que ça passe, mais la matière première est là.
Vous pouvez naviguer facilement à travers les quelques 3 millions de clichés proposés (et pourquoi pas proposer les vôtres si vous avez du talent derrière l’appareil).
Dribbble
Dribbble est une communauté en ligne, un genre de réseau social pour designers. Les webdesigners, graphistes, UX-UI designers, typographes, etc., y partagent au quotidien leurs dernières créations.
Vous y trouverez de l’inspiration et de superbes réalisations car la qualité est là. Dans le même style, jetez un œil à Behance, le principal concurrent de Dribbble.
Iconfinder
Iconfinder est une gigantesque banque de ressources graphiques. Elle en compte plus de 6 millions, ce qui vous laissera un choix plus que conséquent pour habiller votre site WordPress.
Comme pour Noun Project, il suffit de taper le mot de recherche de votre choix (en anglais) pour accéder à leur base de données. Vous pourrez choisir parmi des icônes, des illustrations, des illustrations 3D et des stickers, créés par des designers des 4 coins du monde, et faire le tri entre les ressources gratuites et payantes.
La version Pro démarre à 9 $/mois soit 9 € (4,50 € le premier mois) et donne accès à 10 crédits.
Font Awesome
Créé à l’origine pour être utilisé avec Bootstrap (un framework front-end), l’outil Font Awesome est une police de caractère qui permet d’afficher des icônes vectorielles sur son site web (entre autres).
À l’heure d’écrire ces lignes, près de 2 000 icônes étaient disponibles en version gratuite. L’un des avantages de Font Awesome est que les icônes sont directement intégrées dans des polices, et qu’elles ne se gèrent pas comme des images classiques.
Du coup, cela diminue le temps de chargement de vos pages. Toutes les icônes sont aussi personnalisables et redimensionnables à souhait grâce à de simples classes CSS.
Une version Pro, qui donne accès à davantage de fonctionnalités, est commercialisée 99 $/an, soit 98 € (79 € la première année).
Fontello
Fontello permet de générer une police d’icônes personnalisée. L’outil liste plusieurs services de polices d’icônes open source (Font Awesome, Typicons, Iconic, etc.) afin de vous permettre, dans un premier temps de sélectionner les icônes qui vous intéressent.
À partir de votre sélection, vous allez pouvoir créer votre propre typographie à intégrer sur votre site WordPress (et ainsi réduire le temps de chargement de votre site).
IcoMoon
L’un des concurrents de Fontello. S’il propose sa propre bibliothèque d’icônes, IcoMoon permet lui aussi de concevoir sa propre police de caractère composée d’icônes.
Pourquoi passer par un tel processus ? Principalement pour éviter que les icônes classiques se pixelisent lorsque l’on change leur taille et pour pouvoir plus facilement les personnaliser (application d’effets CSS, changement de couleur, etc.).
Google Fonts
Attention, cette extension enfreint le Règlement Général pour la Protection des Données (RGPD). Si vous souhaitez l’utiliser, nous vous recommandons d’utiliser l’extension Local Google Fonts, afin d’héberger vos polices Google sur votre serveur et ainsi améliorer la conformité de votre site au RGPD.
Google Fonts met en téléchargement libre plus de 1 455 familles de polices. Grâce à ce système, vous n’avez pas à vous soucier des droits d’utilisation : toutes les polices sont gratuites !
L’intégration sur votre site est très simple : vous insérez une ligne de code dans la balise head
et vous spécifiez la règle @font-face
dans votre CSS. Vous pouvez même télécharger les polices pour les utiliser sur d’autres logiciels (suite Adobe, etc.).
DaFont
De prime abord, l’apparence du site peut un peu rebuter. Il y a pas mal d’entrées un peu partout et on ne sait pas trop où donner de la tête.
Après une rapide acclimatation, vous y découvrirez une montagne de polices d’écriture à télécharger, triées notamment par thème (fantaisie, étranger, techno, symboles, etc.).
Les polices sont gratuites, mais peuvent avoir des restrictions d’utilisation. Pensez à bien vérifier cela au préalable.
Fontpair
Un outil très sympa pour vous permettre de trouver des polices d’écriture complémentaires.
C’est décidé, vous avez choisi de vous séparer des polices Arial et Times New Roman sur votre site WordPress ? Hum, déjà, merci. 😉
Vous avez flashé sur la police Lato mais ne savez pas avec laquelle elle se marierait bien ? Fontpair va vous aider en vous proposant différentes combinaisons de polices.
Dès que vous avez fait votre choix, vous pouvez même télécharger la paire gagnante ! Pour rappel, essayez de ne pas utiliser plus de 2-3 polices sur votre site. Dans l’idéal, vous devriez en avoir une pour vos titres, et une autre pour le corps de votre texte.
Coolors
Coolors est un outil permettant de créer une palette de couleurs facilement. Pour ce faire, l’outil propose notamment d’un générateur de palettes, que vous pouvez explorer à votre guise afin de trouver chaussure à votre pied.
Vous pouvez également parcourir les milliers palettes proposées, extraire une palette à partir d’une photo, ou encore vérifier le niveau de contraste entre une couleur de texte et d’arrière-plan.
Une version Pro, accessible pour 3 €/mois, permet de bénéficier de fonctionnalités supplémentaires, le tout sans publicités et popups.
Color Hunt
Je suis sûr que cela vous est déjà arrivé. Vous savez, ce moment gênant où vous tombez sur un site « sapin de Noël ». Un peu de rose par-ci, un peu de violet par-là ou encore une pointe de vert dans le pied de page. Sans oublier du jaune pour les boutons d’appel à l’action.
Les couleurs, c’est bien. Quand on les associe correctement, c’est mieux.
Pour ne pas vous tromper, rendez-vous sur Color Hunt. Ce site propose des combinaisons de couleurs dont vous pourrez vous inspirer pour vos créations. Une couleur vous plaît ? Il ne vous reste plus qu’à copier-coller son code hexadécimal dans votre feuille de style CSS.
Enfin, pour conserver un maximum de cohérence, essayez de ne pas utiliser plus de 3 couleurs sur votre site.
Adobe Color
Adobe Color est une roue chromatique, accessible en ligne, dont vous pouvez vous servir pour affiner vos nuances de couleur. Vous pourrez créer vous-même vos couleurs en jouant sur les teintes RVB par exemple (rouge, vert, bleu), grâce à un éditeur de précision.
Comme Color Hunt, cet outil propose des palettes de couleurs prêtes à l’emploi dans la rubrique « Explorer ». Très pratique lorsque vous cherchez à être inspiré. Un superbe outil. Et gratuit, qui plus est.
Logiciels pour créateurs de sites WordPress
Photoshop
On ne présente plus le logiciel de traitement d’images le plus connu au monde : Photoshop. Grâce à lui, vous allez pouvoir éditer vos images pour créer des visuels qui sortent de l’ordinaire.
Pour vous en servir, vous devrez débourser 23,99 € par mois. Mieux vaut donc l’utiliser régulièrement, n’est-ce pas ?
Illustrator
Avec Illustrator, vous pouvez créer des logos, des icônes, des typographies et des illustrations vectorielles pour vos sites web.
Comme pour Photoshop, il faudra un certain temps pour le prendre en main mais vous pourrez créer des visuels de qualité.
Sketch
Sketch est un peu un mélange entre Photoshop et Illustrator et vous permet de créer des superbes maquettes de sites web intuitivement et rapidement.
Ce nouveau logiciel de design (de plus en plus populaire) n’est disponible que sur macOS moyennant, 99 $ (environ 99 €) par an.
Figma
Figma est un outil de design et de prototypage collaboratif. Il peut notamment vous permettre de concevoir des wireframes (un wireframe étant le schéma simplifié d’une page ou d’un site web) ou des maquettes graphiques facilement.
Figma peut s’utiliser gratuitement, dans la limite de 3 fichiers. Pour bénéficier d’un nombre de fichiers Figma illimité et de davantage de fonctionnalités, vous devrez passer par la version Pro, disponible à partir de 15 $/mois (environ 15 €), et gratuite pour les étudiants et enseignants.
GIMP
Si vous n’avez pas le budget pour vous offrir les solutions de la suite Adobe, ou que vous n’êtes tout simplement pas un utilisateur de la marque à la pomme, Gimp vous tend les bras.
Gratuit et open source, cet outil d’édition et de retouche d’images fonctionne sur la plupart des systèmes d’exploitation (macOS, Windows, Linux).
Inkscape
Logiciel de dessin vectoriel gratuit et open source, Inkscape est la meilleure alternative à Illustrator.
Si vous avez un budget serré, tournez-vous vers lui. Pour vous aider à le prendre en main, le site web d’Inkscape propose notamment des didacticiels et des tutoriels vidéos. De plus, le logiciel s’appuie sur une communauté prête à vous aider.
Dashlane
Aujourd’hui, il est indispensable de posséder un gestionnaire de mots de passe (que l’on soit professionnel ou particulier). Il en existe des dizaines, mais je me suis porté sur Dashlane. Bien que tous les services chiffrent les données, je préfère tout de même les confier à une boîte française.
Au niveau du fonctionnement, vos données sont sécurisées par un mot de passe « maître » (c’est-à-dire principal). On peut aussi activer la connexion automatique pour ne plus perdre de temps sur les pages de connexion.
Si vous travaillez en équipe, vous aurez la possibilité de partager vos mots de passe sans que vos collaborateurs puissent les voir !
Au niveau du tarif, c’est gratuit sur un appareil (votre ordinateur par exemple) puis, 3,49 €/mois pour synchroniser tous vos appareils (téléphones et autres ordinateurs).
Poedit
Poedit est un logiciel permettant de traduire votre site, par l’intermédiaire de fichiers de langue (les fameux fichiers .po
et .mo
), contenus dans les fichiers de votre site WordPress. Poedit existe sur Windows, Linux et macOS.
Poedit est disponible en version premium à 34,99 €, cependant la version gratuite vous suffira dans la plupart des cas (si vous ne cherchez qu’à traduire un seul site, préférez l’utilisation de l’extension Loco Translate).
Freeter
Freeter permet de gérer ses projets facilement. Vous pouvez afficher des notes, l’arborescence des fichiers du projet, des miniatures de sites web ou encore des tableaux Trello par exemple.
Il est gratuit jusqu’à 3 projets et 5 tableaux de bord par projet, au delà de quoi il faudra débourser 29 $ (soit 29 €).
Toggl
Si vous êtes travailleur indépendant, vous savez que le temps revêt une importance capitale. Le temps, c’est de l’argent ! Alors autant s’assurer de ne pas trop en perdre.
Pour cela, vous pouvez vous tourner vers Toggl, un logiciel de suivi de temps. Une fois que vous avez créé un compte (gratuit), cliquez sur le bouton « Play » pour lancer le chronomètre. Vous pouvez donner un nom à la tâche à effectuer.
Une fois que vous l’avez exécutée, un simple clic sur le bouton « Stop », et le tour est joué. Via un tableau de bord, vous pouvez ensuite établir une comparaison avec les jours précédents/suivants.
Cela donne une vision globale de votre productivité. La plupart des fonctionnalités gratuites sont suffisantes. La version payante démarre à 9 $/mois (soit 9 €).
RescueTime
Si vous désirez savoir combien de temps vous passez sur votre ordinateur, RescueTime peut vous aider à analyser tout ça.
Il vous permet de catégoriser les applications et les sites que vous visitez afin de déterminer votre productivité. La version Pro permet même de bloquer des sites pour ne pas divaguer (Facebook ou YouTube par exemple).
Vous pourrez bénéficier des fonctionnalités avancées à partir de 6,50 $/mois (6,50 €/mois).
Camtasia
Camtasia est un éditeur vidéo et enregistreur d’écran pour macOS et Windows. Une fois votre vidéo créée, vous pouvez procéder au montage sur le même logiciel et ajouter des titres, des animations, des musiques, des transitions, etc.
Il s’agit d’un outil très pratique pour concevoir du contenu pédagogique, par exemple.
Imaginez que vous souhaitez présenter à vos visiteurs comment ajouter un plugin sur votre site WordPress. Plutôt que de présenter cela dans un article, vous pouvez profiter de la puissance de la vidéo pour détailler les différentes étapes du processus, en ayant au préalable enregistré votre écran.
Vos visiteurs (ou clients) pourront ainsi reproduire pas à pas votre méthode en suivant « en direct » vos instructions.
Niveau prix, Camtasia n’est pas donné, puisqu’il coûte 309,15 € excl. TVA par utilisateur.
ScreenFlow
ScreenFlow est l’un des principaux concurrents de Camtasia. Il propose plus ou moins les mêmes fonctionnalités. Par contre, il n’est disponible que sur macOS et coûte 169 $ (environ 169 €).
C’est avec ce site que j’enregistre toutes mes vidéos et formations, de plus le montage est très simple à réaliser, contrairement à des logiciels de montage comme Final Cut ou Adobe Premiere.
OBS Studio
Disponible sur Windows, macOS et Linux, OBS Studio est une alternative libre et open source à Camtasia et ScreenFlow.
Elle dispose notamment d’une API permettant l’installation de plugins et l’écriture de scripts pour ajouter les fonctionnalités qui correspondent à vos besoins.
Recordit
On a coutume de dire qu’une image vaut mieux que mille mots. Si vous validez cette expression, Recordit risque de vous intéresser. Notamment si vous avez l’habitude de présenter des tutoriels à vos visiteurs.
Grâce à ce logiciel, vous allez pouvoir enregistrer votre écran et transformer votre capture vidéo en GIF (si vous souhaitez uniquement garder la version vidéo, c’est aussi possible).
Au-delà de leur fonction humoristique, les GIFs peuvent être utiles pour présenter une marche à suivre pour installer une extension ou un programme, par exemple.
Recordit est gratuit. Une version Pro avec plus de fonctionnalités est disponible à 29 $ (environ 29 €).
LICEcap
LICEcap permet d’enregistrer des parties de votre écran et de les transformer en GIFs animés. Disponible sur Mac et Windows, ce logiciel gratuit est très facile à utiliser.
Il crée une fenêtre redimensionnable directement sur votre écran pour que vous puissiez capturer les zones de votre choix. Vous pouvez aussi ajouter un titre, mettre l’enregistrement en pause et le reprendre à tout moment.
Au-delà du format GIF, vous pouvez aussi exporter votre capture au format LCF, qui offre des taux de compression plus élevés.
Skype
Il a moins le vent en poupe qu’à une certaine époque, mais il peut toujours rendre de précieux services. Je veux bien sûr parler de Skype, le fameux logiciel permettant de passer des appels téléphoniques ou vidéo via Internet.
Il permet aussi, entre autres, de mener des vidéoconférences à plusieurs utilisateurs ou encore d’échanger des fichiers via sa messagerie instantanée. Il peut s’utiliser sur ordinateur, tablette ou smartphone. Tant que vous avez une webcam, un micro et une connexion Internet, il sera fonctionnel.
Slack
Slack est une plateforme de communication collaborative qui permet d’échanger en continu avec toute son équipe. C’est l’un des outils que WPMarmite utilise au quotidien.
Cela nous permet de discuter tous ensemble des projets à mener à court, moyen et long terme. Chaque personne possède son espace de travail partagé et peut en même temps accéder aux conversations générales.
Un des avantages de Slack est sa grande connectivité. On peut le brancher à des centaines de services pour travailler encore plus efficacement (et surtout dire adieu aux e-mails).
Les principales fonctionnalités sont accessibles gratuitement. Les versions pro démarrent à 6,75 €/mois et par utilisateur.
Outils en ligne essentiels pour freelances
Tiime Invoice
Tiime Invoice est une application web et mobile française pour éditer vos factures et devis. Gratuite, intuitive et pratique, elle permet aussi de personnaliser vos factures selon vos besoins.
Il est aussi possible de transformer vos devis en factures en 1 clic, ainsi que de synchroniser l’appli avec vos comptes bancaires. Par ailleurs, Tiime propose un outil pour collecter et organiser vos justificatifs, ou encore pour gérer votre compte bancaire.
QuickBooks
QuickBooks est un logiciel de gestion et de comptabilité en ligne pour les entrepreneurs et leur expert-comptable.
Ce service permet de simplifier votre gestion au quotidien en créant des factures et devis personnalisés. Vous pourrez suivre votre chiffre d’affaires et votre trésorerie en temps réel, ou encore automatiser le calcul de votre TVA.
Conforme à la nouvelle loi anti-fraude et sans engagement, QuickBooks est disponible à partir de 10 €/mois, mais vous pouvez l’essayer gratuitement pendant 30 jours.
Freebe
Freebe est un outil de facturation en ligne pour les micro-entrepreneurs prestataires de services.
Il vous permet notamment de gérer des clients, d’éditer des devis et des factures, de télécharger votre livre de recette et votre registre d’achats, etc., ainsi que de gérer votre temps.
Il est possible d’essayer l’outil gratuitement pendant 30 jours. Au-delà de ce délai, il vous faudra opter pour une licence mensuelle (11 €/mois), trimestrielle (27 €/trimestre) ou annuelle (84 €/an).
Freelancer
Freelancer est un service de création et gestion de devis et factures personnalisable qui vous permet également de suivre vos encaissements et impôts.
La version gratuite vous permet d’éditer et suivre vos devis et factures. La version Pro à 5 €/mois vous offre la possibilité de faire valider en ligne le devis par le client, de gérer les dépenses liées à votre activité ou encore de relancer les clients qui n’ont pas terminé de régler vos prestations.
Le site vous propose aussi de consulter des dizaines de fiches pratiques sur comment rédiger un devis, comment gérer un budget, comprendre la TVA, etc.
GitHub
GitHub est une gigantesque plateforme en ligne sur laquelle n’importe qui peut déposer le code de ses projets web.
L’immense communauté présente sur ce site permet l’échange entre développeurs, de proposer des modifications de code ou encore d’en récupérer des morceaux pour vos propres projets.
Google Docs
Voilà un outil dont on peut difficilement se passer, à condition d’avoir un compte Google ! Il permet de créer des documents, et de les modifier en même temps que vos collaborateurs, à partir de votre ordinateur, votre téléphone ou votre tablette.
C’est un indispensable pour travailler en équipe sur un même projet (on l’utilise d’ailleurs allègrement avec WPMarmite).
Vous pouvez chatter, ajouter des commentaires et ne plus vous soucier de l’enregistrement : Google Docs sauvegarde tout, tout seul, comme un grand. Finies, les nombreuses fois où votre éditeur de texte plantait sans prévenir, vous faisant perdre tout votre travail !
Trello
Celui-là, je suis prêt à parier que vous le connaissez. Ou que vous en avez au moins entendu parler.
Cet outil de gestion de projet en ligne permet d’organiser des tâches. Chaque projet est représenté par un tableau au sein duquel sont rattachées des cartes. Et chaque carte vous permet d’ajouter des membres, des étiquettes, des images, des checklistes ou encore de programmer des rappels.
Cet outil est idéal pour s’organiser en équipe (seul, ça marche aussi) et avoir une vision de l’état d’avancement des projets en cours.
Il existe une version Gold à partir de 5 $/mois (environ 5 €), mais la version gratuite suffit amplement pour la plupart des projets.
Notion
Notion est un espace de travail collaboratif permettant de centraliser et de synchroniser diverses informations et de gagner en productivité via un large éventail de fonctionnalité (prise de notes, rédaction de texte, suivi des tâches et des objectifs, etc.).
Des options supplémentaires sont accessibles avec la version payante, à partir de 10 $ par utilisateur et par mois (10 €).
Todoist
Todoist est un outil de gestion de tâches permettant d’organiser votre travail. À l’aide de listes, vous pouvez visualiser, diviser et prioriser simplement les tâches à accomplir.
Avec la version gratuite (à partir de 5 €/ mois), vous avez notamment accès à des rappels, un historique d’activité illimité et des thèmes et sauvegardes automatiques.
Loom
Loom est un outil permettant d’enregistrer votre écran, votre webcam et votre micro afin de partager facilement des vidéos à vos collaborateurs.
La version gratuite permet de créer jusqu’à 25 vidéos de 5 minutes par personne. Pour passer outre ces limitations et accéder à des fonctionnalités additionnelles, vous devrez vous procurer la version payante à 8 $ par mois et par personne (8 €).
Logology
Logology est un outil permettant de créer un logo de qualité en quelques minutes.
Pour ce faire, vous devez répondre à quelques questions au sujet de votre marque, après quoi Logology vous propose plusieurs logos, que vous pouvez ajuster à votre guise pour coller à vos attentes.
Je n’ai jamais trop été surpris par des générateurs de logo mais là, les concepteurs ont tout de même bien réalisé leur outil.
Logology est disponible à partir de 69 €.
Tailor Brands
« Créez un logo unique en quelques minutes » : telle est la promesse de ce service de création de logos. Cet outil utilise des modèles prédéfinis et, en fonction de vos critères et des informations que vous renseignez, vous propose différents choix de logos.
À côté de ça, Tailor Brands propose également de vous aider à établir votre présence en ligne et d’imprimer des cartes de visite et autres produits de marque.
Balsamiq
Non, on ne va pas vous causer cuisine ou vinaigre, promis. Avec Balsamiq, vous allez pouvoir créer ce que l’on appelle des wireframes.
Un wireframe, ou maquette fonctionnelle en français, représente le schéma simplifié d’une page ou d’un site web.
Balsamiq est très efficace et intuitif, vous pouvez vous le procurer à partir de 9 €/mois pour 2 projets.
Vous pouvez quand même l’utiliser gratuitement pendant 30 jours. Pour un projet isolé, ça peut déjà dépanner.
Tomato Timer
Connaissez-vous la technique Pomodoro ? Développée par Francesco Cirillo à la fin des années 1980, elle « se base sur l’usage d’un minuteur permettant de respecter des périodes de 25 minutes appelées pomodori (qui signifie en italien « tomates »), explique Wikipedia. Ces différentes périodes de travail sont séparées par de courtes pauses. »
L’outil en ligne Tomato Timer permet de reproduire cette technique sur votre ordinateur. Vous pouvez lancer un chronomètre qui décomptera 25 minutes durant lesquelles vous travaillerez. Une fois ce laps de temps écoulé, l’outil vous indique de prendre une pause (de 5 ou 10 minutes).
C’est assez particulier mais il paraît que cela stimule la productivité.
Alors, qu’est-ce que vous en dites ?
Tout d’abord, je dois vous féliciter. Vous venez de parcourir plus de 100 outils pour les créateurs de sites WordPress !
À votre avis, est-ce que nous en avons oublié un ?
En attendant, dites-moi ce que vous en avez pensé sur Twitter et partagez cet article sur vos réseaux si vous pensez qu’il peut aider d’autres personnes.