Headless CMS : Utiliser WordPress uniquement comme backend

Avec un système de gestion de contenu (CMS) comme WordPress, il est facile et rapide de créer des sites web, même sans connaissances en programmation. Le backend et le frontend sont directement liés. C'est pratique tant que le contenu ne doit être diffusé que par ce canal. Mais les sites web ne sont plus qu'un média parmi d'autres. Si le contenu doit être publié simultanément sur différents canaux et terminaux (par exemple les applications mobiles), un CMS sans tête peut être utile.

Dans cet article, nous expliquons ce qu'est un CMS sans tête et si WordPress peut être utilisé comme CMS sans tête . Nous te donnons également un aperçu des principaux avantages et inconvénients des CMS sans tête ou des WordPress sans tête.

Qu'est-ce qu'un CMS sans tête ?

Dans un CMS classique, le contenu est saisi via une interface dans le backend et organisé dans des bases de données (généralement MySQL). De là, le système associe directement le contenu à des thèmes ou des modèles de design et les présente sur le front-end pour les visiteurs du site.

Un CMS sans tête est un système de gestion de contenu dans lequel le backend et le frontend ne sont pas reliés entre eux. Le terme "headless" (sans tête) vient de l'absence de front-end. Il s'agit donc d'une forme modifiée d'un système de gestion de contenu classique, qui n'utilise que le backend et renonce à la représentation visuelle directe (le frontend).

Au lieu de cela, le contenu est sorti de la base de données via ce que l'on appelle une API (abréviation de "Application Programming Interface"). Ainsi, le contenu peut être publié de manière dynamique sur différents appareils et canaux, de manière centralisée à partir d'une base de données. Les sites web et les applications ont accès au contenu via l'interface, mais règlent l'affichage individuellement. Un CMS headless ne sert donc plus qu'à gérer le contenu et est découplé de la présentation.

CMS sans tête vs. CMS découplé

Ces dernières années, de nombreux systèmes de gestion de contenu classiques ont évolué de manière à ce qu'ils puissent être utilisés de manière régulière "avec tête" ou en tant que CMS sans tête. On parle alors de "Decoupled CMS", qui a toujours un front-end pour le site web, mais qui est en même temps accessible via API pour différents autres canaux.

Utiliser WordPress comme un CMS headless

WordPress aussi peut devenir un CMS sans tête. A partir de la version 4.7, une API REST fait partie intégrante du système de gestion de contenu populaire.

Cela signifie que tu peux continuer à utiliser WordPress comme d'habitude "avec tout le reste", y compris le moteur de template pour ton site web. Mais tu peux aussi, si tu le souhaites, utiliser l'interface intégrée pour diffuser ton contenu dans une application ou sur d'autres canaux. Ci-dessous, nous expliquons en gros comment cela fonctionne techniquement et quels sont les éléments nécessaires.

L'API REST de WordPress

Une API en général est une interface de programmation qui permet aux développeurs de demander et de transmettre des données. Une API REST est un type particulier d'interface qui est relativement simple et très flexible. L'abréviation "REST" signifie "Representational State Transfer".

L'API WordPress REST est maintenant essentiellement un morceau de code qui permet à d'autres systèmes de communiquer avec WordPress. Cette communication passe par des requêtes HTTP (comme PUT, GET, POST ou DELETE).

Dans le contexte du CMS headless, ce sont surtout les demandes GET qui sont pertinentes, c'est-à-dire les demandes qui permettent de lire certains contenus du CMS. Ce qui doit être lu est défini par les URL.

Si tu veux que l'API REST affiche tous les articles de blog (posts), ce serait par exemple la commande :

GET http://domain.com/wp-json/wp/v2/posts/

Les demandes sont saisies par exemple via la ligne de commande, qui s'appelle WordPress. WP-CLI. En fonction des données qui doivent être demandées, il suffit d'ajouter des paramètres à l'URL.

Des données brutes et structurées comme base

