Les fonctionnalités du thème Astra et Astra Pro pour WordPress

Performances

Vitesse de chargement

Le thème 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 WordPress mais qui peut s’avérer « render-blocking » et ralentir le chargement des pages.

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

Le thème Astra utilise des maquettes pour chaque type de page, qu’on peut re-designer une par un : pour les articles de blog, les pages e-commerce avec WooCommerce, etc.

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

Le thème 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