La conception de la page est toujours presque intéressante ? Ne vous inquiétez pas, j'ai trouvé une combinaison magique - Astra est un logiciel léger et performant. Thèmes WordPress.Et le plugin Spectra (anciennement connu sous le nom de Ultimate Addons for Gutenberg) a été lancé par la même équipe de développement et est conçu pour améliorer la fonctionnalité de l'éditeur de blocs. Ensemble, ils assurent non seulement la vitesse de chargement, mais rendent également la mise en page plus flexible et riche en styles. Dans cet article, nous allons vous montrer comment rendre la conception des pages du thème Astra plus professionnelle et plus belle avec l'aide du plugin Spectra.
![图片[1]-爆改网站布局,Astra + Spectra 帮你轻松搞定!](https://www.361sale.com/wp-content/uploads/2025/08/20250805100916360-image.png)
I. Pourquoi Spectra avec Astra ?
Spectre Le plugin introduit un certain nombre de modules personnalisés et d'options de mise en page dans l'éditeur de blocs de WordPress, ce qui le rend parfait pour les créateurs de sites web qui recherchent à la fois la performance et le design.
![图片[2]-爆改网站布局,Astra + Spectra 帮你轻松搞定!](https://www.361sale.com/wp-content/uploads/2025/08/20250805101149477-image.png)
Les avantages de l'appariement avec Astra sont décrits ci-dessous :
- totalement compatibleLes deux logiciels sont gérés par le même développeur, ce qui garantit une coopération sans faille entre Astra et Spectra.
- Pas d'impact sur la vitesse de chargement: la page reste légère même lorsque l'on ajoute plusieurs modules
- glisser-déposer (informatique): pour Gutenberg Fournit des composants visuels, aucun code n'est nécessaire
- Priorité à la réponse mobileTous les modules prennent en charge l'adaptation des appareils mobiles par défaut.
Pour ceux qui utilisent Astra pour créer des blogs, des sites d'entreprise et des pages de commerce électronique, Spectra est idéal pour étendre les capacités de conception.
Installation et activation du plugin Spectra
- Connectez-vous au backend de WordPress
- Allez dans [Plugins > Installer des plugins] et recherchez "Spectra"
- Cliquez sur [Installer] puis sur [Activer
![图片[3]-爆改网站布局,Astra + Spectra 帮你轻松搞定!](https://www.361sale.com/wp-content/uploads/2025/08/20250805101542730-image.png)
- Une fois activé, vous verrez le menu de configuration [Spectra] où vous pourrez activer/désactiver le module.
![图片[4]-爆改网站布局,Astra + Spectra 帮你轻松搞定!](https://www.361sale.com/wp-content/uploads/2025/08/20250805102154616-image.png)
Vous pouvez activer uniquement les modules dont vous avez besoin pour éviter de gaspiller inutilement des ressources.
Recommandations pour les modules Spectra couramment utilisés
Vous trouverez ci-dessous quelques-uns des sujets les plus populaires relatifs à Astra Recommandé pour une utilisation avec le module Spectra, très efficace :
1. le conteneur
Prend en charge la mise en page multi-colonnes en ligne, les largeurs et marges personnalisées, et constitue un module de base pour le contrôle de la mise en page. Plus flexible que les blocs natifs de Gutenberg, il convient à la construction de structures pleine page.Toujours activé par défaut.
![图片[5]-爆改网站布局,Astra + Spectra 帮你轻松搞定!](https://www.361sale.com/wp-content/uploads/2025/08/20250805103008451-image.png)
2. boutons avancés (boutons)
La taille des boutons peut être réglée en un seul clic,typeL'alignement pour rendre le bouton d'appel à l'action (CTA) plus attrayant.
![图片[6]-爆改网站布局,Astra + Spectra 帮你轻松搞定!](https://www.361sale.com/wp-content/uploads/2025/08/20250805103722263-image.png)
3) Boîtes d'information (Info Boxes)
Utilisé pour afficher des services, des avantages, des étapes et d'autres contenus. Il prend en charge des icônes ou des images dans une grande variété de styles, ce qui en fait un outil idéal pour la création de pages de marketing.
![图片[7]-爆改网站布局,Astra + Spectra 帮你轻松搞定!](https://www.361sale.com/wp-content/uploads/2025/08/20250805103837928-image.png)
4. les témoignages (témoignages de clients)
Bloc intégré de commentaires d'utilisateurs joliment stylisés, adapté pour renforcer la confiance dans la marque, en particulier pour les pages de présentation de produits ou de services.
![图片[8]-爆改网站布局,Astra + Spectra 帮你轻松搞定!](https://www.361sale.com/wp-content/uploads/2025/08/20250805104050178-image.png)
5. les FAQ (questions fréquemment posées)
Créez rapidement une structure de questions-réponses en accordéon afin d'améliorer la convivialité de la page et la qualité de l'information. RÉFÉRENCEMENT Performance.
![图片[9]-爆改网站布局,Astra + Spectra 帮你轻松搞定!](https://www.361sale.com/wp-content/uploads/2025/08/20250805104139668-image.png)
Quatre fonctions pratiques : style global + contrôle réactif
Spectra prend en charge de nombreux types de blocs en plus de l'offre :
- Paramètres globaux de couleur et de policeLe thème de l'Astra : peut être cohérent avec le style de conception du thème de l'Astra.
![图片[10]-爆改网站布局,Astra + Spectra 帮你轻松搞定!](https://www.361sale.com/wp-content/uploads/2025/08/20250805105707658-image.png)
- Paramètres réactifsPrend en charge la typographie, l'espacement et l'affichage masqué pour les ordinateurs de bureau, les tablettes et les téléphones portables respectivement.
![图片[11]-爆改网站布局,Astra + Spectra 帮你轻松搞定!](https://www.361sale.com/wp-content/uploads/2025/08/20250805105948440-image.png)
- Animation et effets de mouvementLes effets dynamiques : ajouter des effets dynamiques tels que le slide-in, le fade-out, le zoom, etc. aux blocs pour améliorer l'attrait visuel.
![图片[12]-爆改网站布局,Astra + Spectra 帮你轻松搞定!](https://www.361sale.com/wp-content/uploads/2025/08/20250805110109891-image.png)
V. Résumé
Astra avec le plug-in Spectra est Constructeur de site web WordPressSpectra propose non seulement des modules de visualisation riches, mais prend également en charge les mises en page réactives, les styles globaux, les animations et d'autres fonctionnalités avancées, ce qui permet d'améliorer efficacement l'esthétique des pages et l'efficacité de l'édition. Qu'il s'agisse d'un blog, d'un site web d'entreprise ou d'une page de commerce électronique, vous pouvez obtenir une présentation de page plus professionnelle et plus efficace grâce à cette combinaison.
Lien vers cet article :https://www.361sale.com/fr/72994/L'article est protégé par le droit d'auteur et doit être reproduit avec mention.





















![表情[wozuimei]-光子波动网 | WordPress教程、Elementor教程与故障修复](https://www.361sale.com/wp-content/themes/zibll/img/smilies/wozuimei.gif)
![表情[baoquan]-光子波动网 | WordPress教程、Elementor教程与故障修复](https://www.361sale.com/wp-content/themes/zibll/img/smilies/baoquan.gif)

Pas de commentaires