Dans cet article, je parlerai du métier de concepteur de thème, et je tenterai de dresser un tableau sur ce qui pourrait devenir notre nouveau terrain de jeu dans les années à venir.
Ma vision d’un concepteur de thème sur mesure
Quand je parle de concepteur de thème, je tiens à me concentrer sur les artisans du web et non sur les personnes ou les structures qui souhaitent mécaniser à outrance la production de thème. Du coup, en reprenant de manière métaphorique le métier d’artisan, un créateur de thème aura pour moi l’approche suivante:
- Utiliser des outils qui ont une base assez simple. Autrement dit, utiliser des thèmes qui ne font pas trop de choses. C’est un peu le contraire de ces thèmes que vous pouvez souvent rencontrer sur des plates-formes tel que Theme Forest. Ces derniers thèmes sont très lourds et ils chargent souvent beaucoup de ressources: dépendances de bibliothèques, extensions intégrées, apparences multiples intégrées.
- Utiliser des outils modulaires. Des bases de thèmes qui supportent facilement l’ajout de fonctions, d’extensions ou de constructeur de pages. Pour ce dernier point cela sous-entend que le constructeur ou page builder (en anglais) n’est pas intégré dans le thème (je pense dans ce cas à Divi).
- Privilégier le plus possible les matières premières non transformées. Par exemple, coder en CSS natif et non en CSS compilé (SASS, LESS, JS).
- Faire une structure sur mesure. Dans un site, je pense à la personnalisation du back-office et du front-office en fonctions des échanges que nous avons pu avoir avec le client. Dans ce cadre, je pense à des outils comme ACF, le nouvel éditeur WordPress (Gutenberg), les contenus sur mesure (Custom Post Type), les modèles de thème adaptés aux besoins du client (template hierarchy)…
Écosystème WordPress
Dans cet article, je vous parle de thèmes réservés à WordPress. Ce logiciel est un outil open source qui avec les années a contribué à dynamiser un écosystème très riche. Au final, c’est plus de 35% des sites qui utilisent WordPress. Malgré les désaccords qui existent autour du projet Gutenberg (le nouvel éditeur de la version 5 de WordPress), la communauté WordPress est encore puissante. On y retrouve les contributeurs, les conférenciers, les organisateurs d’évènements, les entrepreneurs et bien sûr le cœur: les utilisateurs.
De nombreux business model se sont mis en place grâce à cet outil. Ce mouvement a permis d’étendre énormément les capacités originelles de l’outil et cela nourrit l’envie d’utiliser WordPress plus qu’un autre outil. Nous pouvons trouver des thèmes fonctionnels, des extensions pour mettre en place rapidement des aspects spécifiques de notre site et des hébergeurs dédiés qui peuvent nous épauler pour prendre en main les parties les plus techniques. Ce principe d’agrégation (selon la théorie de Ben Thomson) a donné à cet écosystème une forme de stabilité en contrôlant un vaste marché d’outils ou services gratuits ou payants: services de sauvegarde, générateur de formulaires avancés, thèmes modulables, boutiques en ligne…
Évolution du marché
Malgré la bonne santé du marché, les habitudes des internautes évoluent et des acteurs importants se sont, peu à peu, bien implantés.
D’abord, côté utilisateurs, l’acquisition des contenus a évolué. La publication en ligne est de moins en moins ouverte. Elle passe désormais par des plates-formes hermétiques (comme Facebook) ou semi-ouvertes comme Linkedin ou Medium. Quand j’évoque le caractère hermétique, cela illustre du contenu qui ne peut pas être trouvé dans les moteurs de recherche. Le contenu n’est visible que sur la plate-forme qui contrôle toute la distribution: site réservé aux personnes connectées ou application mobile exclusive.
Dans un autre domaine de production de contenu, les vlog explosent. L’acquisition se fait de plus en plus par la vidéo et moins par le texte. Ici le maché est juteux, car le contenu vidéo est un ensemble indissociable qui permet de diffuser des publicités qui, contrairement aux pages web, sont ici quasi incontournables.
Enfin, d’autres acteurs dans la publication de contenu texte sont apparus. Je pense à Wix, à Squarespace (plus implanté aux États-Unis pour l’instant) ou même à WordPress.com qui paradoxalement est en train de fragiliser l’écosystème des concepteurs indépendant de site Internet. Ce dernier, sous contrôlé par d’Automattic, propose de plus en plus d’outils de personnalisation intégrés. Ceci manquait et c’est qui incitait avant les clients à passer sur la version libre de WordPress.org.
Tous ces acteurs ont de gros moyens marketing et le marché se resserre. C’est un peu comme si on comparait notre métier à la tension qui existe en Amazon et les commerçants de quartier.
Se préparer pour le futur
Face à tout cela, comment se différencier de la concurrence? Je crois vraiment qu’il faut jouer la carte du sur mesure avec de l’accompagnement. Si je reprends l’exemple d’Amazon, j’ai un contre-exemple. J’habite Paris et juste à côté de chez moi, il existe encore une quincaillerie à l’ancienne. Une espèce de caverne d’Alibaba où on trouve de tout et surtout un gérant qui connaît très bien son métier et qui vous donne de vrais conseils. Du coup, il y a tout le temps du monde et même si globalement, il est plus cher qu’Amazon, on est content de payer cette différence pour rétribuer un service qui est authentique. Vous me direz: sur Amazon, les avis jouent le même rôle. On peut se faire un idée. Sur ce point, j’ai une autre histoire. J’ai récemment acheté du matériel de photo sur Amazon qui était produit par une compagnie chinoise. Après un email échangé avec eux, ils m’ont proposé de tester d’autres produits. Si je laissais un commentaire avec une photo et cinq étoiles, ce même produit m’était envoyé gratuitement. Tout ça pour dire que les commentaires en ligne ne sont pas toujours fiables. Un business gigantesque s’est d’ailleurs construit autour de ces types de services.
Quels outils choisir pour créer son thème
Voici une liste de thème que je recommande. Toutes ces bases thèmes supportent les constructeurs de pages populaires: Elementor ou Beaver Builder. Gardez à l’esprit que lorsqu’une base de thème est populaire, la compatibilité avec les extensions et les services est renforcée et les problèmes en tout genre sont plus rapidement résolus. Nous trouvons la même logique avec les extensions.
Genesis
Ce thème est très utilisé. Nous travaillons toujours sur le thème enfant. Il y a assez peu d’options de base. Par contre, la communauté est importante et de nombreux outils peuvent se greffer dessus. Le thème est payant tout de suite. Par contre, le paiement se fait en une seule fois et à vie. Genesis a une infinité de hooks de manière à pouvoir être modeler votre thème en fonction de vos besoins.
Prix: 59,95$ en une seule fois et à vie pour un nombre illimité de sites. Un thème, Genesis Sample, sert de base de travail.
GeneratePress
Le thème de base est gratuit WordPress.org. La communauté est très importante. De nombreux hook sont possibles pour les développeurs. Pour les modules avancés, c’est payant et le paiement se fait annuellement. Pour l’avoir essayé de manière intensive, je le trouve très bien conçu. Il a moins de possibilités que Genesis, mais les options présentent dans le Personnaliseur sont très appréciables. Par contre, pour que le thème enfant soit vraiment pérenne, il faudra le construire avec les hooks. Je tâcherai d’écrire un article sur le sujet.
Prix: 49,95$ par an pour 1 an et un nombre illimité de sites. Le renouvellement se fait avec une remise de 40%.
OceanWP
Le thème gratuit basique sur WordPress.org. La communauté est importante. De nombreux hooks sont aussi au rendez-vous pour les développeurs. Pour les modules avancés, c’est payant et le paiement se fait annuellement. Pour être honnête, je ne l’ai pas encore essayé. Par contre, j’ai eu de très bons retours de personnes en qui j’ai entièrement confiance.
Prix: Trois prix pour les modules premium et les démos pros. Pour 1 site: 39€. Pour 3 sites: 79€. Pour un nombre illimité: 129€.
Divi
La communauté est importante. Les options sont soit dans le mode personnalisé soit dans le constructeur de pages intégré. Il est possible d’essayer le thème, mais il est payant dès le début. Malgré sa popularité, c’est sans doute celui que je recommanderai en dernier. Pour l’avoir essayé plusieurs fois, il n’est pas très souple dès qu’il s’agit de faire des thèmes sur mesure.
Prix: 89$ par an pour tous les thèmes, y compris le thème Divi. Ou 249$ pour une licence à vie.
Le modulaire sur mesure
L’approche que je préconise
Il s’agit finalement de trouver les outils qui permettent de gagner du temps tout en restant suffisamment ouverts. Je présenterai deux approches: une première vraiment sur mesure et une autre intermédiaire. À chaque fois, pour ne pas surcharger l’article, je donne les grandes lignes seulement.
Thème sur mesure avec Genesis
Ce moteur de thème va me permettre de construire un site sur mesure: créer des contenus personnalisés, un back-office adapté avec ACF et les blocs de l’éditeur moderne (Gutenberg) et une mise en forme fluide avec des CSS modernes (Grid Layout, Flex…). Ici il s’agira de s’adapter rapidement aux besoins du client. Le projet sera évolutif et pérenne dans le temps, car Genesis suit sans encombre les évolutions de l’écosystème et la mise à jour se fait directement depuis le back-office.
Dans ce type de projet, je pars du thème enfant de base: Genesis Sample. La version sur Github est plus réservée au développeur. Vous trouvez une version simplifiée dans la page de votre compte sur le site de StudioPress.
Une fois le thème en place, je vais créer des différents contenus et appliquer les CSS pour mobile d’abord. Grâce à une @supports
query, je pourrai utiliser Grid Layout CSS pour créer des mises en page plus complexes et plus souples à gérer.
Ce qu’il faut savoir: Genesis s’accorde sur la logique de WordPress à tous les niveaux: la base est simple et le thème est extensible avec des extensions toutes faites ou des hook qui sont présents partout.
Thème modulable sans code et modifiable par le client
GeneratePress est un thème très populaire que j’ai découvert récemment. Je comptais l’utiliser pour un client qui souhaitait avec la main sur l’aspect du site. Si vous l’utilisez, je vous recommande de prendre tout de suite le module Premium qui ajoute de nombreuses options pour les points suivant: les polices de caractère, des éléments sur mesure en fonction de conditions, des arrière-plans, une possibilité de masquer des éléments dans chaque type de contenu. Toutes ces options sont vraiment bien conçues et cela apporte une vraie valeur ajoutée au projet: pour vous quand il s’agit d’installer rapidement des options ou pour votre client qui voudrait faire évoluer son site de manière autonome.
Vous pouvez bien sûr travailler avec un thème enfant qui est fourni. J’insiste sur ce point, car j’ai encore en 2019 testé des thèmes qui supportent mal l’utilisation des thèmes enfant.
Vous pouvez également modifier plus en profondeur le thème grâce aux très nombreux hooks qui sont disponibles aussi bien pour des fonctions à ajouter ou pour intervenir sur les options natives du thème.
Ce qu’il faut savoir: GeneratePress n’a pas la même logique que Genesis quand il s’agit d’ajouter des modèles de page. Je le trouve moins souple, mais j’ai trouvé une manière de le contourner. J’écrirai un article sur le sujet.
Se former sur la conception de thèmes sur mesure
En plus des tutoriels sur WordPress, j’ai mis en place une formation WordPress à Paris sur la création de thèmes sur mesure avec Genesis. Elle est prise en charge par l’AFDAS, ou les OPCA. Pendant 5 jours, en tout petit groupe de 4 ou 5 personnes. N’hésitez pas à vous inscrire à la newsletter pour être tenu informé.e des prochaines dates.
15 réponses
Bonjour Grégoire,
je partage pleinement cette approche de préférence artisanale pour la création de sites, merci pour cette confirmation !
Un détail dont je ne trouve pas la réponse ce matin :
avec ACF Pro sur twenty seven, faut-il que je passe php à la version 7.2 ? L’hébergeur du site actuel, Celeonet, ne propose que 5.6 en mutualisé. Cela me semble limité et pas bien prudent de rester sur cette « ancienne » version, qu’en pensez-vous ?
Pierre
Merci Pierre.
Oui il est temps de changer d’hébergeur.
À bientôt 🙂
5.6 c’est la version de PHP ou de MySQL ?
Ça paraît bizarre quand même….
Je pense que c’est PHP. Chez mon hébergeur, il m’ont imposé le passage à 7.2. Cette version de PHP n’est plus supportée.
Merci Grégoire pour ces articles toujours très pertinents.
Mention spéciale pour les paragraphes « Évolution du marché » et « Se préparer pour le futur » : comme c’est juste !
A une prochaine.
Merci beaucoup pour tes remarques Raoul. Fais-moi signe quand tu passes à Paris.
[…] Grégoir Noyelles nous parle du métier de concepteur de thèmes dans son article Devenir créateur de thèmes WordPress en 2019 […]
Bonjour Grégoire,
Je suis en train d’essayer de comprendre comment me référencer sur google. Un artisan a le même référencement que moi et chaque fois que j’essai d’ouvrir mon site j’arrive chez elle.
Comment faire ?
Actuellement je suis toujours en maintenance, donc pas grave, mais j’y pense quand même.
Y-a t’il une solution ?
A la prochaine Georges
Bonjour Georges,
Je ne suis pas sûr de comprendre. Comment arrivez-vous sur un autre site en ouvrant le vôtre?
Bonjour,
merci pour cet article passionnant qui présente bien votre métier et les outils a privilégier.
Belle soirée,
Jean
Merci beaucoup Jean 🙂
Merci enfin je trouve un echo à ma vision des choses .. juste en core divi que je trouve vraiement pas stable et mal foutu.. je crois que si de doit vraiment passé par un theme builder se sera Elementor … avec un pincement au coeur … j’aime trops coder mais c’est pas toujours possible.
Merci John. Sinon, avec Genesis et GeneratePress, tu peux combiner le code et le page Builder. Je le fais régulièrement.
Merci Grégoire pour toutes ces choses.Je partage entièrement votre vision de notre métier même si pour ma part je préfère travailler avec un starter thème et ajouté toutes les « customisations » nécessaires à mon client. Cela génère du travail en plus mais me permet d’être totalement flexible.
Bonjour Fabrice,
Pour ma part, Genesis ou GeneratePress sont mes starters theme.