Ma boite à outils

Dernière mise à jour : mercredi 14 février 2024

WordPress

Thèmes

GeneratePress

Mon thème favori ! Ultra léger, accessible (suit le WCAG 2.0), bien pensé. J’aime beaucoup la philosophie de l’équipe derrière qui essaye de faire des choses propres avec une vision long terme. C’est un thème adapté pour les développeurs ou les personnes qui aiment bidouiller.

Kadence

C’est une bonne alternative, moins brute et plus simplifiée à GeneratePress tout en restant léger. Ils ont un écosystème de plugins qui permet de simplifier la création de sites (Blocks, Conversions, ShopKit). Le thème est pensé pour être accessible (et leurs autres produits aussi)

Blocksy

C’est léger, les deux développeurs derrière ont une vision de long terme. La grosse différence avec GeneratePress c’est qu’il embarque plus de fonctionnalité « Ready to go » donc, tu as moins besoin de bidouiller/développer qu’avec GeneratePress. Pas mis en avant, mais le thème est accessible (peut-être moins que GeneratePress ou Kadence ?)

Twenty Twenty-Three

Un des thème installé par défaut sur WordPress. Pas beaucoup de fonctionnalités, mais c’est un thème compatible FSE, donc avec le Site Editor ça te permet de faire pas mal de choses ! Adapté pour les sites très simples. C’est un thème très léger et performant.

---

Constructeurs Gutenberg

Gutenberg c’est l’éditeur natif à WordPress qui permet de construire visuellement des pages, des articles etc…

Tu peux étendre cet éditeur, avec des extensions qui vont te permettre de faire des mises en page plus poussées, tout en gardant les avantages de Gutenberg : la stabilité et la légèreté.

GenerateBlocks

Peu de fonctionnalités, pas de blocs « pré-fait », mais l’essentiel pour te permettre de créer à peu prêt n’importe quelle mise en page ! Combiné avec GeneratePress, c’est l’équipe gagnante ! (et c’est ce que j’utilise la majorité du temps). La courbe d’apprentissage est un peu raide si tu n’est pas développeur. Les différents blocs sont pensés pour être accessibles.

KadenceBlocks

Tu as plus de blocs « pré-faits » que GenerateBlocks, c’est plus simplifié, donc si tu n’es pas développeur, c’est plus facile à prendre en main. Les différents blocs sont pensés pour être accessibles.

Stackable

Le remplaçant d’Elementor à la sauce Gutenberg ? Pleins de fonctionnalités, de blocs etc…

---

Site builders

C’est les constructeurs nouvelle génération, qui permettent de faire des sites plus légers qu’Elementor, Divi & co.

Ils ne s’appuient pas sur Gutenberg, mais ils permettent de faire des mises en page tout aussi légère.

Si tu cherches un remplaçant à Elementor ou Divi, mais que tu ne veux pas aller sur Gutenberg, c’est ceux-là qu’il faut regarder :

Bricks

Il y a une bonne communauté qui se construit derrière Bricks, on en entend beaucoup parler. Il fonctionne uniquement avec une licence à vie, donc ça peut être vite rentable pour toi (par contre, à voir si c’est rentable pour eux dans le temps). Pensé pour être accessibles.

Oxygen

le plus vieux des constructeurs de pages « clean ». Pas mal utilisé en écoconception. Par contre, c’est un peu technique. Il y a aussi des controverses sur le fait que ce constructeur va continuer d’être développé dans le futur (l’équipe affirme que ça continuera à l’être)

Breakdance

Par la même équipe fondatrice qu’Oxygen. À priori, l’idée de faire une licence lifetime était une bêtise niveau rentabilité, du coup ils lancent un nouveau builder moins technique qu’Oxygen et avec un business model d’abonnement cette fois. L’UX a l’air très sympa. À voir ce que ce builder devient avec le temps.

---

SEO

SEOPress

Simple, tu peux désactiver les fonctionnalités que tu n’utilises pas. Conçu par des Français. Pas de pub ou de bloat comme d’autres extensions. C’est le plugin que j’utilise actuellement.

