Dans sa version gratuite, le thème Astra propose également une multitude de fonctionnalités qui vous aideront à concevoir facilement une page d'accueil claire, une structure riche, visuellement belle et rapide à charger. Qu'il s'agisse d'un blog personnel, d'un site d'entreprise ou d'une page vitrine, la mise en page multi-colonnes d'Astra vous offre une structure de contenu professionnelle et organisée.
![Image [1]-Créer une page d'accueil multi-colonnes avec Astra Free Edition : Tutoriels détaillés](http://gqxi.cn/wp-content/uploads/2025/07/20250705112950445-image.png)
Cet article explique en détail l'utilisation des modèles Astra et des outils par défaut de WordPress pour créer rapidement une page d'accueil multi-colonnes, afin de vous aider à afficher pleinement le contenu et l'image de marque du site, et d'améliorer le professionnalisme et l'attractivité du site.
1) Pourquoi choisir une mise en page à plusieurs colonnes ?
Une présentation en plusieurs colonnes peut aider le site :
- Présenter le contenu des différentes sections
- Amélioration de la capacité d'information de la page d'accueil
- Permettre aux visiteurs de trouver rapidement ce qu'ils recherchent
Pour les blogs, les sites officiels d'entreprises ou les sites de marque personnelle, les mises en page multi-colonnes sont des solutions courantes pour la structure de la page d'accueil.
![Image [2]-Créer une page d'accueil multi-colonnes avec Astra Free Edition : Tutoriels détaillés](http://gqxi.cn/wp-content/uploads/2025/07/20250705113836151-image.png)
2. aller à la page d'accueil des paramètres du personnalisateur
- Connectez-vous au backend de WordPress
- Cliquez sur le menu de gauche Apparence > Personnalisation
![Image [3]-Créer une page d'accueil multi-colonnes avec Astra Free Edition : Tutoriels détaillés](http://gqxi.cn/wp-content/uploads/2025/07/20250705113951355-image.png)
- Dans le Customiser, cliquez sur Paramètres de la page d'accueil
![Image [4]-Créer une page d'accueil multi-colonnes avec Astra Free Edition : Tutoriels détaillés](http://gqxi.cn/wp-content/uploads/2025/07/20250705113919432-image.png)
Vous pouvez ici sélectionner les éléments à afficher sur la page d'accueil :
- Derniers articles
- page statique
Si vous souhaitez créer une page d'accueil à plusieurs colonnes, il est recommandé de choisir l'option page statiquepuis spécifier une page nouvellement créée comme page d'accueil.
![Image [5]-Créer une page d'accueil multi-colonnes avec Astra Free Edition : Tutoriels détaillés](http://gqxi.cn/wp-content/uploads/2025/07/20250705134354335-image.png)
3. créer une page d'accueil
- Cliquer en arrière-plan Pages > Ajouter une nouvelle page
![Image [6]-Créer une page d'accueil multi-colonnes avec Astra Free Edition : Tutoriels détaillés](http://gqxi.cn/wp-content/uploads/2025/07/20250705134712355-image.png)
- Donnez-lui le nom de "maison"
![Image [7]-Créer une page d'accueil multi-colonnes avec Astra Free Edition : Tutoriels détaillés](http://gqxi.cn/wp-content/uploads/2025/07/20250705134737805-image.png)
- Dans les propriétés de la page, la sélection du modèle Elementor Full Width(si vous utilisez l'éditeur Elementor) ou conservez le modèle par défaut
frappe (sur le clavier) poste.
![Image [8]-Créer une page d'accueil multi-colonnes avec Astra Free Edition : Tutoriels détaillés](http://gqxi.cn/wp-content/uploads/2025/07/20250705134845248-image.png)
4) Créer des mises en page multi-colonnes à l'aide de l'éditeur de blocs (Gutenberg)
Même sans utiliser le constructeur de pages, vous pouvez créer des mises en page multi-colonnes à l'aide de l'éditeur de blocs fourni avec WordPress.
4.1 Ajouter des blocs multi-colonnes
- frappe (sur le clavier) Modifier la page
- Cliquez sur le "+" dans l'éditeur pour ajouter un bloc
![Image [9]-Créer une page d'accueil multi-colonnes avec Astra Free Edition : Tutoriels détaillés](http://gqxi.cn/wp-content/uploads/2025/07/20250705135042420-image.png)
- Recherchez et sélectionnez Colonnes
![Image [10]-Créer une page d'accueil multi-colonnes avec Astra Free Edition : Tutoriels détaillés](http://gqxi.cn/wp-content/uploads/2025/07/20250705135112481-image.png)
4.2 Choix de la structure des colonnes
Exemple :
- deux colonnes de même largeur
- trois colonnes de même largeur
- étroit à gauche et large à droite
![Image [11]-Créer une page d'accueil multi-colonnes avec Astra Free Edition : Tutoriel détaillé](http://gqxi.cn/wp-content/uploads/2025/07/20250705135152449-image.png)
Une fois sélectionné, vous pouvez insérer dans chaque colonne :
- photographie
- style d'écriture
- boutons
- Module des derniers articles
![Image [12]-Créer une page d'accueil multi-colonnes avec Astra Free Edition : Tutoriels détaillés](http://gqxi.cn/wp-content/uploads/2025/07/20250705135434309-image.png)
4.3 Combinaison de blocs de colonnes multiples
Pour créer une véritable page d'accueil multi-colonnes, vous pouvez ajouter plusieurs blocs de colonnes à la même page. Exemple :
- Image de la bannière et texte de bienvenue en haut
- La deuxième partie est une introduction aux trois colonnes de services
- La troisième partie se compose de deux colonnes : les derniers articles d'un c?té et les informations de contact ou les formulaires de l'autre.
5) Améliorer les styles de page avec les paramètres personnalisés d'Astra
existent Apparence > Personnalisation > Global > Conteneur) dans lequel il peut être défini :
- Largeur de la page (pleine largeur ou avec marges)
![Image [13]-Créer une page d'accueil multi-colonnes avec Astra Free Edition : Tutoriels détaillés](http://gqxi.cn/wp-content/uploads/2025/07/20250705135922560-image.png)
existent Types de messages > Blog / Archive dans les paramètres :
- Barre latérale droite
- Pas de barre latérale
- Barre latérale gauche
![Image [14]-Créer une page d'accueil multi-colonnes avec Astra Free Edition : Tutoriels détaillés](http://gqxi.cn/wp-content/uploads/2025/07/20250705140328546-image.png)
Si vous souhaitez que la page d'accueil reste simple, vous pouvezMasquer le titre de la pageLe contenu multi-colonnes devient ainsi un point de mire visuel.
- entrer dans Pages > Toutes les pages
![Image [15]-Créer une page d'accueil multi-colonnes avec Astra Free Edition : Tutoriels détaillés](http://gqxi.cn/wp-content/uploads/2025/07/20250705140531477-image.png)
- Cliquez sur la page d'accueil à modifier
![Image [16]-Créer une page d'accueil multi-colonnes avec Astra Free Edition : Tutoriels détaillés](http://gqxi.cn/wp-content/uploads/2025/07/20250705140625713-image.png)
- Sur le c?té droit de la page (ou en dessous de l'éditeur Gutenberg), vous trouverez le bouton Réglages Astra planche à pétrir
- tique Désactiver la zone de bannière
![Image [17]-Créer une page d'accueil multi-colonnes avec Astra Free Edition : Tutoriel détaillé](http://gqxi.cn/wp-content/uploads/2025/07/20250705140919285-image.png)
6. mise en place du menu avec des liens vers la page d'accueil
Enfin, ajoutez la page d'accueil au menu de navigation :
- entrer dans Apparence > Menu
![Image [18]-Créer une page d'accueil multi-colonnes avec Astra Free Edition : Tutoriels détaillés](http://gqxi.cn/wp-content/uploads/2025/07/20250705141239681-image.png)
- Cochez la page "Accueil" pour l'ajouter au menu principal.
![Image [19]-Créer une page d'accueil multi-colonnes avec Astra Free Edition : Tutoriels détaillés](http://gqxi.cn/wp-content/uploads/2025/07/20250705141111611-image.png)
- Sauvegarder le menu
![Image [20]-Créer une page d'accueil multi-colonnes avec Astra Free Edition : Tutoriels détaillés](http://gqxi.cn/wp-content/uploads/2025/07/20250705141207473-image.png)
Ainsi, les visiteurs de votre site web pourront accéder directement à votre page d'accueil multi-colonnes via la barre de navigation.
7. résumé
En utilisant les modèles Astra et l'éditeur de blocs WordPress, vous pouvez facilement créer une page d'accueil multi-colonnes avec une mise en page riche. La structure de la page d'accueil est construite en créant de nouvelles pages, en ajoutant des dispositions en colonnes, en ajustant la typographie et en ajoutant les pages au menu. Cette approche permet au site de rester clair et organisé et facilite la navigation des visiteurs dans les différentes sections du contenu.
Mettez la main sur votre page d'accueil dès maintenant et donnez à votre site un aspect professionnel et attrayant.
Lien vers cet article :http://gqxi.cn/fr/65745L'article est protégé par le droit d'auteur et doit être reproduit avec mention.
Pas de commentaires