Un thème léger, personnalisable, gratuit et prévu pour intégrer le constructeur de pages de votre choix - ce n'est pas un hoax, ce thème existe, et je vous le présente dans cet article.

Cet article prend 10 minutes à lire et comporte 2365 mots.

Si je vous dit Astra, quelle est la première asso­cia­tion qui vous vient à l’es­prit ? Opel ? La télé­vi­sion par satel­lite ? La marga­rine ? La bière ? Vous n’y êtes pas ! Astra, c’est le petit thème qui monte, pour habiller votre site s’il est propulsé par WordPress.

C’est le thème qui habille ce site, Obert Serrurerie, ainsi qu’un peu plus d’un million d’autres sites de par le monde. Et avec OceanWP, GeneratePress, Zita, Suki et Bevro, c’est l’un des très rares thèmes gratuits qui frôle l’ex­cel­lence avec une quasi-globalité de note maxi­male (moins de 1% de notes néga­tives sur les plus de 4900 notes et avis).

Dans cet article, nous allons voir le thème, sa confi­gu­ra­tion de base, les exten­sions gratuites et payantes et son inté­gra­tion avec le construc­teur de page Elementor.

Mais avant de commen­cer, nous allons faire…

Un bref tour d’horizon

Plus d’un million d’ins­tal­la­tions actives de par le monde, sur les dizaines de millions (+ de 60 000 000 mi-mars 2019) de sites WordPress, c’est peu si l’on compare aux millions que raflent les Twenties (Twenty Nineteen / Seventeen / Sixteen / Fifteen). Mais plus de 4 900 notes et avis posi­tifs dont 4793 à 5 étoiles et une note globale de 4.9/5 (4.948/5 pour être exact) à ce jour, en février 2021. Contre à peine 250 notes et avis posi­tifs et néga­tifs pour l’en­semble des Twenties préci­tés. Et une place de numéro un dans le nombre d’ins­tal­la­tions actives, hors thèmes par défaut.

Alors, qu’est-ce qui rend ce thème si cher au cœur de ses utilisateurs ?

Oh ! Trois fois rien :

Ces trois petits points font la diffé­rence entre Astra et le reste des thèmes propo­sés. Certains ont un rendu vrai­ment agréables, sont rela­ti­ve­ment confi­gu­rables (c’est à dire qu’ils ne sont pas trop bridés), et ne sont pas trop mal codés.

Mais rares sont ceux qui sont aussi confi­gu­rables et aussi légers, tout en étant gratuits.

Performances d'Astra - GTmetrix
Performances d’Astra v3 – GTmetrix

Astra est léger quant à son empreinte (le poids de la page géné­rée), mais côté options de person­na­li­sa­tion, il est à clas­ser dans la caté­go­rie poids lourds (surtout en prenant en compte sa gratuité).

Voyons donc quelles sont…

Les options de personnalisation par défaut d’Astra

Options de personnalisation d'Astra
Options de person­na­li­sa­tion d’Astra

Les thèmes propo­sés dans le dépôt WordPress sont rare­ment confi­gu­rables. Ils se contentent du mini­mum syndi­cal : le logo, l’icone, une couleur d’ac­cent et la possi­bi­lité d’ajou­ter ses propres CSS via l’on­glet CSS addi­tion­nel. Qu’en est-il d’Astra ?

Via ses cinq onglets, vous allez pouvoir :

  • ajus­ter les para­mètres essen­tiels de mise en page. Ces réglages vont défi­nir l’apparence géné­rale, vous aurez ensuite la possi­bi­lité d’en ajus­ter certains au niveau de chaque page ou article.
  • défi­nir les couleurs et l’ar­rière plan de la plupart des éléments de votre site
  • choi­sir la typo­gra­phie (les polices de carac­tères dont les polices Google), la taille et la graisse (fin, normal, gras… en fonc­tion de la police) globa­le­ment mais aussi plus fine­ment pour les titres, le texte, les archives, les pages d’ar­ticles, le fil d’Ariane
  • défi­nir l’ap­pa­rence des boutons (taille, marges, couleurs du texte et du fond, arrondi des bordures)
  • et pour finir, vous pour­rez ajou­ter vos propres règles CSS ainsi que votre code javas­cript. Cet onglet remplace avan­ta­geu­se­ment l’on­glet proposé par défaut dans l’ou­til de person­na­li­sa­tion, CSS addi­tion­nel.

