Le thème WordPress Astra Pro et ses modules enrichissent ses fonctionnalités

Les 15 modules d’Astra Pro

Astra Pro est en réalité un plugin qui se branche sur le thème gratuit Astra pour WordPress, qui compte plus d’un million d’installations dans le monde.

L’activation du plugin ajoute 15 modules qu’on peut activer ou désactiver un par un suivant ses besoins et suivant le type de site (blog, boutique e-commerce, magazine, site-vitrine professionnel, etc).

Pour les activer ou les désactiver il faut se rendre dans l’administration de WordPress sur la page Apparence > Options d’Astra.

Sur Boutique-WordPress.fr, j’ai quasiment tout activé sauf les modules de LMS (qui servent à vendre des cours en ligne).

Voyons maintenant dans le détail les fonctionnalités qu’ajoutent chacun de ces modules d’Astra.

Couleurs & arrière-plan

Le module Couleurs & arrière-plan (Colors & Background) ajoute des réglages de couleur à différents endroits de l’outil de personnalisation du thème :

• Global > Couleurs > Titres H1 à H6
• En-tête > Titre du site et logo
• En-tête > En-tête principal
• En-tête > Menu principal
• Blog > Blog / Archive
• Blog > Publication seule
• Colonne latérale

Plus d’infos dans ce tutoriel :

Personnaliser Astra et Astra Pro avec le customizer (outil de personnalisation)

Typographie

Le module Typographie (Typography) ajoute des options de gestion des styles de police de caractère dans :

• l’en-tête
• les titres H1, H2, H3, H4, H, H6
• les titres de catégorie de blog et d’article de blog
• les boutons
• les titres des widgets en colonne latérale et dans le pied de page

Plus d’infos dans ce tutoriel :

Personnaliser Astra et Astra Pro avec le customizer (outil de personnalisation)

Espacement

Ce module Espacement (Spacing) ajoute des réglages d’espacement correspondant aux instructions CSS margin et padding à divers emplacements.

Il ajoute notamment :

• un choix de l’unité de mesure :
  • en pixels
  • en em (unité relative à la font-size de l’élément)
  • en %
• la possibilité de gérer les espacements séparément en mode responsive sur téléphone, tablette et ordinateur
• l’option qui permet de définir toutes les marges internes et externes d’un coup en liant les 4 valeurs haut bas gauche droite

Blog Pro

Le module Blog Pro ajoute :

Sur la page Archive / Catégorie de blog :

• le choix entre 3 maquettes de mise en forme des articles dans la vue catégorie / archive
• l’option d’affichage sous forme de grille en 1, 2, 3 ou 4 colonnes
• l’option d’ajouter de l’espace entre les posts
• la grille « masonry« , fluide
• la possibilité de mettre en avant le premier post
• la mise en avant de la date du post
• la suppression de l’espacement de l’image d’article de blog
• le contrôle de la taille des extraits d’article de blog
• le contrôle de la pagination
• le défilement infini des articles
• le contrôle de l’affichage ou non des « post metas » : date, catégorie, auteur, nombre de commentaires, etc
• le contrôle de la taille de l’image mise en avant
• le contrôle de la taille des polices de titre de blog

Sur la page Publication seule / Article de blog :

• l’option d’ajouter une boite Auteur
• l’auto-chargement des articles précédents si on a choisi le défilement infini
•  la possibilité de supprimer le padding autour de l’image mise en avant

Personnaliser le blog d’Astra et Astra Pro

Menu de navigation

Le module Menu de navigation (nav menu) porte mal son nom puisque la version gratuite du thème Astra permet évidemment de créer et de gérer un menu de navigation fonctionnel.

Ce module permet en fait de créer un méga-menu – ne l’activez donc que si vous avez besoin d’un tel menu.

Créer un méga-menu avec Astra Pro

En-tête fixe

Le module En-tête fixe (Sticky Header) ajoute un comportement intéressant à l’en-tête de votre site : quand l’internaute scrolle (se déplace vers le bas de la page), l’en-tête normal est remplacé par un en-tête fixe, qui présente l’avantage de garder l’identité du site et le menu de navigation disponibles, évitant à l’internaute d’avoir à remonter toute une page pour accéder au menu.