Rank Math

Jamais utilisé, mais elle est super réputé et j’entends des excellents retours dessus.

EDIT : Je l’ai maintenant utilisé sur un projet. Le plugin affiche constament des annonces (pour upgrade sur le premium, par exemple), sur le tableau de bord. Pas ouf.

The SEO Framework

A gagné une forte popularité pour être un plugin qui va droit au but, sans artifice, bloat ou bullshift. Léger et sécurisé.

Slim SEO

Un peu dans le même état d’esprit que The SEO Framework. Très minimaliste, si tu n’as pas besoin de quelque chose de poussé (avec analyse de contenu), ça peut te convenir. Tu l’installe et tout est gérer automatiquement pour toi. Une chose intéressante, c’est que c’est modulable, on peut étendre les fonctionnalités en fonction de ses besoins avec des snippets PHP.

SEOKey

Une petite nouvelle, lancé par la réputée agence française SeoMix. Le concept, c’est d’optimiser automatiquement le maximum de choses et t’accompagner ensuite dans le reste des optimisations. Prometteur !

---

Formulaire

Gravity Forms

Le plugin de formulaires qui a la plus grosse démarche d’accessibilité. Ils ont passé un audit pour être conforme avec le WCAG 2.1AA. C’est léger, ergonomique, par contre pour personnaliser le style de formulaire, ça passe beaucoup par du CSS, mais leur support est vraiment top, donc tu peux demander facilement de l’aide. Uniquement payant.

Fluent Form

Le plugin de formulaires le plus léger. Quand je l’utilisais, c’était pas accessible, mais ils ont l’air d’avoir fait des progrès dessus. Par contre, pas fan de l’ergonomie pour créer les formulaires.

---

Statistiques

Koko Analytics

Affiche juste l’essentiel : le nombre de visites, les pages vues, d’où proviennent les visites (de manière globale). Pour la plupart des gens ça suffit. Les données restent sur ton serveur. C’est ce que j’utilise comme outils de statistiques sur les sites que je fais.

Burst Statistics

Dans la même veine que Koko, mais un peu plus avancé. Tu peux voir le type d’appareils (tablette, téléphone…) qui sont le plus utilisés pour consulter ton site et mettre des objectifs de statistiques par exemple.

Matomo

Une alternative à Google Analytics, les données sont stockées sur ton serveur. RGPD friendly, mais ça collecte beaucoup de données par défaut, donc à voir si tu as vraiment besoin de tout ça.

---

Sécurité

BBQ Firewall

Un excellent plugin pour renforcer la sécurité de WordPress. C’est ultra-simple, juste à installer, rien à paramétrer et ça fonctionne ! (ça ne ralentit pas le site aussi). Le traitement est 100% faits en local.

Wordfence

Un autre plugin de sécurité que j’utilise sur certains sites. Il a un excellent scan, si jamais tu t’es fait pirater c’est celui-là qu’il faut tester en premier.

WP Armour

J’ai testé ça sur le site d’une cliente qui a un formulaire créé avec Elementor et ça a l’air d’avoir éliminé le spam. Parfait pour éviter d’installer un Google Recaptcha ou autres trucs du genre. Le traitement est 100% faits en local

Antispam Bee

Élimine les spams des commentaires. Tout est fait en local sans connexion externe. 100% respectueux de la vie privée. Bonne alternative à Akismet.

---

Sauvegarde

UpdraftPlus

Le plugin de sauvegarde le plus connu. C’est fiable. Tu as la possibilité d’acheter seulement les fonctionnalités qui t’intéressent, donc ça peut être intéressant niveau budget. C’est celui que j’utilise.

BackWPup

Très populaire aussi (plus de 700 000 installations). C’est du solide. L’interface est un peu plus brute qu’Updraft.

Backuply

Le petit nouveau (mais déjà actif sur plus de 200 000 installations). C’est un plugin développé Softaculous. L’interface fait penser à Updraft.

Koofr

Un bon endroit où stocker ses sauvegardes. Respectueux des données personnelles. 10 Go gratuit. Situé en Europe (Slovénie). Supporte le webDAV

