Table des matières
Le thème WordPress Astra et sa version augmentée Astra Pro connaissent un grand succès, avec plus d’un million d’installations.
Astra mérite ce succès grâce à d’excellentes performances et à de nombreuses fonctionnalités, tout en restant facile d’usage.
Performances
Vitesse de chargement
Astra est conçu pour charger une page en 0,5 secondes, grâce à une optimisation du code.
Pas de jQuery
Astra utilise du Javascript sans avoir recours à la librairie jQuery, utilisée sur de nombreux thèmes mais qui peut s’avérer « render-blocking » et ralentir le chargement.
Chargement local des Google fonts
Si vous utilisez des polices Google Fonts, Astra les héberge localement sur votre serveur et peut également les précharger (preload).
Cela évite de faire des requêtes aux serveurs de Google, qui peuvent ralentir le chargement et le rendu de la page.
Webdesign
Astra permet de gérer finement le webdesign d’un site en contrôlant l’apparence de tous ses éléments graphiques et de ses zones de maquette.
Maquette facile
Astra utilise des maquettes pour chaque type de page, qu’on peut re-designer une par un : pour les pages de blog, les pages e-commerce avec WooCommerce.
En-tête transparent
Astra propose une option d’en-tête transparent qui vient remplacer l’en-tête normal et s’adapter au comportement de l’utilisateur.
En-tête fixe (sticky header)
Astra propose aussi un en-tête fixe qui reste en haut de page même quand l’internaute fait défiler la page, gardant ainsi le logo ou le nom du site et le menu principal accessibles, à portée de clic.
En-tête mobile (mobile header)
Sous Astra Pro, un en-tête mobile spécifique peut être défini, avec un logo et un menu spécifiques.
En-têtes de page
Astra Pro permet de définir des en-têtes de page spécifiques et de les afficher sur certaines pages grâce à des règles globales ou particulières – un article, une catégorie.
Chaque en-tête est potentiellement constitué de 3 éléments, l’en-tête principal, un en-tête au-dessus et un en-tête en-dessous, dont l’affichage est paramétrable (ex : seul l’en-tête principal reste affiché quand l’internaute scrolle, les 2 autres disparaissent, et réapparaissent si on remonte).
Options d’en-tête et de pied de page (header, footer)
Astra permet de modifier facilement l’entête et le pied de page, globalement, ou sur chaque type de page, ou sur chaque page.
Colonne latérale (sidebar)
Astra permet de gérer la barre latérale, sa position, sa largeur, son contenu (zones de widgets), et de l’adapter au contexte.
Prévu pour WooCommerce
Astra est entièrement compatible avec WooCommerce et prévoit des options pour mettre en page et personnaliser les pages WooCommerce de catégorie produit et les pages de produit.
Mega-menu
Astra Pro propose de créer un mega-menu plus visuel, incluant des images et une mise en forme plus spacieuse, assurant une navigation plus visuelle.
Couleurs et polices
Astra Pro offre plus d’options pour gérer les couleurs et les polices de caractère.
Logo
Astra peut placer le logo où vous voulez, à droite, à gauche, au centre. Astra Pro peut le redimensionner en fonction du contexte ou utiliser un autre logo quand le menu se transforme.
Pied de page
Le pied de page se compose de 3 bandes, une principale, une au-dessus et une en-dessous. Chacune peut se diviser en 1, 2, 3 ou 4 colonnes.
Chaque zone peut contenir du texte, du HTML, un shortcode, un widget, une image, etc.
Boutons
Astra est fourni avec des options pour gérer l’aspect des boutons : couleur du texte, couleur du fond, couleur et épaisseur du contour, coins carrés ou arrondis…
Menu mobile
Astra dispose évidemment d’une gestion de l’affichage des menus sur mobile, avec personnalisation d’un menu hamburger.
Typographie
Pré-réglages
Astra est fourni avec des réglages par défaut des polices de caractère, qui assurent un affichage convenable.
Google Fonts
Astra vous permet de choisir parmi plus de 700 polices Google Fonts.
Polices personnalisées
Vous avez vos propres polices ? Astra vous autorise à les intégrer.
Typographie responsive
Astra vous laisse gérer les paramètres des polices en fonction de la taille de l’écran : pour téléphone, tablette ou ordinateur.
Px ou em ou %
Astra vous permet de définir les tailles des typos en 3 unités :
- pixels
- em (en fonction de la taille du body)
- % (en fonction de la largeur de l’écran)
Elementor utilise les mêmes unités. Lisez l’article si vous ne comprenez pas bien la différence entre elles.
Espacement des paragraphes
Astra vous donne une interface WYSIWYG pour gérer les espaces entre les paragraphes (CSS margin, padding).
Couleurs et couleurs de fond
Astra vous laisse contrôler la couleur et la couleur de fond de chaque élément :
- l’en-tête et ses éléments (au-dessus et en-dessous)
- le pied de page
- le conteneur
- la colonne latérale
Astra Pro vous offre plus d’options et de contrôle en finesse.
Maquettes
Conteneur par défaut
Le thème Astra utilise un élément conteneur, nommé primary, qui contient 2 zones : la zone de contenu et la colonne latérale (sidebar).
Conteneur étiré, espacé, pleine largeur
Astra Pro propose des options supplémentaires pour gérer la maquette de chaque type de page : l’élément conteneur peut être étiré, pleine largeur, etc, et ses contenus s’adaptent.
Maquette de blog
Astra Pro vous laisse définir de nombreux paramètres liés à l’affichage du blog.
Posts similaires
Astra vous laisse contrôler le nombre et la mise en forme des posts similaires de chaque article de blog.
Maquettes de blog
Dans les vues de type archive, catégorie d’article, étiquette / tag, Astra Pro propose plusieurs types d’affichage des aperçus d’articles :
- sous forme de liste
- sous forme de grille
- sous forme de « masonry » (une grille fluide qui s’auto-ajuste)
Il y a aussi une option pour mettre en avant le premier post d’une liste.
Extraits d’article
Astra Pro a des options pour gérer la taille des extraits dans les vues de type catégorie d’article ou tag / étiquette.
Contrôle des informations d’article
Dans chaque type de vue, archive / catégorie / tag ou article de blog, Astra Pro offre des réglages pour gérer l’affichage des informations de l’article :
- son titre
- son image mise en avant
- ses « metas » : nom de l’auteur, date de publication, nombre de commentaire, etc
La taille, le style, la position et l’affichage ou non de chaque élément sont gérables séparément.
Pagination
Astra Pro met automatiquement en forme la pagination des listes qui dépassent un nombre d’éléments donné, dans le style que vous choisissez.
Chargement infini
Astra Pro peut charger les articles à la suite, à l’infini : quand l’internaute en affiche un, Astra charge les suivants, permettant une lecture continue.
WooCommerce
Pleinement compatible avec WooCommerce, Astra Pro comprend de nombreux réglages pour afficher les catégories produit et les produits.
Affichage des produits
Astra Pro vous donne le contrôle sur l’affichage des produits et de leurs éléments dans les diverses vues (vue produit, vue catégorie de produit :
- nom du produit,
- description,
- image,
- prix,
- avis
L’affichage peut se faire sous forme de liste ou de grille.
Catalogue de produits
Astra Pro propose des paramètres pour afficher les produits de manière résumée en mode catalogue, et accompagne ces vues avec une interface de listage contextuel et de filtre des catégories de produit.
Ainsi, sur la page de la catégorie « pantalons pour homme », on peut avoir un menu contextuel proposant d’accéder en un clic à la catégorie « pantalons pour femme », ou de filtrer les produits par prix, par avis, etc.
Panier
Astra Pro vous permet de placer dans le menu une icone « Panier » qui ouvre le menu WooCommerce.
Intégrations
Schema.org
Le thème Astra est fourni avec un balisage Schema.org qui est bon pour le référencement SEO.
Prêt pour le SEO
Astra est bien codé et rapide, ce qui assure qu’il ne va pas handicaper votre référencement comme les thèmes mal codés et lents.
(Néanmoins le SEO n’est que marginalement une affaire de design.)
Tutor LMS et LearnDash
Astra Pro est compatible avec les plugins LMS LearnDash et Tutor LMS, pour transformer votre WordPress en salle de cours en ligne.
Widgets
Astra propose évidemment d’intégrer des widgets n’importe où dans la maquette :
- dans l’en-tête
- dans le pied de page
- dans la colonne latérale
De plus, il propose quelques widgets spécifiques pour :
- afficher l’adresse d’une entreprise avec le balisage Schema.org
- mettre en forme une liste de manière visuelle
- afficher les icônes de réseaux sociaux Facebook, Twitter, Telegram, Instagram, Pinterest, etc
Qu'avez-vous pensé de cet article ?
Cliquez sur une étoile pour donner votre avis
Avis moyen 4.1 / 5. Nombre d'avis donnés 8
Soyez le premier à donner votre avis