Cet article vous guidera comment convertir facilement les sites Web WordPress en sites Web statiques avec des outils puissants. Nous nous concentrerons sur le processus de migration de WordPress vers un générateur de site Web statique et explorerons certaines alternatives, notamment en utilisant des CM sans tête. Pourquoi avez-vous besoin d'effectuer ce type de migration? Parce que vous pouvez augmenter considérablement la vitesse de votre site Web, l'amélioration du classement des moteurs de recherche, la réduction des frais d'hébergement (ou même l'élimination) et l'amélioration considérable de la sécurité.
Points clés:
Avantages des sites Web statiques:
Les améliorations de vitesse significatives ne sont pas le seul avantage, et la conversion d'un site Web dynamique WordPress (WP) en un site Web statique peut également apporter les avantages suivants:
"WordPress est-il sûr?" Les développeurs WordPress suivent de bonnes normes et pratiques de sécurité, bien que le support à long terme (LTS) fasse toujours défaut. Cependant, en raison de son architecture elle-même, certaines choses sont hors de contrôle de l'équipe de sécurité WP et qui sont directement responsables de:
Mettez à jour votre serveur
peut être sûr. Bien que vous puissiez affirmer que ce sont les efforts que tout bon développeur devrait faire, il est également certain que vous pouvez soulager ces charges en convertissant votre site Web WP en un site Web statique tout en redéfinissant son architecture et en l'éliminant pour toujours presque sans aucune élimination simultanée de la Réalité virtuelle c'est-à-dire tous les points potentiels qui peuvent devenir des menaces de sécurité. Après tout, les attaquants ne font pas grand-chose avec les fichiers HTML, CSS ordinaires et les images plates. Cependant, vous devez toujours être conscient des scripts croisés et de la contrefaçon de demande croisée. ? ️ Préparation: le générateur de sites Web statique est disponible
Source: netlify
Nous avons brièvement examiné le générateur de sites Web statique (SSG) dans l'article "100 Jamstack Tools, API et services aident votre site Web", et il existe un grand nombre de SSG non couverts ici, alors assurez-vous de consulter Statinggen pour plus information. Certains SSG sont spécifiquement destinés à WordPress, tels que WP2STATIC, mais nous nous concentrerons sur un SSG plus général, à savoir Gatsby.js— "Frame open source gratuite basée sur la réaction qui aide les développeurs à créer des sites Web et des applications super rapides." .
Migration WordPressJe dois admettre que bien que j'espère que le processus est très simple, il y a certaines choses qui peuvent la rendre plus fastidieuse et longue, comme les plugins existants que vous avez peut-être installés (moins les plugins sont meilleurs) et votre format comment comment pour traduire les articles (simple le mieux). Considérez cela comme un guide qui peut devoir être ajusté à votre situation spécifique. Essentiellement, nous ferons ce qui suit:
Définissez Gatsby.js
Ces lanceurs peuvent vous fournir directement une application Web progressive (PWA) entièrement axée sur la réact (PWA), qui sont déjà incluses:
Temps de chargement super rapide (HTML pré-rendu, chargement automatique JS)
Vous devez d'abord installer gatsby.js et node.js afin que vous puissiez utiliser le GATSBY CLI et Node.js Package Manager NPM. Pour Node.js, il suffit de télécharger et d'installer, et pour Gatsby.js, voir la démarrage ou la configuration de votre environnement de développement. Une fois que vous avez résolu ce problème, c'est ainsi que vous démarrez votre projet (n'oubliez pas que vous pouvez également cloner Gatsby-Material-Starter):
gatsby new YourProjectName https://github.com/Vagr9K/gatsby-advanced-starter npm run develop # 或 gatsby develop
La configuration des lanceurs avancés (exemple) et matériaux (exemple) est presque le même.
Comme mentionné précédemment, Netlify CMS est pris en charge hors de la boîte, vous pouvez l'activer en modifiant static / admin / config.yml comme indiqué ci-dessous:
backend: name: github branch: master repo: your-user/your-repo
Vous pouvez également intégrer Netlify CMS avec GitLab ou BitBucket (voir la configuration du backend).
Dans certains cas, vous pouvez simplement convertir un fichier XML exporté contenant tous les articles et pages en un fichier Markdown en utilisant EXITWP. Cependant, en fonction de votre configuration et de votre ajustement WP, ce processus peut nécessiter quelques astuces; mais cela est toujours possible et en vaut la peine. Tania Rascia donne un bon aperçu de la façon dont elle gère ce processus dans son article la fin d'une époque: migrer de WordPress à Gatsby.
Étant donné que Gatsby.js est une application React, devenant un développeur React ou du moins un programmeur JavaScript expérimenté contribuera grandement à faire votre personnalisation serrée de Gatsby. Il sera également très pratique de comprendre certains GraphQL lorsque les requêtes et les données minières, surtout si ces pages ne sont plus desservies par la base de données MySQL. Heureusement, la documentation de Gatsby.js est très bien développée. Voici quelques ressources utiles:
Créer des pages par programme via des donnéesSécurité, en place à la fois!
Même si votre administrateur WordPress est sur Internet (le fichier .htpasswd peut faire beaucoup pour vous), même s'il n'est pas corrigé, même si votre sauvegarde WP est falsifiée, aucune de ces éléments ne affectera la statique que vous avez Page déployée , car la frontale en a été "séparée". Ne vous méprenez pas, même si vous exécutez WordPress sur un LAN local (LAN) derrière un pare-feu, vous devriez le mettre à jour régulièrement. En raison de la mise à niveau majeure et soudaine de PHP ou WP, j'ai vu mon site Web être altéré ou arrêté de travailler plus que je ne suis prêt à l'admettre. Cependant, si votre site Web est statique, ces problèmes de sécurité n'existent plus!
a perdu la tête: CMS sans tête
Si vous l'avez fait, vous n'aurez peut-être plus besoin d'utiliser WordPress. Bien que vous puissiez garder l'administrateur pour générer de nouveaux articles et pages, un autre flux de travail consiste à utiliser un autre CMS sans tête pour générer des fichiers statiques pour vous et les synchroniser avec votre référentiel, qui sont tous fait automatiquement en une seule étape. Il s'agit de "CMS sans tête" - un système de gestion de contenu qui s'exécute toujours quelque part comme une instance backend, mais qui est complètement distinct du site Web en direct réel. WordPress est une option CMS sans tête courante pour les sites Web statiques et est probablement le choix le plus courant pour les déploiements SSG à grande échelle. Bien que les méthodes de migration puissent couvrir de nombreuses situations, vous pouvez avoir trop de contenu hérité ou trop de flux de contenu intégré dans WordPress, donc une migration complète peut ne pas être possible immédiatement. Cela est particulièrement vrai pour les opérations de contenu importantes et les entreprises de médias numériques. Cependant, si vous avez besoin de gérer moins d'histoire, il est préférable de regarder une approche plus moderne de la gestion du contenu - la migration des sites Web de services dynamiques est le bon moment pour apporter de tels modifications. La migration que nous avons mise en œuvre prend en charge Netlify CMS, bien que nous ne couvrions pas comment utiliser CMS sans tête ici. C'est un sujet que nous présenterons dans un autre article dans un avenir proche.
creuser en profondeur
Dans de tels articles, nous ne pouvons que couvrir autant, alors voici quelques ressources supplémentaires sur la migration du WP à l'aide de SSG.
Le centre de documentation officiel et le blog sont très complets et bien écrits. Voici quelques articles liés à WP:
Hugo est basé sur le langage de programmation Go et est un autre grand nom SSG qui offre un grand nombre de modèles disponibles et est une option fiable que vous pourriez considérer pour gatsby.js. Il existe des outils pour migrer WordPress vers Hugo. Si vous regardez ces guides, vous constaterez que même s'il est moins flexible, le processus devrait être beaucoup plus simple que Gatsby.js:
Si vous parvenez à configurer un environnement Ruby, Jekyll (qui peut convertir votre texte brut en SSG pour les sites Web statiques et les blogs ) est encore plus facile à utiliser, bien qu'il ne générera que des pages statiques, pas comme des applications Web Comme Gatsby.js. Comme GATSBY, vous pouvez générer Markdown à partir de WP en utilisant EXITWP basé sur Python. Vous pouvez également utiliser le WPXML2JEKYLL exécutable basé sur Windows pour générer des fichiers de démarque de Jekyll à partir de WP XML. Quelques articles utiles:
Conclusion et pensées: le roi est-il mort?
Pour moi, il est très important d'être à l'aise, et c'est l'une des principales raisons pour lesquelles j'ai cessé de développer des sites Web WordPress il y a de nombreuses années. Ce que je déteste, c'est que l'erreur peut apparaître à tout moment (zéro jour ou autre) et qu'elle peut mettre en danger mon travail si elle n'est pas corrigée à temps. Croyez-moi, en raison de la mise à niveau PHP ou WP soudaine et soudaine, j'ai vu mon site Web falsifié ou cessé de travailler plus que je ne suis prêt à l'admettre. Cependant, si votre site Web est statique, ces problèmes de sécurité n'existent plus!À mon avis, WordPress a atteint sa situation de "pic de pétrole" en 2012 (voir Google Trends: WordPress 2004 à présent). S'il ne s'adapte pas très rapidement, il continuera à perdre des parts de marché, ce qui est bénéfique pour les technologies qui peuvent faire un travail plus rapide et plus sûr dans des processus mieux intégrés. Matt Mullenweg, créateur de WP et PDG de Automatic, l'a reconnu en commençant à encourager les développeurs à «plonger dans JavaScript» et à abandonner hardiment le backend PHP de WP pour Javascript en présentant Calypso (lire sa réflexion sur le processus). Cela apporte des ondes de choc (même la panique) à la communauté, et il est dit que WordPress abandonnera complètement PHP. Gutenberg n'est qu'un autre pas dans cette direction. S'il parvient à se remodeler, le roi pourrait éventuellement conserver sa couronne. Sinon, hé, alimenter près d'un tiers d'Internet n'est pas facile - vive le roi! ?
Lisez l'article sur la façon dont SitePoint a migré son frontal vers Gatsby, alimenté par WordPress sans tête CMS en 2020.
Jamstack Basics
Apprenez de Jamstack. Notre collection de bases de Jamstack vous aide à faire le premier pas dans Jamstack, et nous y ajoutons constamment du contenu. Nous vous fournirons les tutoriels dont vous avez besoin pour devenir un professionnel. Vous pouvez toujours vous référer à notre index car il sera mis à jour à la fin de notre introduction Jamstack: ➤
FAQ sur Migrating WordPress vers Static Site Web Builder (FAQ)
Migrating WordPress vers un générateur de sites Web statique a plusieurs avantages. Premièrement, les sites Web statiques sont généralement plus rapides que les sites Web WordPress car ils n'ont pas besoin de traiter PHP ou d'extraire des données d'une base de données. Cela peut améliorer considérablement la vitesse de chargement de votre site Web, ce qui est crucial pour le référencement et l'expérience utilisateur. Deuxièmement, les sites Web statiques sont plus sûrs car ils n'ont pas de bases de données qui peuvent être piratées. Enfin, les sites Web statiques sont moins chers à héberger et plus faciles à entretenir, ce qui les rend idéaux pour les petites entreprises et les blogs personnels.
Pour assurer une migration en douceur, il est crucial de planifier à l'avance. Soutenez d'abord votre site WordPress afin que vous puissiez revenir en arrière si des problèmes surviennent. Ensuite, sélectionnez le générateur de sites Web statique qui répond à vos besoins. Certaines options populaires incluent Jekyll, Hugo et Gatsby. Une fois le générateur sélectionné, vous pouvez exporter du contenu WordPress à l'aide de plugins comme Simply Static ou WP2Static. Après l'exportation, vous devez configurer un nouveau site Web statique et importer votre contenu. Enfin, testez soigneusement votre nouveau site Web pour vous assurer que tout fonctionne correctement.
Malheureusement, vous ne pouvez pas utiliser votre thème WordPress directement dans le générateur de site Web statique. Cependant, vous pouvez recréer votre sujet à l'aide du système de modèle du générateur de sites Web statique. Cela nécessite une certaine connaissance de HTML, CSS et peut-être JavaScript. Alternativement, vous pouvez choisir un thème préfabriqué qui est très similaire à votre thème WordPress.
Lors de la migration vers un générateur de sites Web statique, vous perdrez les fonctionnalités fournies par le plugin WordPress. Cependant, de nombreux générateurs de sites Web statiques ont leurs propres plug-ins ou extensions qui peuvent fournir des fonctionnalités similaires. Vous devez rechercher manuellement et installer ces plugins après la migration.
Oui, vous pouvez toujours utiliser CMS dans le générateur de sites Web statique. Certaines options populaires incluent Netlify CMS, Forestry et Contentful. Ces CMS vous permettent de gérer votre contenu dans une interface conviviale similaire à WordPress. Cependant, ils génèrent des fichiers statiques qui peuvent être desservis par votre générateur de sites Web statique.
Les formulaires de traitement sur des sites Web statiques peuvent être un peu délicats car les sites Web statiques n'ont pas de backend pour gérer les soumissions de formulaires. Cependant, vous pouvez utiliser des services tiers tels que FormSpree ou Netlify Forms pour traiter les soumissions de formulaires. Ces services fournissent une URL que vous pouvez utiliser comme propriété d'action sous un formulaire, et ils traiteront la soumission du formulaire et vous envoyer des données.
Comme pour les formulaires, les commentaires peuvent également être un défi sur les sites Web statiques, car ils n'ont pas de backend pour stocker et récupérer les commentaires. Cependant, vous pouvez utiliser des services tiers comme Disqus ou Commento pour traiter les commentaires. Ces services fournissent un extrait JavaScript que vous pouvez ajouter à votre site Web et ils géreront la fonction de commentaires.
Oui, vous pouvez migrer votre site Web WordPress vers un générateur de site Web statique sans perdre SEO. La clé est de vous assurer que votre nouveau site Web statique maintient la même structure URL que votre site Web WordPress. De cette façon, les moteurs de recherche peuvent toujours reconnaître votre page et le garder classé. De plus, les sites Web statiques sont souvent plus rapides que les sites Web WordPress, qui peuvent en fait améliorer votre référencement.
Oui, la plupart des générateurs de sites Web statiques ont un serveur de développement intégré qui vous permet de le prévisualiser avant de publier votre site Web. C'est un excellent moyen de tester votre site Web avant qu'il ne soit en ligne et de vous assurer que tout fonctionne correctement.
La mise à jour d'un site Web statique est légèrement différente de la mise à jour d'un site Web WordPress. Au lieu de vous connecter au backend pour apporter des modifications, vous devez mettre à jour les fichiers source du site Web, puis reconstruire le site Web. Ce processus peut être automatisé à l'aide de services d'intégration continue / déploiement continu (CI / CD) tels que Netlify ou Vercel.
Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!
![[Web front-end] Démarrage rapide de Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