---

Optimisations générales

LiteSpeed Cache

Un excellent plugin de cache couplé à un serveur LiteSpeed et ça va encore plus loin que ça ! Il optimise aussi d’autres éléments (polices, CSS…). C’est ce que j’utilise si j’ai un serveur LiteSpeed sous la main.

WP Rocket

Un des plugins de cache les plus populaires (et aussi des plus vieux). Bonne réputation. Pas besoin de faire de configuration spéciale, c’est plug and play. L’interface est très simple et pédagogique ! Uniquement payant.

FlyingPress

Une bonne alternative à WP Rocket. Créé par un expert de la performance WordPress (Gijo Varghese). Uniquement payant.

Perfmatters

Pas un plugin de cache, mais utile pour optimiser le chargement d’éléments et désactiver/activer tout un tas d’autres choses. Uniquement payant.

Simply Static

Un petit plugin qui te permet de convertir ton site WordPress en site statique. Pratique pour un site qui ne bouge pas beaucoup ! (ou pas du tout)

---

Optimisation d’images

LiteSpeed Cache

Ce n’est pas qu’un plugin de cache ! Ils ont aussi une fonctionnalité pour optimiser les images gratuitement et sans inscription (avec une limite). Plutôt cool, si ça te permet d’économiser l’installation d’un plugin.

ShortPixel

Probablement le plugin qui a le meilleur rapport qualité/compression. Propose une compression Glossy sur le JPEG pour garder une super qualité, donc top pour les photographes par exemple. Plan gratuit limité.

Converter for Media

Excellent rapport qualité/compression ! La version gratuite ne convertit pas en AVIF (qui est meilleur que le WebP), donc la version pro vaut le coup. Si tu convertis beaucoup d’images, ça peut être plus intéressant en termes de prix que ShortPixel.

---

Gestion

WP Umbrella

Récent, mais déjà très sympa. Tu peux sauvegarder, faire des mises à jour, créer des rapports, depuis une interface simple (et d’autres choses arrivent). Développé par des Français, bien implémenté dans l’écosystème WordPress. Utilise pour sa base de données l’hébergeur Scaleway, qui a une démarche écologique.

Manage WP

Un des plus connus. Le prix est modulaire, tu paies pour les options dont tu as besoin. Plus de fonctionnalités que WP Umbrella (mais beaucoup plus ancien aussi). Plus d’évolutions du service depuis le rachat par GoDaddy.

WP Remote

Toutes les fonctionnalités qu’il faut pour gérer plusieurs sites WordPress. Ici tu paies un abonnement au mois.

---

Autres

Code Snippets

Pratique pour ajouter du code PHP simplement, sans créer de child theme. C’est ce que j’utilise. La version Pro, permet aussi d’ajouter du CSS

WPCodeBox

Pareil que Code Snippets, mais semble plus puissant. Uniquement payant.

GridBuilder

Populaire et puissant pour créer des grilles de contenus (portfolio, articles, e-commerce…). Ils ont une démarche d’accessibilité (ils suivent le WCAG). Uniquement payant.

FacetWP

Une alternative à GridBuilder. Jamais testé, mais on m’a dit que c’était mieux fichu sur mobile. Uniquement payant.

Safe SVG

Permet d’uploader des SVG en toute sécurité.

Embed Privacy

Bloque automatiquement les requêtes à des sites comme YouTube, Twitter… jusqu’à ce que le visiteur donne son consentement.

Smash Balloon Social Photo Feed

Le plugin le plus populaire pour intégrer Instagram. Il y a une option RGPD pour faire en sorte de ne pas faire de requêtes vers Instagram. Pas fan du fait que ça appartienne à Awesome Motive.

Simply Schedule Appointments

Un Calendly à la sauce WordPress. Ils ont une démarche d’accessibilité.

FakerPress

Pratique pour générer du faux contenu (articles, pages…) sur un site vide.

WP Reset

Un plugin boite à outils pour débugger un site WordPress. Tu peux aussi réinitialiser ton site.

