La bonne question n’est jamais « quel outil est le meilleur ? » mais « de quelle nature est mon projet ? ». Et une fois qu’on se la pose sérieusement, le constat est simple : pour l’immense majorité des besoins d’une TPE ou d’une PME, un site de contenu, une vitrine, une boutique en ligne, WordPress reste le meilleur choix. Il n’y a qu’un seul terrain où il ne faut pas l’utiliser, et je vais y venir.

Dans cet article, je vais être direct avec vous. Je suis moi-même spécialisé dans la création de sites WordPress et le référencement naturel, et je vais vous expliquer où WordPress est imbattable, comment il se compare aux alternatives à la mode, et le seul cas où il faut vraiment passer à autre chose.

Ce qu’est vraiment WordPress

Avant d’aller plus loin, remettons une définition simple sur la table, parce que tout part de là.

WordPress est un CMS, un Content Management System, en français, un système de gestion de contenu. Sa raison d’être tient en une phrase : permettre à une personne non technique de créer, publier et mettre à jour du contenu, sans écrire une ligne de code. Un article, une page, une fiche produit, une image : vous vous connectez, vous éditez, vous publiez.

C’est là toute sa puissance, et c’est aussi la clé pour comprendre où sont ses limites. Un CMS est conçu pour gérer du contenu, de l’information que vous affichez et mettez à jour régulièrement. Il n’a pas été pensé pour faire tourner une logique métier : des calculs spécifiques, des workflows complexes, des règles propres à votre activité.

Gardez cette distinction en tête pendant toute la suite de l’article. Contenu d’un côté, application de l’autre. Presque tous les mauvais choix technologiques que je vois viennent du fait qu’on a confondu les deux.

Le contenu : le terrain roi de WordPress

Soyons clairs : quand il s’agit de gérer du contenu, WordPress n’est pas un bon choix, c’est le meilleur choix. Et je ne le dis pas par habitude, mais parce que rien ne fait mieux le travail.

Le cas d’usage roi, c’est le blog et le site éditorial. Si votre projet consiste à publier régulièrement des articles, des actualités, des pages de contenu, et surtout à le faire en autonomie sans dépendre d’un développeur à chaque virgule, WordPress est taillé pour ça. L’interface d’édition est pensée pour des rédacteurs, pas pour des informaticiens. Vos équipes publient, programment, modifient et organisent leur contenu toutes seules.

Autre point décisif, et c’est mon métier : WordPress est excellent pour le référencement naturel. L’écosystème est mûr, les outils SEO sont là, la structure de contenu est propre et maîtrisable. Pour un site dont l’objectif est d’être trouvé sur Google, c’est-à-dire à peu près tous les sites d’entreprise, c’est un atout que les outils concurrents peinent encore à égaler. Un site WordPress bien construit et bien optimisé, c’est une machine à générer du trafic qualifié dans la durée.

Dès que votre projet tourne autour du contenu que vous voulez pouvoir mettre à jour vous-même et faire remonter sur Google, ne cherchez pas plus loin.

Une vitrine ou une page simple : WordPress face à Framer et Webflow

C’est là qu’on entend souvent : « pour un petit site vitrine, autant prendre Framer ou Webflow, c’est plus moderne ». Regardons cela honnêtement, parce que ces outils ont de vraies qualités.

Framer est excellent pour produire une page très design, animée, sortie rapidement, typiquement une landing page de campagne ou un site de quelques pages purement esthétique. Webflow va un cran plus loin, avec un éditeur visuel puissant et un système de contenu intégré. Ce sont de bons outils, je ne vais pas vous dire le contraire.

Mais pour une TPE ou une PME, il y a trois questions qui font toute la différence, et sur les trois, WordPress l’emporte.

D’abord, l’autonomie et l’évolutivité. Un site vitrine n’est presque jamais figé : vous voudrez ajouter une page, ouvrir un blog, brancher une boutique plus tard. Avec WordPress, tout cela se greffe naturellement sur la même base. Avec Framer ou Webflow, vous êtes vite limité par le cadre de l’outil, et le jour où vous voulez évoluer, il faut souvent tout refaire ailleurs.

Ensuite, le référencement. WordPress dispose de l’écosystème SEO le plus abouti du marché. Pour une entreprise qui compte sur Google pour se faire connaître, c’est un avantage concret et durable.

Enfin, l’indépendance et le coût dans la durée. Framer et Webflow fonctionnent par abonnement mensuel, sur leur plateforme : vous louez votre site plus que vous ne le possédez. Avec WordPress, vous êtes propriétaire de votre site, libre de votre hébergeur et de vos prestataires.

Ma conclusion est nette : pour une page unique, purement décorative et jetable, Framer fait le travail. Mais dès qu’il s’agit du vrai site d’une entreprise, celui qui doit durer, évoluer et générer du trafic, WordPress reste le choix le plus solide.

Une boutique en ligne : WooCommerce face à Shopify

L’e-commerce est un cas particulier, parce qu’au fond une boutique, c’est d’abord… du contenu. Un catalogue de produits, ce sont des fiches, un titre, une description, des photos, un prix, que l’on crée et met à jour. C’est exactement ce que WordPress sait faire, via son extension WooCommerce.

Face à lui, Shopify est l’alternative la plus citée, et elle a un vrai argument : c’est une solution clé en main, hébergée, où vous ne gérez ni serveur, ni mises à jour, ni sauvegardes. Pour se lancer très vite sans aucune compétence technique, c’est efficace.

Mais cette simplicité a un prix, au sens propre comme au figuré. Shopify, c’est un abonnement mensuel qui court tant que la boutique existe, et souvent des frais de transaction prélevés sur chacune de vos ventes si vous n’utilisez pas leur solution de paiement. C’est aussi un cadre rigide : vous êtes contraint par ce que la plateforme autorise, avec moins de liberté sur le design comme sur le référencement.

