Comment utiliser Astra PRO pour créer des pages cohérentes pour l'ensemble du site ?

En tant que référence pour les thèmes légers et performants, l'applicationAstra PROGrâce à ses puissantes fonctions de conception globale, il peut aider les utilisateurs à établir rapidement un système visuel de marque unifié. Dans cet article, nous allons présenter en détail comment utiliser les différentes fonctions d'Astra PRO pour atteindre un haut degré d'unité dans le style de l'ensemble du site. Dans cet article, nous partagerons les méthodes pratiques d'utilisation d'Astra PRO pour créer un style de marque cohérent sur l'ensemble du site.

1) Qu'est-ce que la cohérence du style de la marque ?

La cohérence du style de la marque signifie :

• Toutes les pages du siteschéma de couleursUniformité des polices et des styles de boutons
• Les éléments visuels (logos, icônes, styles de filtre d'image) présentent la même tonalité.
• Les règles de typographie et de mise en page sont fixées pour éviter toute confusion.

Une telle conception permet non seulement aux visiteurs de se sentir à l'aise, mais aussi de renforcer la reconnaissance de la marque et la confiance.

2. les caractéristiques de conception globale fournies par Astra PRO

Astra PRO débloque plusieurs outils de conception pour l'ensemble du site par rapport à la version gratuite, notamment

• Gestion globale de la palette de couleurs
• Paramètres globaux de police et de typographie
• personnalisationpied de pageDisposition du pied de page
• Contrôles de style de la boutique WooCommerce
• Personnalisation de la largeur et de la marge des conteneurs à l'échelle du site

Grâce à ces fonctionnalités, vous pouvez rapidement mettre en place un style uniforme qui correspond à la vision de votre marque sans code encombrant.

3. étapes pour créer un style de marque cohérent à l'aide d'Astra PRO

Étape 1 : Configuration de la palette de couleurs globale

Allez dans le backend de WordPress et sélectionnez Astra > Personnalisé > Global > Couleur.

Il peut être réglé ici :

• Couleur principale de la marque (par exemple, couleur principale du logo de la marque)
• Lien Couleur
• Couleur de survol
• Couleurs du texte et du titre

Il est recommandé d'utiliser les valeurs de couleur standard du manuel de conception de la marque pour garantir la cohérence visuelle en ligne et hors ligne.

Étape 2 : Définition des polices et de la typographie globales

Aller à Astra > Personnaliser > Global > Typographie.

Dans "Composition de base" :

• Sélectionner la marque de la désignation officiellestyle calligraphique(par exemple, Roboto dans Google Fonts ou des polices personnalisées de marque)

• Définition de la taille de la police, de la hauteur de ligne et de l'épaisseur de la police pour le corps du texte

Dans "Mise en page des titres" :

• Unification des familles et styles de polices H1-H6

• Ajuster l'épaisseur et la taille en fonction de la hiérarchie de la marque

Étape 3 : Personnaliser les en-têtes et les pieds de page

La partie de la marque qui est la plus forte se trouve généralement dans la zone d'influence de la marque.En-tête et pied de pageLa fonction Header Footer Builder d'Astra PRO permet un haut degré de personnalisation.

entrer dans Astra > Personnaliser > Header Buildermai :

• Télécharger le logo en haute résolution

• adaptermenu de navigationEspacement, polices et couleurs

• Ajoutez des numéros de contact, des icônes de médias sociaux et utilisez les couleurs de la marque.

entrer dans Constructeur de pied de pageLe cadre :

• Informations sur les droits d'auteurPolices et couleurs

Étape 4 : Harmoniser les styles de boutons

entrer dans Astra > Personnaliser > Global > BoutonsLe cadre :

• Couleur d'arrière-plan du bouton, couleur du texte (en utilisant la couleur principale de la marque associée à des couleurs secondaires)

• Bords et coins arrondis pour que le style du bouton reste cohérent sur l'ensemble du site
• Animation des boutons au survol avec ombres pour améliorer la sensation de clic

Étape 5 : Configurer les styles de page de la boutique WooCommerce

S'il s'agit d'un site de commerce électronique, Astra PRO ne s'intéresse pas à WooCommerce Il existe des optimisations spécialisées.

existent Astra > Personnalisation > WooCommerce Au milieu :

• Mise en place de listes de produits et de mises en page détaillées

• Ajuster le style du bouton Ajouter au panier
• Polices, couleurs et tailles uniformes pour les prix

Cela permet non seulement de conserver un style cohérent, mais aussi d'améliorer les conversions d'achat.

Étape 6 : Utilisation des conteneurs globaux et des paramètres de mise en page

entrer dans Astra > Personnaliser > Global > conteneursLe cadre :

• Largeur du contenu du site (par exemple 1200px ou 1366px)

• Marges des pages et espacement des zones de contenu
• Règles de mise en page pour les articles de blog, modèles d'une page

4. recommandations et conseils

• Sauvegarder les paramètres de conception en tant que modèle: Au moment de la création de la page, vous pouvez utiliser l'option Modèles Astra Starter Sauvegarder des échantillons pour assurer la cohérence du style des pages suivantes
• Combiné avec ElementorAstra PRO est hautement compatible avec Elementor et hérite des polices et des couleurs globales après la conception de la page.
• Vérifier régulièrement les spécifications de la marqueSi les couleurs ou les polices de la marque sont mises à jour, synchronisez la mise à jour dans les paramètres globaux d'Astra PRO.

5. résumé

Astra PRO fournit des outils de conception globale qui permettent aux utilisateurs de WordPress de créer rapidement des sites Web de marque au style uniforme et visuellement avancé, sans avoir à coder lourdement. En configurant la palette de couleurs, la typographie, les boutons, l'en-tête et le pied de page ainsi que les styles WooCommerce, vous pouvez maintenir une cohérence même avec un grand nombre de pages.

Contactez nous
Vous n'arrivez pas à lire le tutoriel ? Contactez-nous pour une réponse gratuite ! Aide gratuite pour les sites personnels et les sites de petites entreprises !	Service clientèle WeChat
① Tel : 020-2206-9892
② QQ咨询：1025174874
(iii) Courriel : info@361sale.com
④ Horaires de travail : du lundi au vendredi, de 9h30 à 18h30, jours fériés.