All-in-One WP Migration

Un plugin ultra simple pour t’aider à migrer un site d’un serveur à un autre (ou bien changer l’adresse de ton site). Super UX !

Patchstack Database

Une base de vulnérabilités WordPress (thèmes, plugins, Core). Pratique pour rechercher quand un plugin a eu une vulnérabilité, regarder son historique en termes de sécurité…

PluginTests

Permet de voir si un plugin fonctionne avant de l’installer. Donne pleins d’informations intéressantes, comme l’impact sur les performances après avoir activé le plugin.

wp.new

Une installation WordPress en ligne toute fraîche, sans compte et en quelques secondes. Pratique pour tester un plugin, thème… (Préfère tester en local, c’est moins énergivore)

InstaWP

Permet d’avoir un serveur de préproduction pour tester des choses ou développer un site.

TasteWP

Pareil qu’InstaWP, moins avancé, mais beaucoup moins cher.

Webonthebeach

Comme Instawp et TasteWP, mais développé par des Français. Prix accessible, mais moins avancé qu’un InstaWP.

WordPress Playground

Un WordPress directement dans le navigateur, sans rien avoir à installer. Pratique pour tester des plugins/thèmes. Toutes les modifications sont perdues après le refresh de la page, MAIS tu peux télécharger l’installation, revenir sur WordPress Playground plus tard et uploader ta config précédentes, ce qui te permet de reprendre là où tu en étais.

---

Outils divers

Éco-conception

Ecoindex

L’outil d’analyse du collectif Green IT. Vraiment portée sur comment la page est construite (son poids, le nombre d’éléments, de requêtes). C’est assez « sévère », si tu n’as pas une page simple, tu n’arriveras pas à atteindre un bon score (mais, il faut garder ça comme un guide)

Ecograder

Reprend la même méthodologie de calcul que Website Carbon Calculator, mais donne plus de détails sur les différents éléments d’impact du score. Des mesures sont faites avec Google Lighthouse pour compléter le tout. Je préfère Ecograder à Website Carbon Calculator, beaucoup plus complet et avec des recommandations pratiques !

Website Carbon Calculator

Le plus connu. Contrairement à Ecoindex, l’hébergeur web que tu utilises a un impact sur le score final (s’il est dans la liste des hébergeurs éco-responsable ou pas).

Web Karbon

Dans le même état d’esprit qu’Ecoindex, mais avec des recommandations personnalisées pour t’aider à rendre ton site plus écoconçu.

---

Accessibilité

Wave

L’outil que j’utilise pour auditer rapidement l’accessibilité d’un site. J’aime bien le côté visuel, qui t’affiche toutes les erreurs sur la page.

axe DevTools

J’ai l’impression que ça donne des erreurs un peu plus « techniques » à corriger que Wave. C’est un bon complément, mais si tu commences ton chemin vers l’accessibilité, c’est peut-être un peu compliqué.

Color Contrast Analyzer

Pratique pour tester le contraste d’un texte sur une image !

Colour Contrast Checker

C’est ce que j’utilise pour tester un contraste. C’est simple et clair. J’aime bien le fait qu’on puisse ajuster sa couleur pour trouver un contraste qui fonctionne.

Tanaguru Constrast Finder

Te proposent des couleurs alternatives pour avoir un contraste accessible.

Luciole

Une police réfléchit pour proposer la meilleure lisibilité par les personnes malvoyantes. Il y a tout les caractères dont tu as besoin. Gratuite.

---

Statistiques

Plausible

Très connus. 100% bootstrap (l’entreprise n’a pas grossi grâce à des investissements extérieurs). Fonctionne sans cookies. Open Source.

Fathom

Très connu aussi. Propriétaire.

Simple Analytics

C’était assez connu en 2018/2019, je sais pas si c’est toujours le cas.

---

Newsletter

Buttondown

Minimaliste et avec des fonctionnalités cools (par exemple, ça vérifie automatiquement s’il y a un lien cassé dans ton mail). Respectueux de la vie privée. Portabilité de tes données. Développé et gérer par une seule personne. Gratuit jusqu’à 100 abonnés. 10% des bénéfices vont à des projets sur le climat.