Les données demandées via l'API REST de WordPress sont toujours livrées au format JSON. L'abréviation "JSON" signifie "JavaScript Object Notation". Il s'agit d'un format standardisé basé sur le texte pour représenter des données structurées, basé sur la syntaxe JavaScript. Il est souvent utilisé pour transférer des données dans des applications web (par exemple pour envoyer des données d'un serveur à un client afin qu'elles puissent être affichées sur un site web).

En fait, l'API REST structure, lors de la requête, le contenu que tu as intégré dans ton CMS et le rend lisible sous forme d'informations brutes au format JSON pour d'autres sites Web et applications. Celles-ci peuvent ensuite traiter ou afficher les informations.

Un front-end personnalisé

Dans le CMS headless, le frontend (la présentation) est clairement séparé du backend (l'interface WordPress qui permet d'intégrer les contenus de manière structurée). Le contenu du CMS est rendu dans le frontend, c'est-à-dire qu'il est assemblé et présenté. WordPress n'est utilisé que comme base de données, à partir de laquelle les informations nécessaires sont demandées via l'API REST.

Les designs pour le front-end (ou plusieurs front-end) sont développés séparément, indépendamment du CMS. Ils peuvent être écrits dans n'importe quel langage de programmation et utiliser n'importe quelle technologie. Les frameworks JavaScript comme React, Angular ou Vue.js sont particulièrement fréquents.

Pourquoi utiliser Headless WordPress ? Les avantages

Tu te demandes certainement pourquoi tu devrais utiliser WordPress headless alors qu'il fonctionne aussi très bien "avec la tête". Nous avons rassemblé ici les principaux avantages :

• Plusieurs canaux en même temps : tu peux faire évoluer un CMS headless pratiquement sans limite. Grâce au système basé sur l'API, un nombre illimité de frontaux peuvent accéder aux informations du backend et tu peux en principe afficher ton contenu partout et sur n'importe quelle plateforme, que ce soit sur un site web ou dans des applications mobiles. La réalité augmentée, la réalité virtuelle et l'Internet des objets (IoT) sont également envisageables.
• Gain de temps : tu gères ton contenu dans un CMS headless à partir d'un seul endroit. Les adaptations, les ajouts ou les corrections ne doivent être effectués qu'une seule fois et sont ensuite automatiquement visibles sur tous les canaux. Tu gagnes ainsi du temps que tu peux investir dans des projets créatifs.
• Un design plus flexible : avec un WordPress headless, tu peux concevoir et structurer ton front-end encore plus librement. Tu n'es plus lié aux possibilités du CMS classique et le langage de programmation n'est pas imposé. Tu disposes ainsi d'une plus grande marge de manœuvre en matière de design et tu peux même réaliser des sites Web élaborés.
• Performances plus rapides : comme ton WordPress headless se compose uniquement d'une base de données et de requêtes REST-API, ton système sera plus léger et plus rapide. De plus, tu peux développer ton front-end avec des frameworks modernes et garantir ainsi une meilleure expérience utilisateur.
• Sécurité accrue : parce que ton contenu dans la base de données est détaché du front-end, il est moins vulnérable aux problèmes et il y a moins de surface d'attaque pour les accès malveillants et les attaques DDoS par exemple.

Ces avantages sont particulièrement importants pour les développeurs qui doivent sinon se battre avec des CMS statiques et des possibilités de conception limitées.

Quels sont les inconvénients des CMS headless ?

En même temps, un CMS headless ou un WordPress headless présente quelques inconvénients qui ne doivent pas être ignorés ici :