Le logo peut être différent du logo normal ou se redimensionner.

L’en-tête fixe peut aussi avoir un effet d’animation, et / ou disparaitre quand on scrolle vers le bas et réapparaitre dès qu’on remonte.

Il peut aussi avoir ses propres réglages de style : couleurs etc.

Plus d’infos sur tout cela ici :

Le constructeur d’en-tête (header) du thème Astra et Astra Pro

En-têtes de page

Le module En-tête de page (Page Header) offre de nombreuses options pour styler des en-têtes de page différenciés, activables selon le type de page ou au cas par cas.

Plus d’infos dans ce tutoriel :

Le module En-tête de page d’Astra Pro (Page Header)

Mises en page personnalisées

Le module Mises en page personnalisées (Custom Layouts) ajoute la possibilité de créer des maquettes pour les différents types de page et pour les principaux éléments :

• l’en-tête
• le pied-de-page
• la page 404
• le contenu d’une page

Les mises en page personnalisées d’Astra Pro (Custom Layout)

Mises en page du site

Le module Mise en page du site (Site Layout) ajoute des réglages à l’outil de personnalisation de la maquette générale du thème Astra Pro. On peut ainsi attribuer 4 styles à cette maquette :

• Pleine largeur : la maquette prendra toute la largeur de l’écran, quelle que soit celle-ci
• Largeur max : vous définissez une largeur maximum, par exemple 800px ou 1200px
• Padded : la maquette prend toute la largeur, moins des valeurs de marge interne (padding) sur tous les côtés
• Fluide : la maquette prend toute la largeur, moins de valeurs de padding à gauche et à droite 

Plus d’infos dans ce tutoriel :

Personnaliser Astra et Astra Pro avec le customizer (outil de personnalisation)

Défilement vers le haut

Le module Défilement vers le haut (Scroll to Top) ajoute une fonctionnalité toute simple, mais souvent utile : un bouton fixe, généralement situé en bas à droite, permet de remonter d’un coup en haut de la page.

On peut

• activer ce bouton sur ordinateur et / ou sur mobile
• le positionner à gauche ou à droite
• définir la taille et les couleurs de l’icône 

WooCommerce

Le module WooCommerce intègre les fonctionnalités du célèbre plugin e-commerce dans le design d’Astra Pro.

Il donne la possibilité de gérer finement tous les paramètres sur :

• les pages catalogue : archives / catégories de produit
• les pages produit
• la page Panier
• la page Commande

Personnaliser le thème Astra Pro pour WooCommerce

Easy Digital Downloads

Le module Easy Digital Downloads intègre ce plugin e-commerce dédié aux produits numériques et autres biens digitaux (fichiers son, image, vidéos, eBooks, PDFs, logiciels, etc) au design d’Astra Pro.

On peut donc styler les pages Catalogue et Produit d’EDD en passant par l’outil de personnalisation.

LearnDash

Le module LearnDash permet d’intégrer ce plugin LMS premium de cours en ligne au design d’Astra Pro.

TutorLMS

Le module TutorLMS permet d’intégrer ce plugin LMS premium de cours en ligne au design d’Astra Pro.

Marque blanche

Le module Marque blanche (White Label) a été conçu pour satisfaire un besoin de certaines agences web qui préfèrent mettre leur marque à la place de celle d’Astra.

Elles présentent ainsi le thème comme étant leur propre création.

(Note : je ne trouve pas ça bien honnête, ni très réglo vis-à-vis des clients, qui ont le droit de savoir qu’une agence leur revend un thème qu’ils n’ont pas conçu a priori.

Personnellement, je vends des sites dont les thèmes sont faits à partir d’Astra Pro, sans ressentir le besoin de m’en cacher. L’utilisateur garde donc accès à la documentation d’Astra en anglais et aux personnalisations gratuites qu’on peut trouver sur Internet.)