Mailpoet

C’est un plugin WordPress qui te permet de créer et envoyer tes mails directement depuis WordPress. Gratuit jusqu’à 1000 abonnés.

Fellowship

Un petit outil français pour lancer sa newsletter. Ça a l’air de se comparer à Substack, pour le côté social (possibilité d’avoir un blog et d’avoir des commentaires). Ils ont l’air d’être dans de bonnes valeurs, ils s’affichent comme respectueux de la vie privée, tu as la possibilité d’exporter tes abonnées. Pour l’instant, ils ne semblent pas avoir d’offre payante, donc j’attends de voir leur business model. Actuellement, leurs formulaires ne semblent pas accessibles. Prometteur dans l’ensemble.

---

Formulaire

Framaforms

Très focus sur le respect de la vie privée. Proposé gratuitement avec quelques limites, par l’association Framasoft, connu dans le monde du logiciel libre.

Tally

Beaucoup de champs différents et d’intégrations. Assez poussé sur la partie collaboration en équipe. A une démarche de respect des données personnelles. Et c’est made in Belgique.

EDIT : si tu l’utilises en combinaison avec WP Rocket, ça peut poser quelques problèmes d’affichage d’après un retour que j’ai eu. Donc à faire attention.

---

SEO

SLNWeb

Permet de faire une analyse rapide du SEO onsite d’un site. Pas mal d’informations affichées. Gratuit.

Experte PageSpeed Test

Permet de saisir un mot clé et de voir le résultat PageSpeed de toutes les URLs qui se positionnes dessus.

---

Optimisations

SVGOMG

Permet d’enlever tout l’inutile dans tes SVG et de réduire leurs poids.

PageSpeed

L’outil d’analyse de performance de Google. Ne pas chercher à suivre toutes les recommandations (certaines sont contre-productive) ou à avoir un score parfait.

Experte PageSpeed Test

Permet faire des tests PageSpeed en bulk sur plusieurs URL. Gain de temps massif !

WebPageTest

Outil super complet pour analyser la rapidité et les performances d’une page web. Je le préfère à GTmetrix.

Pingdom

Un autre outil d’analyse de performance, que j’utilise en complément des précédents.

---

Diagnostique

Newsletter spam test

Permet de tester si tes mails atterrissent dans les spams et donne un score de délivrabilité.

MX Lookup Tool

Permet de vérifier à partir de quel serveur sont envoyés les mails, si l’adresse est blacklistée, si le DMARC est bien présent etc..

Email Checker

Permet de vérifier si une adresse mail existe ou pas.

Open Graph Preview

Voir comment s’affiche un lien vers ton site sur les réseaux sociaux. Ça n’est pas uniquement pour Facebook, contrairement à ce que l’outil pourrait laisser penser.

Why No Padlock?

Voir pourquoi son site ne veut pas se mettre en HTTPS et pourquoi il affiche un joli cadenas rouge.

Who.is

Voir chez quel hébergeur est hébergé un site et à qui appartient un nom de domaine.

DNS Checker

Pratique après un changement d’hébergeur, pour voir si le nom de domaine pointe bien vers l’hébergement pour tout le monde et que la propagation DNS est finalisée.

HTTP Status

Voir si tes redirections sont bien effectuées. (par exemple, les redirections 301 en SEO)

Website Hosting Checker

Permet de voir quel hébergeur web utilise un site web.

---

Autres

Font Converter

Pratique pour convertir une police d’un format à un autre (de woff à woff2 par exemple)

Online text formatting

Te permet de convertir un texte tout en majuscule, en minuscule. (ou le contraire, ou mettre des majuscules à chaque début de phrases…)

Emojigraph

Une liste de tout les emojis existant. Ce qui est cool, c’est que tu as la description de comment l’émoji va être interprété par un lecteur d’écran.

Google webfonts helper

Petit outil très pratique pour télécharger des Google Fonts

Can I Use

Pratique pour voir quelle technologie est supportée par quel navigateur, à partir de quelle version…

