Migration depuis WordPress

WordPress est un système de publication personnelle open source construit sur PHP et MySQL.

Astuce

Vous pouvez utiliser WordPress comme CMS headless (ou « sans-tête ») pour votre projet Astro. Suivez notre guide pour utiliser votre contenu WordPress existant dans un nouveau projet Astro.

Principales similitudes entre WordPress et Astro

Titre de la section Principales similitudes entre WordPress et Astro

WordPress et Astro partagent certaines similitudes qui vous aideront à migrer votre projet :

• WordPress et Astro sont tous les deux idéaux pour les sites web axés sur le contenu comme les blogs et ils vous permettent d’écrire votre contenu en Markdown (cela requiert une extension avec WordPress). Bien que le processus d’ajout de nouveau contenu soit différent, l’écriture de fichiers Markdown pour votre blog Astro devrait vous sembler familier si vous avez déjà utilisé la syntaxe Markdown dans votre éditeur WordPress.

• WordPress et Astro vous encouragent tous les deux à penser au design de votre site en « blocs » (composants). Dans Astro, vous écrirez probablement davantage votre propre code pour créer ces blocs plutôt que de compter sur des extensions pré-construites. Cependant, penser aux différents éléments de votre site et à la manière dont ils sont présentés sur la page devrait vous sembler familier.

Principales différences entre WordPress et Astro

Titre de la section Principales différences entre WordPress et Astro

Lorsque vous reconstruisez votre site WordPress dans Astro, vous remarquerez quelques différences importantes :

• Un site WordPress est édité en utilisant un tableau de bord en ligne. Dans Astro, vous utiliserez un éditeur de code et un environnement de développement pour maintenir votre site. Vous pouvez développer localement sur votre machine ou choisir un éditeur/environnement de développement en ligne comme StackBlitz, CodeSandbox ou Gitpod.

• WordPress dispose d’un vaste marché de plugins et de thèmes. Dans Astro, vous trouverez quelques thèmes et intégrations disponibles, mais vous devrez peut-être désormais créer vous-même bon nombre de vos fonctionnalités existantes au lieu de rechercher des solutions tierces. Vous pouvez également choisir de commencer avec un thème Astro possédant des fonctionnalités intégrées !

• WordPress enregistre votre contenu dans une base de données. Dans Astro, vous aurez des fichiers individuels (généralement Markdown ou MDX) résidant dans votre dossier de projet pour le contenu de chaque page. Vous pouvez également choisir d’utiliser un CMS pour votre contenu, et même votre site WordPress existant, et d’utiliser Astro pour récupérer et présenter les données.

Passer de WordPress à Astro

Titre de la section Passer de WordPress à Astro

Pour convertir un blog WordPress vers Astro, commencez avec notre modèle de démarrage de thème de blog, ou explorez plus de thèmes de blog communautaires dans notre vitrine de thèmes.

Vous pouvez utiliser l’argument --template avec la commande create astro pour commencer un nouveau projet Astro avec l’un de nos modèles de démarrage officiels. Ou, vous pouvez démarrer un nouveau projet depuis n’importe quel dépôt Astro hébergé sur GitHub.

npm

npm create astro@latest -- --template blog

pnpm

pnpm create astro@latest --template blog

Yarn

yarn create astro --template blog

Vous pouvez continuer à utiliser votre blog WordPress existant comme CMS pour Astro, ce qui signifie que vous continuerez à utiliser votre tableau de bord WordPress pour rédiger vos articles. Vos contenus seront gérés par WordPress, mais tous les autres aspects de votre site Astro seront construits dans votre environnement d’édition de code, et vous déployerez votre site Astro séparément de votre site WordPress. (Assurez-vous de mettre à jour votre domaine chez votre hébergeur pour conserver la même URL de site web !)

Vous souhaiterez peut-être suivre le tutoriel Construire un blog si vous débutez dans l’utilisation d’un éditeur de code et de GitHub pour stocker et déployer votre site. Il vous guidera à travers tous les comptes et configurations dont vous avez besoin ! Vous apprendrez également à construire des composants Astro par vous-même, et il vous montrera comment ajouter des articles de blog directement dans Astro si vous choisissez de ne pas utiliser WordPress pour rédiger vos contenus.

Si vous souhaitez déplacer tous vos articles existants vers Astro, vous pourriez trouver cet outil pour exporter du contenu Markdown depuis WordPress utile. Vous devrez peut-être apporter quelques ajustements au résultat si vous devez convertir un site WordPress volumineux ou compliqué vers Markdown.

Pour convertir d’autres types de sites, comme un portfolio ou un site de documentation, découvrez plus de modèles de démarrage officiels sur astro.new. Vous trouverez un lien vers le dépôt GitHub de chaque projet, ainsi que des liens en un clic pour ouvrir un projet fonctionnel dans les environnements de développement en ligne StackBlitz, CodeSandbox et Gitpod.

Ressources communautaires

Titre de la section Ressources communautaires

• Pourquoi je suis passé de WordPress à Astro (en)

• Des temps de construction fracassants en utilisant Wordpress en mode headless avec l’API Content Layer d’Astro (en)

• Créer un site Web Astro avec WordPress en tant que CMS Headless (en)

• Créer un site WordPress sans tête avec Astro (en)

• WordPress sans tête avec Astro – Créez un blog simple à partir de zéro avec Tailwind CSS (en)

• Tirer parti de WordPress comme CMS sans tête pour votre site Web Astro : configuration API et récupération de données (en)

• Construire un site statique avec WordPress et Astro

• Comment créer un site WordPress sans tête avec Astro (en)

• Créer un site e-commerce avec WordPress Headless et Astro (en)

• Thème Astro WordPress Starter (en)

• Thème Kubrick Astro (en)

• Migrer de WordPress vers Astro (en)

• 📺 Créez un site WordPress sans tête avec Astro (en)

• 📺 Démo de démarrage WordPress sans tête avec Astro (en)

• 📺 Astro + WPGraphQL pour des sites WordPress plus sécurisés (en)

• 📺 WordPress Headless avec Astro - Installation d’Astro et récupération de publications avec WP-GraphQL (en)

• 📺 Passer à WordPress sans tête avec Astro (en)

• Ajoutez le vôtre !

Plus de guides sur les migrations

• 

  Create React App

• 

  Docusaurus

• 

  Eleventy

• 

  Gatsby

• 

  GitBook

• 

  Gridsome

• 

  Hugo

• 

  Jekyll

• 

  Next.js

• 

  NuxtJS

• 

  Pelican

• 

  SvelteKit

• 

  VuePress

• 

  WordPress