WooCommerce prend le problème dans l’autre sens. Vous êtes propriétaire de votre boutique, libre de la personnaliser sans limite, et surtout elle vit sur le même socle que votre contenu et votre SEO. C’est un point que je veux souligner, parce qu’il est décisif : avec WooCommerce, votre boutique et votre stratégie de contenu ne font qu’un. Vous publiez des articles qui remontent sur Google, qui amènent du trafic, qui alimentent directement vos pages produits. Sur Shopify, cette dimension éditoriale et SEO reste le point faible.

Je veux être transparent : WooCommerce demande d’assurer l’hébergement et la maintenance, ce n’est pas « gratuit » même si l’extension l’est. Mais c’est précisément le travail d’un prestataire comme moi, et le jeu en vaut largement la chandelle pour une entreprise qui veut construire un actif e-commerce durable, optimisé pour le référencement et réellement à elle. Pour une TPE ou une PME qui joue la carte du contenu et du SEO, WooCommerce est le meilleur choix.

Le seul cas où il ne faut pas utiliser WordPress : l’application métier

Nous arrivons au cœur du sujet, et à la seule vraie limite de WordPress.

Qu’est-ce qu’une application métier ? C’est un logiciel qui porte la logique propre à votre activité. Un espace client avec des comptes et des droits. Un outil de gestion interne pour vos équipes. Une plateforme de réservation avec des règles de disponibilité complexes. Un configurateur de produit, un calculateur de devis, un workflow de validation en plusieurs étapes. Bref : tout ce qui ne consiste pas à afficher du contenu, mais à faire fonctionner un processus.

Et là, je ne le répéterai jamais assez : WordPress n’est pas fait pour ça. On peut le forcer à le faire, c’est bien ça le piège. Prenez la réservation, justement : il existe des plugins de réservation pour WordPress, et pour un besoin standard, ils font très bien le travail. Mais dès que vous voulez beaucoup de personnalisation, des règles de disponibilité qui vous sont propres, une tarification sur-mesure, un parcours particulier, ça ne suit plus. Vous passez votre temps à contourner les limites du plugin au lieu de construire ce dont vous avez réellement besoin. Et c’est vrai pour presque toutes les fonctionnalités métier : il existe un plugin pour tout, alors on empile.

Voici les signaux d’alerte que je vois systématiquement quand on a poussé WordPress hors de son rôle :

• Les plugins s’empilent. Vous en avez trente, chacun d’un éditeur différent, et personne ne sait exactement ce que fait la moitié d’entre eux.
• La sécurité devient un gruyère. Chaque plugin est une porte d’entrée potentielle. Pour une application qui manipule des données clients, c’est un risque réel.
• Les performances s’effondrent. Le site rame parce qu’il exécute une pile de code qu’il n’était pas censé porter.
• La maintenance explose. Une mise à jour casse un plugin, qui casse une fonctionnalité. Vous réparez au lieu d’avancer.
• Toute évolution devient un casse-tête. Vous travaillez contre l’outil au lieu de travailler avec lui.

Dans ce cas, il faut une véritable application dédiée, développée sur-mesure avec des technologies conçues pour ça (comme Symfony ou Next.js). Mais attention : cela ne veut pas dire abandonner WordPress. La bonne pratique, c’est de séparer proprement les deux mondes, votre site WordPress d’un côté pour le contenu et le marketing, votre application métier de l’autre sur un sous-domaine dédié. Vous gardez ainsi le meilleur de chaque outil sans que l’un mette l’autre en danger. C’est un sujet à part entière, auquel je consacre un autre article : faire cohabiter WordPress et votre application métier par sous-domaine.

Que choisir ?

Si vous ne deviez retenir qu’une chose, ce serait ceci : avant de choisir un outil, posez-vous une seule question sur la nature de votre projet.

Contenu ou logique métier ?

Si vous affichez et mettez à jour de l’information, des pages, des articles, des produits, c’est du contenu, et WordPress est votre outil, que ce soit pour un blog, une vitrine ou une boutique. Point.

Si vous devez faire tourner des processus, des calculs, des comptes utilisateurs, des règles spécifiques, c’est une application : elle mérite un développement dédié, séparé de votre WordPress.

Pour résumer d’un coup d’œil :

En résumé

WordPress n’est ni dépassé ni surévalué. Pour tout ce qui touche au contenu, un blog, un site vitrine, une boutique, c’est le meilleur choix pour une TPE ou une PME, et de loin, surtout quand le référencement fait partie de vos objectifs. Les alternatives à la mode ont leurs qualités, mais elles vous enferment plus qu’elles ne vous servent dès que votre projet doit durer, évoluer et remonter sur Google.

Le seul vrai cas où il faut passer à autre chose, c’est l’application métier, et même là, la bonne réponse n’est pas de tourner le dos à WordPress, mais de le faire cohabiter intelligemment avec une application dédiée.

Choisir la bonne technologie, ce n’est pas suivre la mode. C’est choisir l’outil qui correspond à la nature réelle de votre projet, et le mettre en œuvre par quelqu’un qui en maîtrise à la fois la construction et le référencement. C’est exactement mon métier : si vous avez un projet de site, et l’ambition de le voir performer sur Google, parlons-en.

Ce n’est plus une question théorique. Quand un assistant IA répond à quelqu’un, il va parfois consulter une page en direct pour la citer dans sa réponse. Autrement dit : votre contenu peut être lu et repris par une IA au moment même où un internaute pose sa question. Le problème, c’est que la plupart des sites n’en ont aucune idée. L’information existe pourtant, elle est dans vos logs serveur, mais ces logs sont illisibles pour 95 % des gens.

C’est exactement le trou que SEO Log vient combler. C’est une extension WordPress gratuite qui enregistre chaque passage de robot sur votre site — moteurs de recherche, crawlers d’entraînement des IA, assistants IA en direct, outils SEO, bots sociaux — et les transforme en statistiques claires, directement dans votre administration WordPress.

Dans ce guide, je vous montre comment l’installer et je passe en revue chaque écran, un par un, pour que vous sachiez exactement quoi regarder.

Installer SEO Log : il n’y a (vraiment) rien à configurer

Retrouver le plugin sur le dépôt officiel de WordPress : Trimardeau SEO Log ou rechercher « Trimardeau SEO Log » dans la liste des plugins.

