1) Qu'est-ce que la composition modulaire ?
![Image[1]-Astra Modular Typography Guide : Créer des sites web avec des mises en page flexibles](https://www.361sale.com/wp-content/uploads/2025/09/20250925113229368-image.png)
Dans les thèmes WordPress, la "mise en page modulaire" signifie que toutes les parties de la page (telles que l'en-tête, le pied de page, la zone des articles, la barre latérale, etc. ) peuvent être contrôlées et combinées dans des modules distincts :
- Les utilisateurs peuvent activer ou désactiver les modules à la demande.
- Chaque module peut être stylisé et positionné individuellement.
- Des pages différentes peuvent utiliser des schémas de mise en page différents.
Thème AstraC'est le thème WordPress léger le plus populaire actuellement, connu pour sa mise en page modulaire et flexible. Il peut répondre aux besoins typographiques de base des blogs personnels et prendre en charge la mise en page complexe des sites de commerce électronique.
2) Dispositions de l'en-tête
2.1 En-tête standard
Astra par défautpied de pageSimple et pratique, logo à gauche, menu de navigation à droite, adapté aux sites web basés sur le contenu.
2.2 En-tête transparent
![Image [2]-Astra Modular Typography Guide : Créer des sites web avec des mises en page flexibles](https://www.361sale.com/wp-content/uploads/2025/09/20250925114158851-image.png)
Les en-têtes transparents sont souvent utilisés sur les pages d'accueil ou les pages comportant de grandes images de fond, où le logo et la navigation sont affichés directement au-dessus de l'image pour un effet visuel plus moderne.
2.3 en-tête collant
![Image [3]-Astra Modular Typography Guide : Créer des sites web avec des mises en page flexibles](https://www.361sale.com/wp-content/uploads/2025/09/20250925113419841-image.png)
Lorsque la page défile, l'en-tête collant est fixé en haut, ce qui permet aux utilisateurs de changer facilement de page à tout moment.
2.4 En-tête mobile
Astra permet de séparer les en-têtes pour les mobiles, par exemple de masquer une partie du menu et de ne conserver que le logo et le bouton burger pour un mobile plus propre.
2.5 Module d'en-tête
Par l'intermédiaire de l'équipe d'Astra Constructeur d'en-têtevous pouvez l'ajouter dans l'en-tête :
- boîte de recherche
- Icônes sociales
![Image [4]-Astra Guide de la typographie modulaire : Créer des sites web avec des mises en page flexibles](https://www.361sale.com/wp-content/uploads/2025/09/20250925135619475-image.png)
- Icônes de panier
- sélecteur de langue
- menu secondaire
3) Dispositions du pied de page
3.1 Pied de page de base
![Image [5]-Astra Modular Typography Guide : Créer des sites web avec des mises en page flexibles](https://www.361sale.com/wp-content/uploads/2025/09/20250925135824483-image.png)
par défaut (réglage)pieds de pageComprend des informations sur les droits d'auteur et un menu succinct.
3.2 Pied de page multi-colonnes
![Image [6]-Astra Modular Typography Guide : Créer des sites web avec des mises en page flexibles](https://www.361sale.com/wp-content/uploads/2025/09/20250925135954193-image.png)
Astra prend en charge des pieds de page de 1 à 5 colonnes, qui peuvent contenir des éléments de navigation, des informations de contact, les derniers articles ou des liens sociaux.
3.3 Zone des widgets de pied de page
![Image [7]-Astra Modular Typography Guide : Créer des sites web avec des mises en page flexibles](https://www.361sale.com/wp-content/uploads/2025/09/20250925140027632-image.png)
Les utilisateurs peuvent ajouter des modules tels que des formulaires d'abonnement, des nuages de tags, des articles populaires, etc. dans le pied de page.
3.4 Module de pied de page avancé (Astra Pro)
La mise à niveau d'Astra Pro vous permet d'accéder à des fonctionnalités telles que les pieds de page à double couche, les pieds de page à image de fond, la personnalisation globale des couleurs et bien d'autres encore.
4. mise en page des blogs et des articles
4.1 Page Blogroll
Astra offre une variété d'options de présentation :
- Présentation de la listeLes articles sont disposés verticalement sur une seule colonne, chaque article étant affiché sur une ligne complète.
- Disposition de la grilleLes articles sont disposés sur des cartes carrées ou rectangulaires, en deux ou trois colonnes, pour un aspect plus compact et plus moderne. Les articles sont disposés sur des cartes carrées ou rectangulaires, en deux ou trois colonnes, pour une présentation soignée et uniforme.
- Mise en page de la couverture de la carteLes articles sont présentés sous forme de grille, les images et les titres constituant le centre visuel de chaque élément de contenu, ce qui rend l'ensemble plus moderne et convient à des blogs à forte composante graphique ou à des sites de présentation de produits.
![Image [8]-Astra Modular Typography Guide : Créer des sites web avec des mises en page flexibles](https://www.361sale.com/wp-content/uploads/2025/09/20250925140752856-image.png)
4.2 Page d'un seul article
Sur les pages d'articles, Astra fournit des contrôles d'éléments modulaires qui peuvent être librement affichés ou cachés :
- légende
- Informations sur l'auteur
- Heure de sortie
- Classification et étiquetage
- Nombre de commentaires
![Image [9]-Astra Modular Typography Guide : Créer des sites web avec des mises en page flexibles](https://www.361sale.com/wp-content/uploads/2025/09/20250925141027170-image.png)
4.3 Optimisation de l'expérience de lecture
Astra Support :
- Personnalisation de la largeur du contenu
![Image [10]-Astra Modular Typography Guide : Créer des sites web avec des mises en page flexibles](https://www.361sale.com/wp-content/uploads/2025/09/20250925141255247-image.png)
- s'il faut afficherImage en vedette
![Image [11]-Astra Modular Typography Guide : Créer des sites web avec des mises en page flexibles](https://www.361sale.com/wp-content/uploads/2025/09/20250925141319888-image.png)
- Paramètres d'espacement des paragraphes et de police
![Image [12]-Astra Modular Typography Guide : Créer des sites web avec des mises en page flexibles](https://www.361sale.com/wp-content/uploads/2025/09/20250925141402338-image.png)
5. mise en page
5.1 Mise en page pleine largeur
![Image [13]-Astra Modular Typography Guide : Créer des sites web avec des mises en page flexibles](https://www.361sale.com/wp-content/uploads/2025/09/20250925141457242-image.png)
Convient aux pages d'affichage, telles que les pages d'atterrissage ou les sites web à une page.
5.2 Disposition des boîtes
![Image [14]-Astra Modular Typography Guide : Créer des sites web avec des mises en page flexibles](https://www.361sale.com/wp-content/uploads/2025/09/20250925141542643-image.png)
Il y a de l'espace blanc des deux côtés de la page, ce qui est plus traditionnel et convient à un site web d'entreprise.
5.3 Mise en page avec barre latérale
![Image [15]-Astra Modular Typography Guide : Créer des sites web avec des mises en page flexibles](https://www.361sale.com/wp-content/uploads/2025/09/20250925141817594-image.png)
Prend en charge la barre latérale gauche, la barre latérale droite ou l'absence de barre latérale. Les différentes pages peuvent être définies individuellement.
5.4 Personnalisation de la largeur du contenu
![Image [16]-Astra Modular Typography Guide : Créer des sites web avec des mises en page flexibles](https://www.361sale.com/wp-content/uploads/2025/09/20250925142019626-image.png)
Astra peut ajuster la largeur de la zone de l'article avec une précision au pixel ou au pourcentage.
6. mise en page de la boutique WooCommerce
Le module d'intégration Astra et WooCommerce est très utile si vous créez un site de commerce électronique.
6.1 Page de la liste des produits
![Image [17]-Astra Modular Typography Guide : Créer des sites web avec des mises en page flexibles](https://www.361sale.com/wp-content/uploads/2025/09/20250925143345451-image.png)
La valeur par défaut d'Astra est Disposition de la grilleLe nombre de produits affichés par ligne peut être personnalisé.
6.2 Page détaillée du produit
![Image [18]-Astra Modular Typography Guide : Créer des sites web avec des mises en page flexibles](https://www.361sale.com/wp-content/uploads/2025/09/20250925142843181-image.png)
Fournit une mise en page en colonne simple ou double, à gauche et à droiteune barre latérale (dans un logiciel)Commutable et prend en charge la fonction d'agrandissement de l'image du produit.
6.3 Optimisation de l'expérience d'achat
Astra Pro offre également :
- Vue rapide
![Image [19]-Astra Modular Typography Guide : Créer des sites web avec des mises en page flexibles](https://www.361sale.com/wp-content/uploads/2025/09/20250925143219245-image.png)
- Contrôle sans distraction (DFC)
![Image [20]-Astra Modular Typography Guide : Créer des sites web avec des mises en page flexibles](https://www.361sale.com/wp-content/uploads/2025/09/20250925143638963-image.png)
- Bouton de panier collant
![Image [21]-Astra Modular Typography Guide : Créer des sites web avec des mises en page flexibles](https://www.361sale.com/wp-content/uploads/2025/09/20250925142948457-image.png)
7. la barre latérale et la disposition des widgets
7.1 Paramètres globaux de la barre latérale
![Image [22]-Astra Modular Typography Guide : Créer des sites web avec des mises en page flexibles](https://www.361sale.com/wp-content/uploads/2025/09/20250925143944701-image.png)
Astra peut mettre en place des barres latérales unifiées pour différents types de contenu tels que des articles, des pages, des boutiques, etc.
7.2 Barre latérale personnalisée sur une seule page
![Image [23]-Astra Modular Typography Guide : Créer des sites web avec des mises en page flexibles](https://www.361sale.com/wp-content/uploads/2025/09/20250925144401517-image.png)
Les pages individuelles peuvent être paramétrées pour ne pas avoir de barre latérale ou avoir des barres latérales différentes.
7.3 Module Widget
La barre latérale peut être placée dans la barre latérale :
- boîte de recherche
![Image [24]-Astra Modular Typography Guide : Créer des sites web avec des mises en page flexibles](https://www.361sale.com/wp-content/uploads/2025/09/20250925144612824-image.png)
- Derniers articles
- bibliographie
- Bannière publicitaire
8) Amélioration de la modularité (exclusive à Astra Pro)
Astra Pro Peut débloquer plus de fonctionnalités :
- En-tête avancéLes produits de cette catégorie sont les suivants : double en-tête, effet adhésif renforcé.
- Pied de page avancéImage d'arrière-plan avec conception de blocs multicouches.
- Amélioration du blog: Disposition en cascade.
![Image [25]-Astra Modular Typography Guide : Créer des sites web avec des mises en page flexibles](https://www.361sale.com/wp-content/uploads/2025/09/20250925144910378-image.png)
- Contrôle de l'aménagement du siteLes polices de caractères et l'espacement sont plus raffinés.
- Gestion des couleursLes couleurs sont uniformes sur l'ensemble du territoire.
9. résumé
La présentation modulaire des modèles Astra couvre les éléments suivants En-tête, Pied de page, Blog, Page d'affichage, Zone de contenu, Boutique WooCommerce, Barre latérale et bien d'autres aspects. Les utilisateurs peuvent combiner ces modules de manière flexible pour créer différents styles, des blogs minimalistes aux grands sites de commerce électronique.
Pour les débutants, les plug-ins et les modules inclus sont suffisamment rapides pour démarrer, tandis que les utilisateurs avancés peuvent débloquer davantage de fonctionnalités avec Astra Pro pour créer un site Web plus personnalisé et plus professionnel.
Pour rendre votre site web plus beau et plus efficace, essayez Astra's Modular Typography dès maintenant et faites-en un outil puissant pour améliorer les performances de votre site. Faites-le maintenant et apportez une nouvelle expérience de mise en page à votre site web !
Lien vers cet article :https://www.361sale.com/fr/77454/L'article est protégé par le droit d'auteur et doit être reproduit avec mention.
























![Emoji[wozuimei]-Photonflux.com | Service professionnel de réparation de WordPress, dans le monde entier, réponse rapide](https://www.361sale.com/wp-content/themes/zibll/img/smilies/wozuimei.gif)
![Émoticône [baoquan] - Photon Wave Network | Services professionnels de réparation WordPress, couverture mondiale, réponse rapide](https://www.361sale.com/wp-content/themes/zibll/img/smilies/baoquan.gif)

Pas de commentaires