Wappalyzer

Voir en 1 clic ce qu’utilise un site comme CMS, plugins etc…

OVH Mail Migrator

Migrer les mails (contacts, agenda…), d’une boîte mail à une autre. Tu peux l’utiliser même si tu n’es pas client OVH.

Mailbox Imapsync Online

Pareil qu’OVH Mail Migrator, mais limité à 3 Go de transfert.

AlternativeTo

Un site qui permet de trouver toutes les alternatives à une application, un service. Tellement pratique ! Je l’utilise beaucoup depuis de longues années !

WhatsApp Link Generator

Permet de générer un lien vers une conversation WhatsApp à partir d’un numéro. Pratique pour certains Call To Action.

CSS Formatter

Coller ton code CSS dans l’outil et il t’affiche les erreurs qu’il y a dedans. (ou pas si ton code est tip top)

FontSee

Permet de prévisualiser des fichiers de fonts (woff, OTF…)

---

Alternatives Google Suite

Nextcloud

Une suite tout en un que tu peux héberger sur ton propre serveur (certains fournisseurs permettent d’avoir une installation clé en main). Existe depuis super longtemps (c’est un fork de Owncloud).

Edit : WOW ! Je viens de voir la démo de Nextcloud Hub 5, c’est vraiment hyper bien ! Ça semble pouvoir concurrencer les suites collaboratives des GAFAM !

kSuite

Mail, Calendrier, Drive, Docs, Messagerie, Visio et plus encore. Le tout hébergé et gérer par l’hébergeur web Suisse Infomaniak.

Proton for Business

Mail, Calendrier, Drive, Gestionnaire de mot de passe et VPN. Très orienté sur le respect de la vie privée

Indie Hosters

Drive, Calendrier, Docs, Messagerie et Visio. Très versé dans le monde du libre. Le coût est calculé en fonction du besoin.

---

Webdesign

Polices

Fontshare

Une belle sélection de polices totalement gratuites. Pas mal d’options de tri pour faciliter le choix. Permet d’avoir des polices moins vues que celles sur Google Fonts.

Use & Modify

Des polices open source et gratuite. Vraiment cool, très visuel !

atipo foundry

WOW, super content d’avoir découvert cette fonderie ! De super polices, avec un prix libre, et une licence simple et correct !

I Love Typography

Un shop qui sélectionne uniquement des polices créées par des fonderies indépendantes

---

Illustrations

atipo illustration

Une petite collection d’illustrations très sympas par un studio de design espagnol.

Blush

Tu peux créer ton illustration personnalisée en choisissant la couleur de peau, le type de visage, de cheveux etc… De superbes illustrations ! Très « pop » dans son univers.

Craftwork

Une place de marché qui propose des illustrations un peu plus originales que ce qu’on peut voir ailleurs. Il y a des trucs vraiment atypique !

Icons8

Propose de jolies packs d’illustrations avec un achat à l’unité ou à l’abonnement.

---

Icônes / Pictogrammes

Noun Project

Plein de petites/moyennes collections de qualité. Il y a une offre gratuite qui te permet d’accéder à toutes les icônes gratuitement (mais avec attribution), l’offre payante est carrément pas chère. Icônes non colorées.

Streamline

Super qualité. Se concentre sur quelques collections, mais avec beaucoup d’icônes à l’intérieur (les packs sont régulièrement mise à jour). Niveau prix, c’est pas du lowcost, mais ça reste raisonnable. L’entreprise est bootstrap et vise le long terme.

Reshot

Plus de 40 000 icônes que tu peux utiliser gratuitement et sans obligation d’attribution. Y’a de belles choses. Globalement c’est plein de petites collections, donc ça peut être difficile à utiliser pour un projet qui a besoin de beaucoup d’icônes en gardant de la consistance.

Iconfinder

Beaucoup de collections avec BEAUCOUP d’icônes à l’intérieur. Bien pour les projets qui ont besoin de beaucoup d’icônes en gardant de la consistance. Par contre, leur pricing est un peu un casse-tête…