• Il n'est pas possible d'agir directement sur la présentation : ce qui est un grand avantage pour les développeurs devient une restriction lors de la mise en place du contenu - du moins si l'on veut faire des adaptations non seulement textuelles mais aussi visuelles. En effet, les non-développeurs n'ont généralement pas beaucoup de liberté artistique.
• Expérience utilisateur incohérente : si tu utilises plusieurs plates-formes pour distribuer ton contenu et que la présentation n'est pas cohérente sur tous les canaux, cela peut sembler incohérent aux utilisateurs et dégrader l'expérience utilisateur.
• Double entretien : un WordPress headless fonctionne toujours séparément du frontend. Cela signifie que tu dois en principe gérer et entretenir deux instances. Cela peut prendre du temps supplémentaire.
• Coûts plus élevés : il est plus coûteux de mettre en place un WordPress headless. La maintenance est également plus coûteuse, car tu peux avoir besoin de plusieurs développeurs pour gérer deux instances différentes.
• Pas toutes les fonctions : Headless WordPress ne prend pas en charge une à une les mêmes fonctions que WordPress sous sa forme classique. Par exemple, l'éditeur WYSIWYG ou l'aperçu en direct ne fonctionnent pas si le front-end est séparé. En général, tout plugin qui concerne le front-end n'est pas utilisable.

Conclusion : à qui s'adresse Headless WordPress ?

WordPress est devenu incontournable dans le monde du contenu en ligne. Et cela ne changera probablement pas beaucoup à l'avenir. Ce qui pourrait changer, c'est la manière dont WordPress est utilisé : de manière classique ou en tant que CMS headless. WordPress sans tête présente de nombreux avantages, mais ne convient pas à tous les utilisateurs.

La question de savoir si ton projet est adapté à un CMS headless dépend en premier lieu de ce que tu as l'intention de faire. WordPress sans tête pourrait être approprié si

• tu souhaites mettre en œuvre un design très personnalisé sur ton site Web, ce qui n'est pas facilement réalisable avec les thèmes WordPress et les constructeurs de pages.
• tu planifies un grand projet et tu souhaites présenter ton contenu sur différentes plates-formes et terminaux (par exemple sur le site web et dans une application personnelle).
• tu as toi-même des connaissances en programmation ou tu as la possibilité de collaborer avec des développeurs pour créer ta propre solution.

WordPress sans tête est moins approprié si :

• tu souhaites rendre ton contenu visible uniquement sur un site web (par exemple un blog) et tu n'as pas besoin d'éléments de design particulièrement extraordinaires.
• tu ne disposes que d'un petit budget et ton site web doit être fréquemment adapté ainsi que maintenu.
• tu es débutant(e), tu n'as aucune expérience en matière de développement et de programmation et tu vas créer et gérer ton site web seul(e).

Finalement, on peut dire que si tu souhaites simplement gérer un site web "normal" et le remplir de contenu, tu seras mieux servi avec le WordPress classique, éventuellement combiné avec des Page Builders pour plus de liberté de conception. Mais si tu veux être présent sur différents canaux et que tu as des connaissances en programmation (ou des ressources pour les développeurs:-euses), tu peux envisager d'utiliser WordPress Headless.

Questions fréquentes sur le CMS headless WordPress

Qu'est-ce que Headless WordPress ?

Headless WordPress est une version plus avancée du système de gestion de contenu populaire, qui utilise uniquement le backend et la base de données de WordPress. La présentation sur le site web ne se fait donc pas directement à partir du CMS, mais via un frontend séparé.

Quels sont les CMS headless ?

Il existe sur le marché plusieurs fournisseurs spécialisés dans les CMS sans tête. Les plus connus sont Directus, Strapi, Cockpit, Contentful ou Storyblok. De plus, de nombreux fournisseurs de CMS classiques suivent le mouvement et équipent leur système d'une API REST. WordPress est donc désormais utilisable sans tête.

Comment fonctionne un CMS headless ?

Dans un CMS headless, le backend et le frontend ne sont pas liés. Cela signifie que le système n'affiche pas directement sur le site web le contenu saisi dans le backend. Au lieu de cela, le contenu de la base de données est mis à disposition via l'API REST. Grâce à l'interface, chaque site web ou application peut alors récupérer le contenu central et l'afficher.