Astra thème WordPress : guide complet d’installation et personnalisation 2026

Astra est le thème WordPress le plus installé au monde. Plus de 2 millions de sites l’utilisent, de la boulangerie de quartier au SaaS international. Ce n’est pas un accident : Astra est ultra-léger (< 50 Ko), compatible avec tous les page builders, et propose plus de 100 Starter Templates prêts à l'emploi. Ce guide vous accompagne de l'installation à la personnalisation avancée, avec les bons réglages pour chaque type de site et des benchmarks Core Web Vitals réels.

Configurateur : les réglages Astra pour votre type de site

Installer Astra en 2 minutes

L’installation est identique à n’importe quel thème WordPress :

1. Apparence > Thèmes > Ajouter
2. Recherchez « Astra »
3. Cliquez « Installer » puis « Activer »
4. Un assistant de configuration apparaît : choisissez votre type de site, vos couleurs et votre typographie
5. Optionnel : installez le plugin « Starter Templates » pour importer un site de démonstration complet en 1 clic

Supprimez les thèmes inutilisés (Twenty Twenty-Three, etc.) sauf Twenty Twenty-Five (gardez-le comme fallback). Consultez notre guide de sécurité WordPress pour les bonnes pratiques.

Le Header Builder : construire un en-tête professionnel

Depuis Astra 4.0, le Header Builder est un éditeur visuel drag & drop qui permet de construire des en-têtes complexes sans code. Il est divisé en 3 rangées (Above Header, Primary Header, Below Header) avec chacune 3 colonnes.

Éléments disponibles dans le Header Builder

Configuration recommandée pour la plupart des sites : Logo à gauche, Menu principal au centre ou à droite, Bouton CTA à droite. Activez le Transparent Header sur la page d’accueil uniquement pour un effet hero plein écran. Le Sticky Header (Pro) est un plus mais pas indispensable.

Personnaliser les couleurs et la typographie

Palette de couleurs globale

Astra utilisé un système de palette de couleurs globale. Changez une couleur dans la palette, et tout le site se met à jour : boutons, liens, headings, footer.

Apparence > Personnaliser > Global > Colors

Conseils pour une palette professionnelle :

• 2 à 3 couleurs maximum : une couleur primaire (boutons, liens, accents), une couleur secondaire (hover, badges), et les neutres (texte, fond)
• Contraste suffisant : ratio minimum 4,5:1 entre le texte et le fond (vérifiez avec webaim.org/resources/contrastchecker)
• Cohérence avec votre marque : si vous avez un logo, utilisez ses couleurs comme base

Typographie

Apparence > Personnaliser > Global > Typography

Astra donne accès à 800+ Google Fonts + les polices système. Recommandations :

• Corps de texte : Inter, System Stack ou Roboto. Taille : 16-18px. Line-height : 1.6 à 1.8.
• Titres : Space Grotesk, Poppins où la même police que le corps en bold. Contraste de poids (body 400, headings 700).
• Évitez : plus de 2 polices Google (chaque police ajoute 20-40 Ko de téléchargement). La System Stack (pas de téléchargement) est l’option la plus rapide.

Les Starter Templates : un site complet en 5 minutes

Les Starter Templates sont le super-pouvoir d’Astra. Ils proposent plus de 100 sites de démonstration complets (design, contenu, images) importables en 1 clic. Vous personnalisez les couleurs, le logo et les textes ; le design est déjà fait.

Comment utiliser les Starter Templates

1. Installez le plugin « Starter Templates » : Plugins > Ajouter > « Starter Templates » par Brainstorm Force
2. Apparence > Starter Templates : parcourez les 100+ modèles
3. Choisissez votre page builder : Gutenberg (recommandé, léger) ou Elementor (plus visuel)
4. Prévisualisez et cliquez « Import Complété Site »
5. Personnalisez : logo, couleurs, textes, images

Templates recommandés par usage :

ZipWP IA : Astra proposé aussi ZipWP, un générateur de site IA qui crée un site complet à partir de quelques questions sur votre activité. Le résultat est correct pour un premier jet, mais nécessite de la personnalisation pour être vraiment professionnel.

Astra + WooCommerce

Astra est l’un des thèmes les plus optimisés pour WooCommerce. Les fonctionnalités e-commerce intégrées :

• Mini-cart header : icône panier avec le nombre d’articles, visible dans le header
• Galerie produits : zoom, lightbox, navigation par vignettes
• Page catalogue : grid configurable (2-6 colonnes), filtres, tri
• Quick View (Pro) : aperçu rapide du produit sans quitter la page catalogue
• Checkout optimisé (Pro) : checkout en 2 étapes, plus intuitif pour le client
• Off-Canvas Sidebar : filtres de produits en panneau latéral sur mobile