Depuis votre administration WordPress, installez puis activez l’extension. C’est tout. Il n’y a aucun réglage à faire, aucune clé API à renseigner, aucune case à cocher : dès l’activation, les données commencent à s’enregistrer.

Deux choses valent la peine d’être précisées, parce qu’elles conditionnent la façon de lire les chiffres ensuite.

Vos visiteurs humains ne sont jamais enregistrés. SEO Log ne loge que les robots. Pour un visiteur humain, il n’y a aucune requête en base de données, aucun cookie déposé, aucune requête externe. C’est un choix de conception : zéro impact sur les performances de votre site, pas de bannière cookie à ajouter, et rien à déclarer côté RGPD pour vos visiteurs. Tout est embarqué dans l’extension.

L’identification repose sur le User-Agent, et SEO Log ne voit que les bots qui atteignent WordPress. Concrètement : si une page est servie directement par un cache ou un CDN en périphérie (edge), la requête n’arrive jamais jusqu’à WordPress, donc SEO Log ne la comptabilise pas. C’est une limite honnête à connaître : les chiffres reflètent ce que votre WordPress voit passer, pas l’intégralité du trafic robot au niveau réseau. Si vous souhaitez aller plus loin dans l’analyse de log, je vous invite à vous rendre sur cet article : Analyse de log avec Screaming Frog og Analyser.

Le Dashboard : votre vue d’ensemble

C’est l’écran d’accueil de SEO Log, et celui où vous passerez le plus de temps. En haut, un sélecteur de période vous laisse basculer entre 7, 30, 90 ou 365 jours, avec à chaque fois une comparaison automatique par rapport à la période précédente (utile pour repérer une tendance à la hausse ou à la baisse).

Ce que vous y trouvez :

• Les cartes de synthèse en tête donnent le total de hits de bots, la part des moteurs de recherche et celle des crawlers d’entraînement IA, chacune avec son évolution en pourcentage. En un coup d’œil, vous savez si votre site est plus ou moins crawlé qu’avant.
• La courbe des visites dans le temps répartit le trafic robot par famille : assistants IA en direct, crawlers d’entraînement IA, moteurs de recherche, outils SEO et bots sociaux. C’est là qu’on voit apparaître les pics de crawl et, souvent, des schémas réguliers qu’on ne soupçonnait pas.
• Le répartiteur par famille de bots vous dit qui vient chez vous, en proportion. Les contenus les plus crawlés remontent les pages qui attirent le plus les robots. Les codes HTTP servis aux bots vous alertent si vos robots tombent trop souvent sur des erreurs (un 404 ou un 500 récurrent servi à Googlebot, ça se corrige vite). Enfin, une heatmap heure × jour montre à quels moments de la semaine le crawl est le plus intense.

Contents : quel contenu les bots préfèrent

Cet écran liste chaque page, article et catégorie visité par les robots. La table est triable, et chaque ligne indique le bot dominant pour ce contenu.

C’est précieux pour deux raisons. D’abord, vous repérez vos contenus « aimants à IA » — ceux que les crawlers d’entraînement ou les assistants reviennent lire. Ensuite, vous détectez l’inverse : des pages importantes pour vous que les robots ignorent, signe qu’il y a peut-être un problème de maillage interne ou d’indexation à creuser.

Live Log : le flux brut, en direct

Le Live Log est le journal chronologique de chaque requête de bot, ligne par ligne : l’heure, le bot, l’URL demandée, le type de contenu et le code HTTP renvoyé. Vous pouvez filtrer par famille de bots pour isoler, par exemple, uniquement les moteurs ou uniquement les IA.

C’est la vue la plus « terrain ». Elle sert à investiguer : comprendre pourquoi un bot martèle une URL précise, vérifier qu’une page fraîchement publiée a bien été crawlée, ou constater en temps réel qu’un assistant IA vient de passer sur votre contenu.

404 Monitor : les URLs cassées que les bots martèlent

Cet écran isole les URLs en erreur 404 que les robots continuent de solliciter. Un lien mort qu’un bot rappelle sans cesse, c’est du budget de crawl gaspillé — et, potentiellement, une occasion manquée d’être lu et cité.

Le réflexe : repérer ici les 404 récurrentes, puis mettre en place les redirections qui s’imposent pour que les robots (et l’autorité de vos anciennes URLs) atterrissent au bon endroit.

Les statistiques directement dans l’éditeur

SEO Log ne vous oblige pas à quitter votre flux de travail habituel. Quand vous éditez un article, un encart affiche la courbe des visites de bots sur 30 jours pour ce contenu précis, avec le détail par bot et la date de dernière visite de chacun.

Et dans la liste de vos articles, une colonne triable vous permet de classer vos contenus par volume de passages de bots. Vous voyez immédiatement, sans ouvrir aucun tableau de bord, quels sont vos articles les plus (et les moins) visités par les robots.

Par où commencer, concrètement

Si vous découvrez l’extension, voici l’ordre que je conseille. Installez, activez, puis laissez tourner quelques jours — les données ont besoin d’un peu de temps pour devenir parlantes. Revenez ensuite sur le Dashboard en période 30 jours pour prendre la mesure de qui vous crawle. Passez au 404 Monitor pour nettoyer les erreurs que les bots répètent. Enfin, ouvrez Contents pour repérer vos contenus qui attirent les IA — ce sont vos meilleurs candidats à renforcer dans une logique GEO.

Le web bascule vers des moteurs qui lisent, résument et citent. La première étape pour en tirer parti, c’est simplement de voir ce qui se passe chez vous. C’est tout ce que fait SEO Log — et il le fait sans ralentir votre site ni toucher à un seul de vos visiteurs humains.

Allez plus loin

Les restrictions de WordPress font qu’il est uniquement possible de vérifier les pages HTML, cela ne prend pas en compte les images, fichiers statiques, etc. Si vous souhaitez avoir une plus grande visibilité sur comment les robots et les Crawler se comportent sur votre site, vous pouvez utiliser un outil que j’ai développé qui vous permet d’analyser directement vos logs SEO en ligne.

