Cet article prend 7 minutes à lire et comporte 1742 mots.

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.

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, ainsi qu’un peu plus de 200 000 autres sites de par le monde. Et avec OceanWP et GeneratePress, 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 0.2% de notes néga­tives sur les plus de 1550 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

200 000 instal­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 1 500 notes et avis posi­tifs. Contre à peine 250 notes et avis posi­tifs et néga­tifs pour l’en­semble des Twenties préci­tés.

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

Oh ! Trois fois rien :

  • une empreinte mini­male (Astra est le thème le plus léger des thèmes modernes et confi­gu­rables du dépôt WordPress – cf les tests de Matt Ahlgren)
  • des options de confi­gu­ra­tion à ne plus savoir qu’en faire
  • une excel­lente inté­gra­tion des construc­teurs de page (Elementor en tête)

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 il n’en est pas un, à l’ex­cep­tion d’OceanWP et dans une moindre mesure, de GeneratePress, qui soit aussi confi­gu­rable et aussi léger, tout en étant gratuit.

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 aussi confi­gu­rable qu’OceanWP. Le débu­tant s’y retrou­vera 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é­res­ser.

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 »
    • une zone d’en-tête (placée au dessus de l’en-tête prin­ci­pale)
    • le bouton de rappel en haut de page
    • le choix des méta­don­nées d’ar­ticles à affi­cher
    • 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 trou­ve­rez…

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 exten­sion.

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

Près de 40 modèles pour Elementor, une tren­taine pour Beaver Builder, une douzaine 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 pour le moment le compa­rer aux autres construc­teurs de pages.

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 13 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 dernière exten­sion à ne pas manquer…

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’in­ter­pré­ter) :

add_action( 'astra_entry_content_before', 'display_excerpt_before_content' );

Un site habillé avec Astra

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

Pour la dernière refonte (v5.x) 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 ? Elementor. Les articles ? Gutenberg. Les en-têtes ? Dans les options d’Astra Pro. Le design ? Ne vous moquez pas 😉

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

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, dont un autre thème dont je parle dans cet article, OceanWP – je vous en parle­rai plus longue­ment dans un prochain article.

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 commis­sion.

2 réflexions sur “Astra, le thème ultime pour WordPress ?”

  1. 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 convic­tion.

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

    A bien­tôt,
    Jean

Répondre à Pascal CESCATO Annuler la réponse

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *