En utilisant une solution WordPress sans tête, vous pouvez garder le front-end et le back-end de votre site Web complètement distincts. Cette méthode vous permet de produire des copies statiques de votre site Web, ce qui réduit considérablement les temps de chargement lors de l'accès au site Web.
Nous verrons plus loin dans cet article comment configurer et créer un WordPress sans tête et comment il fonctionne. Après cela, nous vous guiderons dans la création d'une configuration de base qui tire parti d'Amazon Web Services pour stocker des copies statiques de votre site Web et utiliser des frameworks pour configurer WordPress sans tête.
Que signifie exactement « WordPress sans tête » ?
Lorsque vous modifiez votre site à l'aide du tableau de bord administratif, également appelé back-end, vous verrez les effets équivalents sur le front-end (c'est-à-dire les pages en direct auxquelles les visiteurs ont accès). WordPress est responsable à la fois du back-end et du front-end de votre site Web lorsque vous utilisez cette stratégie conventionnelle.
Lorsque nous parlons de WordPress headless , nous parlons d’une configuration dans laquelle vous n’utilisez pas WordPress pour produire le front-end de votre site Web. C’est de cet arrangement que nous parlons lorsque nous parlons de WordPress sans tête. Au lieu de cela, WordPress est uniquement responsable du back-end du site Web. Vous pouvez créer un site Web statique pour le front-end, utiliser toute autre plate-forme liée à WordPress via son API ou utiliser WordPress.
Comment configurer un site Web WordPress sans tête ?
Nous allons partager deux méthodes pour configurer un site WordPress sans tête. Jetons un coup d'oeil :
Méthode 1 : Créer Hedless WordPress à l'aide d'AWS et de plugins
En principe, vous pouvez héberger une version de site Web statique chez n’importe quel fournisseur de votre choix. Cependant, pour le besoin de cette démonstration, nous utiliserons AWS puisqu'il est compatible avec le plugin que nous mettrons en avant. Les premières étapes sont décrites ci-dessous pour vous.
Étape 1. Créez un compte avec AWS
Tout d'abord, vous devrez créer un compte avec AWS.
Démarrer avec AWS nécessite un peu plus de travail qu'un serveur Web conventionnel. D’un autre côté, l’utilisation de cette plateforme peut entraîner de maigres coûts pour les sites Web statiques. Cela peut vous coûter un peu plus d’un demi-dollar par mois.
Vous devez choisir le niveau Amazon S3, qui fournit un hébergement gratuit pendant 12 mois, pour mettre en place une installation WordPress sans tête :
Le site Web du service S3 d'Amazon.
Il ne devrait pas être trop difficile pour vous de créer votre compte ; il vous suffit de cliquer sur le bouton « Commencer avec Amazon S3 » et de fournir les informations nécessaires dans les zones prévues dans le formulaire d'inscription.
Notez que le bouton indiquera Terminer l'inscription plutôt que l'inscription standard lorsque vous êtes déjà connecté à un compte Amazon. La procédure se déroulera de la même manière ; cependant, vous ne serez à aucun moment obligé de saisir à nouveau votre adresse e-mail et vos identifiants de connexion.
Étape 2 : Produisez une réplique de votre site Web dans un format statique.
Vous devrez toujours installer WordPress quelque part pour que cette configuration fonctionne correctement. Il vous permettra d'utiliser WordPress comme back-end de votre site Web et de créer du contenu statique pour le front-end. Une installation WordPress locale est une alternative qui peut être utilisée pour éviter d’avoir à payer pour les services de deux fournisseurs d’hébergement distincts.
Un site Web WordPress local peut être configuré de plusieurs manières différentes, notamment les suivantes :
- Développer un paramètre WordPress complet sur votre ordinateur personnel à l'aide d'un programme comme XAMPP
- L'installation de versions localisées de WordPress peut être réalisée à l'aide d'outils tels que Local by Flywheel.
- Dans ce scénario particulier, Local by Flywheel fournit une technique plus conviviale. Tout d’abord, téléchargez et installez le programme et créez un nouveau site Web sur votre ordinateur local.
Ensuite, modifiez et personnalisez votre site Web comme bon vous semble. Assurez-vous que vos paramètres sont à jour, décidez d'un thème et commencez à rédiger vos pages et articles. Une fois que vous aurez atteint un point où vous en serez satisfait, vous pourrez créer une copie statique qui pourra être utilisée pour le front-end de votre site Web.
Vous pouvez faire la même chose en utilisant l’un des nombreux plugins différents. WP2Static, quant à lui, est compatible avec diverses plates-formes, notamment, mais sans s'y limiter, AWS, Netlify, GitHub Pages et bien d'autres.
Une fois le plugin terminé, vous pourrez accéder à ses paramètres en cliquant sur l'onglet WP2Static qui se trouve sur votre tableau de bord. Il s'ouvre directement sur l'onglet intitulé « Déployer un site Web statique », qui est précisément l'endroit où vous voulez être :
Dans cette zone, remplissez la zone URL de destination avec l'URL que les utilisateurs fourniront pour accéder à votre site Web (votre configuration Amazon S3 le déterminera). Après cela, choisissez Amazon S3 dans le menu qui apparaît tout en haut de l'écran :
Pour déployer votre site Web, vous devrez d'abord créer quelques paramètres, puis lier AWS à votre site Web. Vous y parviendrez dans la phase suivante du processus.
Étape 3 : publier automatiquement des pages statiques sur Amazon Web Services
Lorsque vous choisissez l'option Amazon S3, de nombreux champs supplémentaires seront disponibles, notamment les suivants :
Avant de démarrer le processus de déploiement, vous devez saisir votre ID de clé d'accès et votre clé d'accès secrète. N'oubliez pas que l'ID de clé d'accès que vous utilisez doit disposer des niveaux d'autorisation appropriés pour que le déploiement réussisse. Ce qui suit est un bref didacticiel qui vous guidera tout au long du processus d'extraction des deux clés de votre compte AWS.
Méthode 2 : Créer un WordPress sans tête à l'aide de frameworks
Il est temps d’examiner les meilleurs frameworks si vous souhaitez configurer WordPress sans tête. Voici les 3 meilleurs frameworks que vous pouvez utiliser pour configurer votre site WordPress headless :
1. Réagir
React, l'un des frameworks les plus populaires, est une bibliothèque Javascript gratuite et open source pour le front-end qui permet aux développeurs de créer des interfaces utilisateur puissantes. Certaines de ses fonctionnalités incluent l'extension de syntaxe JavaScript (JSX), la liaison de données unidirectionnelle, le DOM virtuel, l'utilisation de composants et les méthodes de cycle de vie.
2. Fau st.js
Faust.js est le framework WordPress sans tête qui fournit un ensemble d'outils aux développeurs et aux éditeurs pour les aider à commencer à créer des applications frontales avec WordPress comme CMS sans tête. Ce framework se compose de plugins WordPress et d'un ensemble de packages npm, et prend en charge le rendu côté serveur et la génération statique.
3. Gatsby
Gatsby est un générateur de sites statiques open source. Gatsby est construit sur Node.js en utilisant React et GraphQL. Il peut offrir des temps de chargement extrêmement rapides en générant des fichiers HTML, CSS et Javascript statiques. Le cadre accorde une immense importance au référencement, garantissant qu'il réussit l'évaluation Core Web Vitals de Google.
Vous pouvez également utiliser ces frameworks populaires pour créer un WordPress sans tête :
4. Suivant . js
5. Braise
6. Frontière
7. Angulaire
8. jQuery
9. Vue.js
Option 3 : demandez l'aide d'un professionnel pour configurer WordPress sans tête !
Certains sites Web ne peuvent pas bénéficier de l’utilisation d’une stratégie WordPress sans tête. D'un autre côté, le passage à un frontal statique peut contribuer à améliorer la vitesse et la sécurité du site si votre site Web ne dépend pas substantiellement de composants dynamiques. En plus de cela, vous aurez probablement des frais d’hébergement inférieurs.
Vous souhaitez configurer WordPress sans tête mais vous ne connaissez pas le processus de configuration ? Créer votre premier projet WordPress sans tête peut être une tâche ardue. Ne t'inquiète pas! Seahawk Media peut créer pour vous une configuration sans tête flexible et multiplateforme avec l'équipe et les outils appropriés. Si vous avez des questions sur la façon de démarrer avec WordPress sans tête ou sur l’un des outils mentionnés ci-dessus, demandez l’aide professionnelle de nos experts WordPress. Notre équipe d'experts est toujours là pour vous aider!
J'espère que vous avez aimé ce guide sur la configuration d'un WordPress sans tête.