Dans notre cas, nous allons utiliser le plugin All-in-One WP Migration (Dont la version gratuite est disponible ici : https://fr.wordpress.org/plugins/all-in-one-wp-migration/ ). Ce plugin vous permet de réaliser des sauvegardes, d’exporter et d’importer des sites WordPress.

Nous allons voir en quelques étapes comment exporter votre site internet afin de l’importer à un autre endroit, dans notre exemple, nous allons dupliquer un site sur notre ordinateur. Vous aurez pour cela besoin d’avoir installé WordPress en local.

Première étape : installer All-in-One WP Migration sur le site d’origine

La première étape pour dupliquer votre site internet est d’installer le plugin sur le site d’origine. Pour cela, deux solutions s’offres à vous, vous pouvez le télécharger depuis le site wordpress.org ou directement l’installer depuis votre interface administration. Dans le cadre de notre exemple, nous allons utiliser la seconde méthode.

Pour ce faire, rendez-vous dans le menu « Extensions », puis « Ajouter » et recherchez All-in-One WP Migration dans la barre de recherche.

Cliquez désormais sur « Installer maintenant », dès que le plugin est téléchargé, cliquez sur le bouton « Activer ».

Vous êtes alors redirigé vers la page listant les plugins installé sur votre site internet. Dans le menu de gauche, vous trouverez désormais un nouveau menu « All-in-One WP Migration » vous permettant d’accéder à plusieurs options :

• Exporter : il s’agit d’une fonctionnalité qui vous permet d’exporter votre site actuel, plusieurs options s’offrent à vous, nous allons les détailler dans le paragraphe suivant.
• Importer : une option qui vous permet d’importer un site depuis une archive que vous avez généré.
• Sauvegardes : vous retrouverez ici l’ensemble des sauvegardes que vous avez déjà effectué, vous aurez la possibilité de restaurer une version antérieure de votre site internet en passant par cette option.

Deuxième Étape : exporter une archive de votre site d’origine.

Nous allons maintenant exporter la version d’origine de notre site internet. Pour ce faire, vous pouvez vous rendre dans le menu « Exporter » dont nous avons parlé au paragraphe précédent.

Plusieurs options s’offrent à vous, dans un premier temps, vous trouverez une liste d’options avancées. Ces options vous permettront d’ignorer certaines parties du site, par exemple si vous ne souhaitez pas exporter les thèmes ou encore la bibliothèque de médias. Dans notre cas, nous allons laisser la configuration par défaut afin de dupliquer l’intégralité du site.

Dans le second bloc, encore une fois, plusieurs options s’offrent à vous, vous avez la possibilité d’exporter votre site vers un fichier, directement via un FTP, votre compte dropbox, Google Drive, etc. De nombreuses options sont payantes, si votre site fait moins de 500 Mo, vous pourrez utiliser sans problème la version gratuite du plugin en exportant votre site vers un fichier. C’est ce que nous allons faire.

Vous verrez alors une fenêtre apparaître vous indiquant l’état d’avancement de l’exportation. Une fois l’exportation terminée, vous aurez la possibilité de télécharger le fichier. Vous aurez alors une archive prête à être déployé sur votre nouvel environnement.

Troisième étape : importer le site sur votre nouvel environnement

Nous arrivons alors à la dernière étape, il ne vous reste plus qu’à importer votre archive là où vous souhaitez dupliquer votre site WordPress.

Connectez-vous à l’administration de votre nouveau site et installer le plugin. Cette fois-ci, rendez-vous dans le menu « Importer ».

Dans le cas où vous verriez affiché le message « Taille maximale du téléversement : 8 Mo. », sachez que vous pouvez modifier cette valeur dans votre php.ini ou dans votre fichier .htaccess. Cependant, la version gratuite de All-in-One WP Migration vous limitera à 512 Mo, si vous souhaitez importer un site plus gros, vous devrez passer à la version payante.

Il vous suffit alors de cliquer sur « Importer depuis » et de sélectionner « Fichier », une fenêtre de chargement se lance et un message d’avertissement apparaît.

« L’importation va écraser votre site web, ce qui inclut la base de données, les médias, les extensions et les thèmes. Veuillez vous assurer que vous avez une sauvegarde de vos données avant de passer à l’étape suivante. »

Cliquez sur « Continuer » afin de valider l’importation.

Et voilà, votre site a désormais été dupliqué. Vous pouvez utiliser cette technique dans de nos cas. Que ce soit pour dupliquer un site en local, créer un environnement de préproduction et bien d’autres.

Lorsque nous développons des thèmes WordPress sur-mesure, nous réfléchissons en terme de blocks. De notre point de vue, la grande partie d’un site peu être vu comme des legos. Lors de la construction d’une page, nous empilons les blocks afin d’obtenir le rendu que nous souhaitons. Cette méthode permet de garder un site entièrement configurable par son propriétaire tout en gardant un code propre et entièrement contrôlé (ce qui n’est pas le cas lors de l’utilisation d’un page builder tel que Divi, WP Bakery, etc.).

Pourquoi créer des blocks Gutenberg personnalisés avec ACF ?

Lors de la création d’un site internet, tout le monde n’est pas à l’aise avec les notions d’optimisation du temps de chargement et de référencement naturel. Afin d’obtenir un site optimisé, à la fois pour les moteurs de recherche, et pour les internautes, il y a un certain nombre de paramètres à prendre en compte. L’utilisation de blocks Gutenberg personnalisés permet de garder le contrôle sur le code HTML de la page, permettant ainsi d’avoir un site toujours optimisé pour le référencement naturel avec un minimum de code (et donc un site qui se charge rapidement). Aussi, d’un point de vue graphique, l’utilisation de blocks personnalisés permet de contraindre les modifications possibles et donc d’assurer une cohérence graphique sur l’ensemble du site.

Lors de la création des blocks Gutenberg pour WordPress, de nombreuses tâches sont nécessaires : enregistrer le block, réaliser l’intégration du block, générer les champs configurables et enfin créer l’administration. ACF permet de gagner beaucoup de temps sur différentes de ces tâches et nous permet de nous concentrer sur l’essentiel : répondre au besoin du client.

La création de blocks Gutenberg ACF nécessite la maîtrise de plusieurs langages de programmation : HTML, CSS, PHP et bien souvent Javascript. Mais une fois développé, vous obtenez une mise en forme parfaitement adapté aux usages d’aujourd’hui.

Les avantages des blocks ACF

Avant de rentrer dans le vif du sujet, voici quelques avantages qui vous décideront peut-être à passer à cette méthode pour la création de vos thèmes WordPress sur-mesure.

• ACF se base uniquement sur PHP : vous n’avez pas besoin de connaître de nombreux langages afin de pouvoir utiliser ACF. Il suffit d’écrire quelques fonctions PHP afin de pouvoir utiliser le plugin. Si vous êtes novice en PHP, ne vous inquiétez pas, le code nécessaire à la création des blocks et très accessibles et compréhensibles même par les personnes ayant un niveau débutant.
• Une mise en forme simplifiée : c’est sûrement l’un des points les plus important, il est très simple de gérer la mise en forme de votre block. Il vous suffit pour cela de créer un fichier PHP qui sera appelé à chaque rendu du block. Vous gardez ainsi un contrôle total sur le code généré.
• Compatible avec l’ensemble des champs ACF : si vous avez l’habitude d’utiliser ACF pour ajouter des champs à vos Custom Post Type, sachez que l’ensemble des champs dont vous avez l’habitude sont utilisables dans les blocks Gutenberg.
• Aperçu en direct : pour les clients, c’est désormais devenu une nécessité, avoir la possibilité de visualiser en direct, directement dans l’espace administration le rendu d’un block. Sachez qu’ACF vous permet de prévisualiser vos modifications directement dans l’édition des pages de WordPress.
• Et bien d’autre, la liste est longue, nous vous invitons à regarder plus en détail la documentation disponible sur le site d’ACF afin d’en apprendre plus.

Comment créer un block Gutenberg avec ACF ?

Avant de commencer, il est bon de noter que la fonctionnalité « Block » n’est disponible que dans la version Pro d’ACF. Il vous sera donc nécessaire d’acheter une licence afin de pouvoir profiter de cette fonctionnalité. Nous partons du principe que vous possédez une licence pour la suite de ce tutoriel (et que le plugin est installé sur votre WordPress).

Enregistrez votre block dans votre fichier function.php

Lors de la création d’un block Gutenberg avec ACF, la première chose à faire est d’enregistrer le block dans votre code. Vous pouvez intégrer ce code dans votre fichier function.php ou bien dans un fichier de votre choix, tant que celui-ci est exécuté au chargement du thème. Le code ci-dessous présente le code nécessaire à l’enregistrement du block :

add_action('acf/init', 'my_acf_init_block_types');
function my_acf_init_block_types() {

    // On vérifie l'existence de la fonction
    if( function_exists('acf_register_block_type') ) {

        // On enregistre le premier block
        acf_register_block_type(array(
            'name'              => 'mon-block-acf',
            'title'             => __('Mon Block ACF'),
            'description'       => __('Mon premier block ACF.'),
            'render_template'   => 'template-parts/blocks/mon-block-acf/mon-block-acf.php',
            'category'          => 'formatting',
            'icon'              => 'admin-comments',
            'keywords'          => array( 'block', 'acf' ),
        ));
    }
}

Les premières lignes du code permettent d’indiquer à WordPress quand exécuter la fonction. Dans notre cas, nous souhaitons exécuter la fonction lors du chargement d’ACF, soit le hook « acf/init ». Nous ne rentrerons pas dans le détail du code PHP, mais nous allons voir les différents arguments de la fonction acf_register_block_type :

• name : il s’agit du nom du block, son identifiant. Ce nom sera utilisé dans WordPress.
• title : il s’agit du titre du block qui sera visible dans l’espace administration, vous devez indiquer un nom correspondant à la fonctionnalité de votre block.
• description : une description du block qui permet de comprendre son fonctionnement.
• render_template : il s’agit du fichier PHP qui sera appelé lors du rendu du block, c’est là que vous devez ajouter votre code HTML.
• category : dans quelle catégorie doit se trouver le block (les catégories sont disponibles dans l’espace administration de WordPress et permettent de mieux organiser les blocks)
• icon : quelle est l’icône qui doit être affichée dans l’espace administration.
• keywords : différents mots clés qui permettront de faciliter la recherche du block dans l’espace Administration.

Il est possible d’ajouter d’autres paramètres, vous trouverez l’ensemble des éléments nécessaires pour aller plus loin sur le site officiel d’ACF.

Rendre le block configurable

Désormais, nous allons voir comment ajouter des variables configurables dans notre nouveau block. Pour cela, rendez-vous dans l’espace administration de WordPress et allez dans l’administration du plugin ACF et cliquez sur « Ajouter ». Vous arrivez sur une page vous proposant de créer un nouveau groupe de champs, voici maintenant les étapes à suivre :

• Dans le champ titre, indiquez le nom que vous souhaitez, vous pouvez par exemple reprendre le titre du Block tel que vous l’avez défini dans le code, cela vous permettra de mieux vous y retrouver lorsque vous aurez de nombreux blocks.
• Dans le second block « Emplacement », cliquez sur « Type de publication » et sélectionnez « Bloc ».
• Dans la select de droite, sélectionnez désormais le titre de votre block, dans notre cas : « Mon Block ACF »
• Il ne vous reste plus qu’a utiliser le bouton « Ajouter un champ » pour ajouter les champs configurables de votre block. Dans votre exemple, nous allons donner la possibilité d’ajouter un titre, une description et une image. Pour voir la liste des champs disponibles et leur fonctionnement, vous pouvez vous rendre sur le site officiel d’ACF.
• Une fois l’ensemble des actions faites, il vous suffit de cliquer sur « Publier ».
• Vous avez désormais un block ACF configurable.

Mise en forme de votre block.

Lors de l’étape 1, nous avons renseigné un fichier dans le paramètre « render_template ». C’est ce fichier qui sera exécuté par WordPress lorsque l’utilisateur demandera l’affichage du block. Vous devez donc créer ce fichier dans votre thème WordPress : « template-parts/blocks/mon-block-acf/mon-block-acf.php ».

Sans trop rentrer dans le détail, nous allons voir la structure type d’un fichier, par exemple :

<div class="mon-block-acf">
	<h1><?php echo get_field('titre'); ?></h1>
	<p><?php echo get_field('description'); ?></p>
	<img src="<?php echo get_field('image')['url']; ?>" />
</div>

Dans les faits, nous devrions ajouter des vérifications afin d’être sûr que les valeurs sont définies, mais dans le cadre de l’exemple, nous allons simplifier au maximum. La chose à savoir est que lorsque vous appelez la fonction get_field d’ACF dans votre fichier, celle-ci renvoi la valeur indiquée dans l’espace administration.

Où trouver le block ACF

Maintenant que votre block Gutenberg ACF est prêt, vous pouvez le retrouver dans l’administration des pages lorsque vous souhaitez ajouter un nouvel élément à votre page.

Vous pouvez retrouver le tutoriel officiel à cette adresse : https://www.advancedcustomfields.com/resources/blocks/

Télécharger MAMP

Afin de pouvoir exécuter un site internet directement sur votre ordinateur, vous allez avoir besoin d’un serveur Web local. Il existe de nombreux logiciels vous permettant de réaliser cette action, mais le plus simple d’utilisation est sûrement MAMP. La première étape consiste donc à télécharger MAMP est à l’installer sur votre ordinateur.

Pour télécharger MAMP, il vous suffit de vous rendre à l’adresse suivante : https://www.mamp.info/en/downloads/ est de télécharger la version correspondant à votre système d’exploitation (Mac ou Windows). Une fois le fichier téléchargé, double-cliquez sur l’icône et laisser vous guider lors des différentes étapes d’installation.

Pour les prochaines étapes, nous vous indiquerons la marche à suivre sur Mac, mais la démarche est la même pour Windows.

Une fois MAMP installé, il vous faudra démarrer l’application. Pour ce faire, rendez-vous dans votre dossier Application, puis MAMP, et enfin cliquez sur l’icône.

Une fois l’application installée, vous allez devoir lancer le serveur. Pour ce faire, il vous suffit de cliquer sur l’icône « start » se trouvant dans la fenêtre d’administration de MAMP. Cela aura pour effet de démarrer votre serveur web et le serveur de base de donnée. Dans le cas de ce tutoriel, nous pouvons laisser les différentes configurations par défaut.

Vous voyez apparaître le champ « Document root ». Il s’agit du dossier dans lequel vous devrez placer vos différents fichiers afin que ceux-ci soient accessibles sur votre serveur local.

Télécharger WordPress et installer les fichiers.

Maintenant que vous avez installé votre serveur web, vous devez aller récupérer les fichiers sources de WordPress. Pour cela, vous devez vous rendre sur le site de WordPress et accéder à la page de téléchargement. Cette page est disponible à l’adresse suivante : https://fr.wordpress.org/download/. Cliquez ensuite sur le bouton « Télécharger WordPress ».

Votre navigateur téléchargera alors un fichier zip comportant l’ensemble des fichiers nécessaires au bon fonctionnement de WordPress. La prochaine étape est de placer les fichiers dans le répertoire racine de votre serveur web. Le répertoire par défaut se trouve ici sur Mac : Application / MAMP / htdocs.

Dans le cadre de notre tutoriel, j’ai créé un nouveau répertoire nommée « demo_1312 » dans lequel sont placés l’ensemble des fichiers WordPress. Pour avoir une installation plus propre, vous pouvez supprimer le dossier « wordpress/ » et le fichier zip. WordPress est désormais prêt à être installé sur votre ordinateur.

Création de la base de donnée

Lorsque l’on souhaite installer WordPress, deux choses sont nécessaires : placer les fichiers sur un serveur local et créer une base de donnée qui stockera l’ensemble des informations du site. Dans l’étape précédente, nous avons placé l’ensemble des fichiers nécessaires au bon fonctionnement de WordPress sur notre ordinateur grâce à MAMP. Il nous faut désormais créer la base de donnée.

Il existe de nombreuses configuration possibles, dans notre cas nous utiliserons l’interface PhpMyAdmin fournie par MAMP afin de créer une nouvelle base de donnée sur laquelle nous connecterons le site. Afin de créer cette base, il vous suffit de vous à l’adresse suivante : http://localhost:8888/phpMyAdmin/ (assurez-vous que vous avez bien lancé votre serveur web, si celui-ci n’est pas démarré, vous ne pourrez pas accéder à cette page).

Cliquez ensuite sur l’onglet « Database » et remplissez le formulaire « Create Database » se trouvant en haut de la page. Le nom de votre base de donnée doit être cohérent avec votre site, mais vous n’avez pas de contraintes particulières. Laissez la select sur sa valeur par défaut et cliquez sur le bouton « Create »

Installation de WordPress

Nous avons désormais placé les fichiers de WordPress au bon endroit et nous avons créé la base de donnée. Nous y sommes presque. Il ne nous reste plus qu’une étape avant d’avoir accès à notre site internet en local.

Rendez-vous maintenant sur la racine de votre serveur local, par défaut, celui-ci est disponible à l’adresse suivant sur Mac : http://localhost:8888.

Vous y retrouverez l’ensemble des dossiers et des fichiers que vous avez placé sur votre ordinateur dans le dossier correspondant.

Cliquez sur le dossier que vous aurez précédemment créé sur votre machine. Dans notre cas, il s’agit du dossier « demo_1312 », vous arrivez alors sur la page d’installation de WordPress. Nous allons voir dans les quelques lignes qui suivent les différentes informations à indiquer afin que votre nouveau site WordPress soit accessible.

Ce premier écran vous indique les prochaines étapes qui seront nécessaires pour l’installation de WordPress. Cliquez sur le bouton « C’est parti ! ». Vous serez alors redirigé vers une page vous demandant les informations de connexion à votre base de donnée (que nous avons créé dans la section précédente).

Cet écran peut paraître un peu technique, mais le formulaire est très simple à remplir :

• Nom de la base de données : il s’agit du nom de la base sur laquelle les données du site seront stockées. Indiquez ici le nom que vous avez choisi à l’étape précédente.
• Identifiant : par défaut, l’identifiant de MAMP est « root », remplissez donc ce champ avec la valeur « root ».
• Mot de passe : il s’agit du mot de passe vous permettant d’accéder à la base de donnée, de même que précédemment, la valeur par défaut est « root »
• Adresse de la base de données : comme nous installons WordPress en local, conservez la valeur par défaut « localhost ».
• Préfixe des tables : ce champ permet d’ajouter un préfix aux tables qui seront créées lors de l’installation. Ce champ est utile dans le cas où plusieurs sites sont hébergés sur la même base, dans notre cas, nous garderons la valeur par défaut « wp_ ».

Une fois l’ensemble des champs remplis, cliquez sur le bouton « Envoyer ». Si vous est ok, un nouvel écran vous proposera de lancer l’installation. Cliquez sur le bouton correspondant.

Vous êtes alors redirigé vers la dernière page d’installation. Sur cette page, l’installateur vous demandera différentes informations relatives au site et à vos identifiants.

• Titre du site : le champ titre du site correspond au nom de votre site internet ou de votre entreprise, il sera repris sur l’ensemble des pages de votre site internet.
• Identifiant : il s’agit de votre identifiant de connexion afin de vous connecter à l’espace administration du site.
• Mot de passe : il s’agit du mot de passe que vous utiliserez pour vous connecter au site.
• Votre adresse de messagerie : indiquez ici votre adresse de contact, elle sera utilisée par WordPress pour vous envoyer différentes informations relatives aux mises à jour ou encore pour récupérer votre mot de passe si vous l’avez oublié.
• Visibilité par les moteurs de recherche : la dernière case à cocher permet d’indiquer à Google que l’on ne souhaite pas que le site apparaisse dans les résultats de recherche. Dans la mesure où nous sommes en local, cette case n’aura pas d’effet car Google ne viendra pas crawler les fichiers sur votre ordinateur.

Une fois l’ensemble des informations remplie, cliquez sur le bouton « Installer WordPress ». Nous arrivons alors sur le dernier écran vous indiquant que tout est prêt. Il ne vous reste plus qu’à cliquer le bouton « Lancer l’installation ».

Un nouvel écran apparaît vous indiquant que WordPress est bien installé et que vous pouvez vous connecter à l’espace administration en utilisant les identifiants que vous avez renseignés lors des étapes précédentes.

Il ne vous reste plus qu’à cliquer sur le lien « Se connecter » et d’entrer vos identifiants pour accéder à WordPress.

Mettez votre site à jour régulièrement.

Je n’en reviens pas quand certaines personnes conseillent encore de ne pas mettre à jour WordPress. Et c’est bien souvent de là que provient la majorité des soucis. Il est très important, même indispensable de garder votre site à jour. Qu’il s’agisse de votre thème WordPress, de vos plugins ou encore de WordPress en lui même, vous devez le mettre à jour régulièrement. Dans le cas du coeur de WordPress, je vous conseille d’activer les mises à jour automatiques, pour les plugins et les thèmes, vérifiez les mises à jour au minimum une fois par semaine. Et lancer les mises à jour lorsqu’elles sont disponibles.

Régulièrement, de nouvelles failles de sécurité sont découvertes et les développeurs s’efforcent de les corriger. Si vous ne mettez pas à jour votre site internet WordPress, vous risquez d’observer des problèmes de sécurité. Gardez en tête qu’un audit de sécurité et la remise en ligne d’un site internet peut coûter cher, alors mieux vos prévenir que guérir.

Faites attention lors de l’achat de votre thème

Sur ce point, il est nécessaire d’intervenir un peu plus en amont. Aujourd’hui, de plus en plus d’agence WordPress vous propose la création d’un site WordPress en utilisant un thème, gratuit ou payant, disponible sur internet. Certes, cette méthode permet de réduire drastiquement les coûts de développement, mais peut poser quelques problèmes si l’on choisi le mauvais thème.

La chose à savoir : lorsque vous achetez un thème wordpress, celui-ci comprend un certain nombre de plugins qui sont compris dans le thème. C’est bien souvent le cas des Page builder (ou éditeur de page) comme WP Bakery, Elementor Pro, Site Origin, etc. Lorsque vous achetez un thème, celui-ci vous fournit un éditeur de page vous permettant d’administrer simplement votre site internet. Dès lors, le page builder sera mis à jour lorsque que le développeur de votre thème mettra à jour celui-ci.

Dans ce cas, il est primordial de vérifier que le développeur du thème met régulièrement à jour celui-ci. Dans le cas contraire, vous risquez de vous retrouver avec des plugins anciens qui présentent de potentielles failles de sécurité. Vérifiez donc que votre thème WordPress est à jour avant de l’acheter.

N’installez pas n’importe quel plugin gratuit

Il existe de nombreux plugins disponibles pour WordPress. N’importe qui à la possibilité de publier un plugin gratuit sur le dépôt officiel de WordPress (https://fr.wordpress.org/plugins/). Cependant, les développeurs ne sont pas toujours attentifs à la sécurité de leur plugin et certains d’entre eux peuvent intégrer des failles de sécurité. Si vous n’avez pas les connaissances techniques nécessaires, je vous conseil de n’installer que des plugins sur des plateformes effectuant un contrôle de qualité. Bien souvent les plugins seront payants, mais vous diminuer le risque de faille de sécurité.

Installer Wordfence

Enfin, je vous conseil d’installer un anti-virus pour WordPress. Il s’agit d’un plugin qui ajoutera une couche de sécurité supplémentaire. Vous protégeant ainsi d’un grand nombre d’attaque. J’ai pour habitude d’installer Wordfence sur les sites présentant des risques de sécurité important. Il s’agit d’un plugin WordPress disponible en version gratuite et payante qui vous permettra de scanner l’intégralité des fichiers de votre site internet afin de vérifier la présence d’une potentielle faille ou d’un potentiel virus.

La version gratuite de Wordfence vous permet de réaliser un certain nombre de chose et améliore grandement la sécurité de votre site internet, si vous avez un doute, je ne peux que vous conseiller de l’installer.

Allez plus loin

Il existe de nombreux points à prendre en compte lorsque l’on souhaite sécurisé un site internet WordPress. Mettre en place une sécurité par adresse IP, restreindre l’utilisation de certaines fonctions par PHP, gérer correctement les droits d’accès aux fichiers sur le serveur. Cette article n’a pas vocation a être exhaustif, mais plutôt d’attirer votre attention sur des points critiques. Si votre site stock des données critiques ou qu’il représente une part importante de votre chiffre d’affaire, je vous conseil fortement de faire auditer votre site internet par un expert.

De nombreux plugins existent, que ce soit pour intégrer des fonctionnalités e-commerce, des sliders ou encore des espaces membres. Cependant les thèmes disponibles sur le marché ne répondent pas forcément à vos attentes, tant en termes de performance ou de fonctionnalité, et dans de nombreux cas il est nécessaire de créer votre propre plugin WordPress.

Pourquoi développer un plugin WordPress ?

Avant toute chose, voyant les avantages du développement d’un plugin WordPress sur mesure.

Si vous avez besoin de nouvelles fonctionnalités, créer un nouveau plugin vous permettra de réutiliser celle-ci sur de nombreux sites. Il vous suffit de développer le plugin et chaque fois que vous aurez besoin d’intégrer cet élément sur un site, il vous suffira d’installer le plugin. Sur le long terme, la création de différents plugins WordPress vous permettra de gagner du temps lors de la création de différentes sites internet.

En termes de maintenance, utiliser un plugin WordPress vous permettra de mettre rapidement à jour l’ensemble de vos sites. Ainsi, si votre plugin est utilisé sur de nombreux sites, il vous suffira de mettre à jour le plugin principal et vous pourrez automatiquement déployer votre mise à jour sur l’ensemble des sites.

Comment créer un plugin WordPress ?

Mise en place des dossiers

Rentrons maintenant dans le vif du sujet, comment créer un plugin WordPress sur mesure ?
Pour commencer la création de notre plugin, nous allons créer un nouveau dossier appelé “mon-plugin”, modifiez le nom du dossier pour qu’il corresponde à votre plugin. Ce dossier comportera l’ensemble des fichiers nécessaire au bon fonctionnement de votre plugin.

Dans ce dossier, créer un nouveau fichier nommé mon-plugin.php, il s’agit du fichier de base qui comprendra l’ensemble des fonctions permettant d’implémenter de nouvelles fonctionnalités à WordPress.

Informations relatives à votre plugin

Maintenant que vous avons créer la base de notre plugin, nous devons indiquer à WordPress différentes informations, comme par exemple le nom du plugin, le nom de l’auteur, etc… L’ensemble des éléments sont disponibles sur la documentation officielle.

Afin de renseigner ces éléments, nous allons utiliser un système de commentaire dans notre fichier principal mon-plugin.php, voici les différentes options à votre disposition :

• Plugin Name : Il s’agit du nom de votre plugin.
• Plugin URI : Adresse où l’on peut trouver de plus amples informations sur votre plugin.
• Description : Une courte description de votre plugin.
• Version : La version actuelle de votre plugin, celle-ci servira à indiquer à WordPress si une mise à jour est nécessaire.
• Author : Le nom de l’auteur du plugin.
• Author URI : L’adresse du site internet de l’auteur.
• Licence : La licence d’exploitation du plugin.
• Licence URI : L’adresse permettant d’accéder à la liste.
• Text Domain : Cette valeur permet d’indiquer le domaine des traductions dans le cas où vous souhaitez rendre votre plugin traduisible.
• Domain Path : Chemin relatif du fichier dans lequel se trouve les traductions.

Voilà, votre plugin est maintenant prêt à être installé, rendez-vous dans l’espace administration de WordPress, dans le menu “extension” puis dans la section “Extensions installées”. Vous pouvez désormais activer votre plugin.

Pour le moment, votre plugin n’ajoute aucune nouvelle fonctionnalité, mais celui-ci est installation. Il vous suffit désormais d’intégrer les différentes fonctionnalités que vous souhaitez ajouter dans votre plugin.

Créer un nouveau shortcode dans votre plugin

Pour le moment, notre plugin est vide. Dans cette section, nous allons maintenant voire comment créer un nouveau shortcode qui sera activé en même temps que votre plugin. Pour cet exemple, nous allons créer un shortcode permettant d’afficher un bloc avec une mise en forme particulière.

Nous allons donc créer de nouveaux dossiers dans notre plugin :

• Un dossier /shortcode/ qui comprendra le code permettant d’intégrer le nouveau shortcode
• Un dossier /css/ qui comprendra les feuilles de style nécessaire à l’affichage du shortcode.

Créons maintenant deux nouveaux fichiers :

• /shortcode/mon-shortcode.php : la déclaration du shortcode
• /css/style.css : la feuille de style

Modifier le fichier mon-plugin.php

include(‘shortcode/mon-shortcode.php’);
add_action( 'wp_enqueue_scripts', 'theme_enqueue_styles' );
function theme_enqueue_styles() {
    wp_register_style( 'mon-plugin-style', plugins_url('css/style.css', __FILE__) ););
}

La première ligne nous sert à inclure le code permettant de générer le shortcode et le reste du code nous permet de charger notre feuille de style.

Dans le fichier /shortcode/shortcode.php, ajouter simplement

if(!function_exists('register_mon_shortcode')){
	function register_mon_shortcode( $attrs, $content = null ){
		return '<div class="mon-shortcode">'.$content.'</div>';
	}
	add_shortcode('mon_shortcode','register_mon_shortcode');
}

Dans le fichier style.css, ajouter le code suivant :

.mon-shortcode {
	display:block;
	padding:30px;
	background-color:red;
	color:#FFFFFF;
}

Et voilà, nous pouvez désormais utiliser votre shortcode dans le contenu de votre site, celui-ci affichera un block rouge : [mon_shortcode]Hello[/mon_shortcode]

Personnalisez ensuite votre plugin WordPress pour qu’il effectue les fonctionnalités que vous souhaitez.