Autant le dire, Astra n’est pas tout à fait aussi confi­gu­rable qu’OceanWP. Le débu­tant s’y retrou­vera un peu plus faci­le­ment, mais au prix de coupes assu­mées pour justi­fier l’achat de l’ex­ten­sion Astra Pro, à laquelle nous allons juste­ment nous intéresser.

L’extension Astra Pro et ses déclinaisons

Les fonctionnalités d'Astra Pro
Les fonc­tion­na­li­tés d’Astra Pro

En fait, il n’y a pas une mais trois exten­sions – et pas pour le prix d’une. 

  • Astra Pro : elle a tout ce dont vous avez besoin pour person­na­li­ser votre site. 18 points nouveaux ou aux person­na­li­sa­tions plus pous­sées que dans la version gratuite, dont certains quasi-indispensables, comme :
    • le support natif d’AMP
    • le menu « sticky »
    • un construc­teur visuel avec glisser/déposer (drag’n drop) des éléments pour les en-têtes et les pieds de pages
    • une zone d’en-tête (placée au-dessus et au-dessous de l’en-tête principale)
    • le bouton de rappel en haut de page
    • le choix des méta­don­nées d’ar­ticles à afficher
    • les modèles de pages d’ar­chive (en grille et masonry)
    • le support de WooCommerce et de Easy Digital Downloads
    • Pour créer une plate­forme de forma­tion en ligne, le support de LearnDash et de LifterCMS
    • et d’autres moins indis­pen­sables (comme le temps de lecture, que l’on peut ajou­ter via une fonc­tion – voir l’ar­ticle Ajoutez le temps de lecture à vos articles) ou une gestion plus fine des espa­ce­ments, que l’on peut réali­ser en ajou­tant soi-même des règles CSS
  • Mini Agency Bundle : Astra Pro, plus 50 modèles complé­men­taires, et, l’ex­ten­sion WP Portfolio et une exten­sion (Ultimate Addons) à choi­sir en fonc­tion de votre construc­teur de page, Elementor ou Beaver Builder.
  • Agency Bundle : Mini Agency Bundle, plus Schema Pro (pour le bali­sage de votre site à la norme défi­nie sur schema.org, plus Convert Pro (l’équi­valent d’un Bloom ou d’un Thrive Leads, pour amélio­rer votre taux de conver­sion onsite), et l’ex­ten­sion Ultimate Addons pour les deux construc­teurs de page, Beaver Builder et Elementor.

Le grand avan­tage de ces trois exten­sions, c’est que vous n’êtes pas limité.e à un site par licence : vous pour­rez utili­ser votre exten­sion sur autant de sites que vous créez.

En plus de cette exten­sion (ou du set d’ex­ten­sion si vous prenez l’un des deux bundles), vous trouverez…

Des extensions gratuites pour Astra

Vous trou­ve­rez ces exten­sions dans le dépôt WordPress ou dans le menu laté­ral de l’ad­mi­nis­tra­tion de votre site, dans Apparence > Options Astra. Il vous suffit de cliquer sur Activate pour instal­ler et acti­ver chaque extension.

Les extensions gratuites pour Astra
Les exten­sions gratuites pour Astra

Certaines ne sont pas liées à Astra ; Customizer Search par exemple permet une recherche par mot clé dans l’ou­til de person­na­li­sa­tion de WordPress. Utile quand on ne retrouve pas une option que l’on souhaite régler, là, tout de suite.

Custom Fonts est prévu pour gérer en local (sur votre espace d’hé­ber­ge­ment) les polices de carac­tères que vous utili­sez, que vous trou­ve­riez sur inter­net. Cette exten­sion fonc­tionne avec Astra, avec le thème Beaver Builder et avec deux construc­teurs de pages : Beaver Builder et Elementor. Custom Typekit Fonts (rebap­tisé Custom Adobe Fonts) fonc­tionne à l’iden­tique, mais avec les polices de carac­tères Adobe.

Sidebar Manager, qui permet d’ajou­ter autant de barres laté­rales que vous le souhai­tez sur votre site (mais pas toutes utili­sables en un empla­ce­ment dans le même temps) est prévu pour fonc­tion­ner « avec n’im­porte quel thème bien codé qui utilise les barres laté­rales » (où qu’elles soient situées).

Mais toutes ne sont pas listées ici. comme par exemple…

Astra Starter Sites

Plus de 150 modèles pour Elementor, plus de cent pour Beaver Builder, quarante pour Brizy, plus de cinquante pour Gutenberg… vous avez le choix, même s’il appa­raît clai­re­ment que la préfé­rence va à Elementor.

Mais en parcou­rant les démos, vous verrez que Gutenberg permet de créer de très beaux sites, pour peu que l’on s’en donne la peine – et même si, je suis d’ac­cord, on ne peut pas, pour le moment encore, le compa­rer à Elementor ou à Beaver Builder.

Une autre exten­sion à ne pas manquer (elle est listée, mais je vous présente des exten­sions prévues pour fonc­tion­ner avec Astra, qu’elles soient listées ou non), c’est…

Ultimate Addons for Gutenberg

Si vous vous posiez la ques­tion, voilà le secret de fabri­ca­tion des modèles Gutenberg pour Astra actuel­le­ment dispo­nibles. Vous pouvez bien sûr utili­ser cette exten­sion avec d’autres thèmes, mais avec Astra, elle donnera tout son poten­tiel pour créer un site au rendu vrai­ment unique.

Astra, Gutenberg et Ultimate Addons.

Deux exten­sions, un tout petit effort pour ceux qui ne sont toujours pas passés au nouvel éditeur par défaut de WordPress, et vous obte­nez un site sur mesure, qui ne ressem­blera pas à un autre site créé avec Astra et surtout pas à un site créé avec… non, je refuse de le citer, même si tout le monde sait à quel thème je pense 😉

Une exten­sion à ne pas manquer pour pous­ser plus loin encore la person­na­li­sa­tion de votre thème…

Astra Hooks

Si vous ne savez pas de quoi il s’agit, les hooks, ce sont des « actions » pour modi­fier le compor­te­ment de WordPress, ou en l’occurrence, du thème.

Cette exten­sion permet donc d’ajou­ter du contenu person­na­lisé, du javas­cript ou des codes courts (short­codes en anglais) dans des empla­ce­ments spéci­fique de vos vos pages. Pas du PHP. Si vous voulez insé­rer un contenu dyna­mique, vous devrez passer par un outil externe, tel que Code Snippets, ou ache­ter Astra Pro (déci­dé­ment…).

Un exemple concret ? Tout en haut de l’ar­ticle, vous avez le temps de lecture et le nombre de mots. Je n’uti­lise pas la fonc­tion de temps de lecture d’Astra, parce que j’ai mon bout de code déjà prêt. Alors, pour l’in­té­grer, j’avais la possi­bi­lité de le faire via :

  • du texte et des codes courts via l’ex­ten­sion Astra Hooks
  • le module de contenu dyna­mique d’Astra Pro
  • un hook Astra dans Code Snippets

J’ai choisi la troi­sième option, pour les perfor­mances vu que j’ai déjà mon bout de code (je n’ai pas besoin de passer par une exten­sion, qui va récu­pé­rer le code court, puis l’interpréter) :

add_action( 'astra_entry_content_before', 'display_excerpt_before_content' );

Et pour complé­ter cette exten­sion, je vous conseille d’installer…

Astra Theme Visual Hooks

Grâce à cette exten­sion, vous pour­rez visua­li­ser en direct chaque empla­ce­ment suscep­tible d’ac­cueillir un hook. Et une fois le site en produc­tion, vous pour­rez sans souci désac­ti­ver et suppri­mer l’extension.

Un site habillé avec Astra

Vous voulez un exemple ? Vous l’avez devant les yeux !

Pour les dernières refontes (v5.1 & v6) de ce site, j’ai utilisé Astra, Astra Pro, Elementor Pro et quelques outils supplé­men­taires, dont… non, je ne vais quand même pas tout vous dire, surtout pas en une seule fois 😉 Allez, juste un, utilisé dans un seul article (pour le moment) : Visual Portfolio, dans l’ar­ticle du même nom.

La page d’ac­cueil ? Gutenberg. Les articles ? Gutenberg. Les en-têtes ? Dans les options d’Astra Pro. J’ai utilisé Elementor pour certaines pages (404, À propos…). Le design ? Ne vous moquez pas 😐 

D’autres exemples ? Vous avez les centaines de modèles propo­sés dans Astra Starter Sites. Faites vos emplettes, choi­sis­sez votre modèle, personnalisez-le en deux temps trois mouvements.

Le bilan

Alors, Astra est-il le thème ultime que tout le monde atten­dait ? Comme toujours, le bilan n’est pas tout blanc ou tout noir, on est dans les nuances de gris. 

Points forts

  • ultra léger
  • exten­sible via des exten­sions gratuites
  • excel­lente inté­gra­tion des construc­teurs de page phare
  • bien docu­menté
  • une licence pour tous vos sites

Points faibles

  • la quasi-nécessité de passer à la version payante
  • le prix du Mini Agency Bundle

Peut-être les points faibles n’en sont pas pour vous, peut-être que certains points forts n’ont pas d’in­té­rêt pour vous. Mais si l’on regarde bien, globa­le­ment, Astra s’en sort plutôt bien. Les notes et avis du dépôt WordPress en témoignent d’ailleurs.

Et si Astra ne vous conve­nait pas, vous trou­ve­rez des milliers de thèmes gratuits dans le dépôt WordPress, j’en ai d’ailleurs testé certains, à retrou­ver dans la rubrique Thèmes de ce blog.

Alors, allez-vous tenter Astra pour votre prochain site ? Ou avez-vous, vous aussi, votre thème fétiche, votre nec plus ultra des thèmes WordPress ?

Certains liens de cet article sont des liens affi­liés ; c’est à dire que si vous ache­tez en suivant un des liens de cet article, vous ne paie­rez pas plus cher, et moi je touche­rai éven­tuel­le­ment une petite commission.

Si vous avez trouvé une faute d’orthographe, veuillez nous en infor­mer en sélec­tion­nant le texte en ques­tion et en appuyant sur Ctrl + Entrée .

S’abonner
Notification pour
guest
7 Commentaires
Commentaires en ligne
Afficher tous les commentaires
Vincent
Vincent
28 juillet 2021 11 h 18 min

Bonjour, j’ai un problème avec Astra gratuit. J’ai un thème activé. Quand je vais dans « appa­rence » -> « person­na­li­ser », la fenêtre de person­na­li­sa­tion s’ouvre mais quand je clique sur les diffé­rents menus impos­sibles de les ouvrir. Il m’est alors impos­sible de modi­fier le logo du menu, ni de modi­fié mon footer. Comment cela est possible ? Est-ce que c’est bloqué car je suis en version gratuite ?

Merci pour votre aide.

herve
24 avril 2021 10 h 34 min

Bjr, j’ai créé un child d’Astra qui est devenu mon thème par défaut…
n’étant pas très fort en code, j’au­rais aimé utili­ser LIVE SASS sur visual studio code pour décou­per le scss en plusieurs pages qui seraient regrou­pées sur ma style.css.….
comme je suis un gros débu­tant… mon style.css de mon child est vide…
si je frac­tionne le style.css de astra de base les mises a jour du thème seront-elles prise en comptent ?
faut-il placer le css (theme de base) dans le css (theme children) ?
merci de votre aide – Hervé

herve
Répondre à  Pascal CESCATO
24 avril 2021 14 h 21 min

merci

Jean
30 mars 2019 17 h 07 min

Je me posais la ques­tion du thème que j’uti­li­se­rais pour refondre mon site. Astra est régu­liè­re­ment cité par les profes­sion­nels. Ton article renforce ma conviction.

Je te remer­cie pour les exten­sions qui seront précieuses.

A bien­tôt,
Jean

Abonnez-vous à la
newsletter

Pour être informé à chaque fois qu'un nouvel article est publié.

Merci !

Quelque chose s'est mal passé…

Retour haut de page

Rapport de faute d’orthographe

Le texte suivant sera envoyé à nos rédacteurs :

Les cookies que nous utilisons sont indispensables au bon fonctionnement de ce site. Il n'y a aucun pistage publicitaire et les données statistiques recueillies sont anonymisées.
J'ai compris
Privacy Policy