Pour le choix de l’hébergeur WooCommerce avec Astra, consultez notre guide hébergement WooCommerce. Infomaniak (staging inclus) et Hostinger Business (Redis + staging) sont nos recommandations.

Astra gratuit vs Astra Pro : faut-il payer ?

Verdict : pour 80 % des sites, la version gratuite suffit. Passez à la Pro si vous avez besoin du Sticky Header, du Mega Menu, des Custom Layouts conditionnels ou du WooCommerce avancé. Les 59 $/an sont un bon investissement si vous utilisez une de ces fonctionnalités régulièrement.

Astra vs GeneratePress vs Kadence : le comparatif

Astra pour la polyvalence : le plus de templates, le plus de compatibilité page builder, le WooCommerce le plus avancé. GeneratePress pour la performance pure : le plus léger, le plus rapide, le code le plus propre. Kadence pour le design : le header builder le plus avancé, les blocks les plus riches, la typographie la plus flexible.

Consultez notre classement complet des meilleurs thèmes WordPress gratuits 2026 pour les 10 meilleurs thèmes avec benchmarks.

Performances et Core Web Vitals

Benchmarks mesurés sur un site Astra propre (Starter Template « Business », hébergé sur o2switch avec LiteSpeed Cache) :

Astra passé tous les Core Web Vitals sans configuration spéciale. Le LCP de 1,4 s dépend principalement de l’image hero ; compressez-la avec ShortPixel pour descendre sous 1 s. L’INP de 45 ms est excellent grâce à l’absence de jQuery et de scripts bloquants.

Le choix de l’hébergeur impacte fortement le TTFB. Sur o2switch (LiteSpeed) : 180 ms. Sur OVH (Apache) : 400 ms. Le thème est le même ; c’est le serveur qui fait la différence.

Personnalisation avancée (développeurs)

Child theme

Ne modifiez jamais les fichiers d’Astra directement. Créez un child theme :

/* style.css du child theme */
/*
Theme Name: Astra Child
Template: astra
*/

/* Vos personnalisations CSS ici */

// functions.php du child theme
<?php
// Charger le CSS parent
add_action('wp_enqueue_scripts', function() {
    wp_enqueue_style('astra-child', get_stylesheet_uri(), ['astra-theme-css'], '1.0');
});

// Vos hooks et filtres ici

Hooks Astra

Astra proposé des hooks (points d’insertion) pour ajouter du contenu sans modifier les templates :

• astra_header_before / astra_header_after : avant/après le header
• astra_content_before / astra_content_after : avant/après le contenu principal
• astra_entry_before / astra_entry_after : avant/après chaque article
• astra_footer_before / astra_footer_after : avant/après le footer

Avec Astra Pro, les Custom Layouts permettent de faire la même chose visuellement, sans code.

Migrer vers Astra depuis un autre thème

Changer de thème WordPress est simple en théorie mais demande de la vérification :

1. Sauvegardez votre site (UpdraftPlus vers Google Drive). Consultez notre guide de migration.
2. Installez Astra sans l’activer
3. Testez avec un plugin de preview : « Theme Switcha » permet de prévisualiser un thème sans l’activer pour les visiteurs
4. Vérifiez les incompatibilités : shortcodes spécifiques à l’ancien thème, widgets personnalisés, CSS custom
5. Activez Astra et reconfigurez : menus, widgets, header, footer, couleurs
6. Vérifiez toutes les pages : parcourez chaque page, chaque article, le blog, les pages WooCommerce si applicable

Le contenu (articles, pages, médias) n’est pas affecté par le changement de thème. Seule la mise en page change.

Les erreurs courantes avec Astra

• Installer Elementor « au cas où » : Elementor ajoute 200+ Ko de CSS/JS. Si vous n’en avez pas besoin, ne l’installez pas. Le Gutenberg natif + les Starter Templates Gutenberg d’Astra suffisent pour la majorité des sites.
• Trop de Google Fonts : chaque police Google ajoute 20-40 Ko. Utilisez maximum 2 polices (corps + titres). La System Stack (0 Ko) est l’option la plus rapide.
• Ne pas configurer le responsive : vérifiez le rendu mobile dans Apparence > Personnaliser. Le menu hamburger, les tailles de police et les marges doivent être ajustés pour mobile.
• Ignorer les Starter Templates : ils font gagner des heures de design. Même si vous personnalisez tout, partir d’un template est plus rapide que de construire de zéro.