• ▷ Thème WordPress Astra Pro

Si je vous dis Astra, qu'est-ce qui vous vient à l'esprit?

Personnellement, cela me rappelle un modèle de voiture allemand, un satellite ou un club de football roumain (oui, mon addiction au sport va très loin).

Plus comique, mais tout aussi sérieux, j'ai découvert en même temps que l'acronyme Astra faisait référence à l'Association transylvanienne de la littérature et de la culture roumaines du peuple roumain.

Eh bien, vous ne vous inquiétez probablement pas du dernier point, cela ne m'offense pas.

Vous êtes intéressé par WordPress. Heureusement, Astra est en même temps un thème freemium de notre célèbre et bien-aimé CMS.

Et pas n'importe quel sujet. C'est l'un des plus populaires du répertoire officiel.

Sur les 1595 avis soumis au moment de la rédaction de cet article, 1571 lui ont attribué une note de 5 étoiles.

Serait-ce le thème parfait, avec lequel on rêve de se retrouver un jour, pour l'adopter dans tous nos projets?

Pour le savoir, vous découvrirez une preuve très détaillée de notre spécimen du jour.

Pour ce faire, j'utiliserai la même structure que pour l'article sur GeneratePress.

Je me concentrerai en particulier sur la prise en main d'Astra, sa personnalisation, son impact sur les performances et le référencement, et son rapport qualité-prix.

Astra, qu'est-ce que c'est?

Le chef de la télécabine d'une entreprise innovante

Astra est un thème freemium - il est disponible entièrement gratuitement à partir du répertoire officiel de WordPress.

Si vous cherchez plus d'options, vous pouvez obtenir la version premium (à partir de 59$ ou 53 €). Je reviendrai sur toutes ses spécificités un peu plus tard, ne vous inquiétez pas.

Avec plus de 200 000 installations actives, c'est l'un des thèmes gratuits les plus populaires de l'annuaire officiel. Vous le trouverez dans une bonne position à vos côtés:

• Vingt dix-neuf
• Groupe de travail sur les océans
• Hestia
• Sydney
• GeneratePress

Et dire que tout ce succès s'est accumulé en seulement 2 ans (Astra a été lancé en 2017): ça donne le vertige!

Dans l'ensemble, Astra est le produit phare de Brainstorm Force, une équipe d'une soixantaine de personnes basée en Inde.

Cette société propose à la fois une cinquantaine de produits, dont:

• Compléments ultimes pour Beaver Builder y Compléments ultimes pour Elementor- Deux extensions pour ajouter des modules et des modèles supplémentaires aux constructeurs de pages Beaver Builder et Elementor.
• Convertir Pro- Une extension pour créer des formulaires opt-in.
• Schéma Pro: un plugin pour générer le langage Schema.org.
• Portefeuille WP- Une extension qui vous permet de créer un portfolio.

Au Globalement, Brainstorm Force a plus de 10 ans d'expérience et ses produits sont utilisés dans plus de 2 millions de sites.

Cette implantation solide au sein de l'écosystème WordPress mondial est un gage de sérieux qu'il ne faut pas sous-estimer.

Si vous décidez d'utiliser l'Astra, vous devriez vous sentir à l'aise avec sa surveillance et sa maintenance.

Voilà pour la vue d'ensemble du sujet. Maintenant, je vous suggère de découvrir pourquoi il est si célèbre.

Un thème "élégant, rapide comme l'éclair et facilement personnalisable"

Le slogan est forcément très vendable, mais quel que soit le cas ce sont ces quelques mots que vous verrez apparaître dès que vous arrivez sur la page d'accueil du site.

Voici les 3 caractéristiques marquantes de ce thème, que je développerai évidemment tout au long de cet article.

Comme l'indique la description du sujet sur sa page dédiée dans l'annuaire officiel, Astra "Il est très léger (moins de 50 Ko chargés sur l'interface publique) et offre une vitesse sans précédent"

Selon ses concepteurs, il se chargerait en 0,5 seconde. Dans la partie V, vous découvrirez si c'est vraiment le cas.

Dans le même temps, ses développeurs le présentent sous forme de thème:

• Facile à personnaliser, même sans connaissance du code.
• Compatible avec la plupart des constructeurs de pages.
• Composé de nombreuses démos de sites prêts à être installés.

Je ne sais pas pour vous, mais ce menu me met l'eau à la bouche.

Il est temps de passer aux choses sérieuses - découvrez l'Astra dans ses grands espaces.

Commençons par sa maniabilité.

Est-ce facile à manipuler?

Une interface claire

Après avoir activé le thème, un lien est apparu intitulé Options Astra sur le panneau de commande, dans le menu Apparence.

Une fois à l'intérieur de ces options, vous découvrirez plusieurs choses:

• Différents liens vous permettront d'être redirigé vers les paramètres de l'outil de personnalisation. C'est l'une des grandes forces de ce thème: tous les ajustements se font à partir de ce qu'on appelle en même temps le Personnalisateur.
• Vous découvrirez qu'il est possible d'activer 18 modules supplémentaires pour personnaliser votre site. Ces modules sont disponibles dans la version Pro, que vous verrez en détail dans la partie 3 de ce test. Comme GeneratePress, Astra adopte une approche modulaire - vous pouvez choisir d'activer ou de désactiver les modules qui vous intéressent à tout moment. Du côté de l'utilisateur (vous), cela vous permet d'optimiser les performances de votre site (charger moins de ressources). Du côté des développeurs, cela vous laisse un champ libre pour ajouter de nouveaux modules au fil du temps pour améliorer votre produit.
• Pour gagner du temps, vous remarquerez qu'il est possible d'importer des sites de démarrage. Ce sont des modèles prêts à l'emploi qui nécessitent l'installation de l'extension Astra Starter Sites, qui apparaît dans le répertoire officiel. Un simple clic sur le lien Installer l'extension d'importation l'activera pour vous. Ensuite, choisissez simplement votre constructeur de page (Gutenberg, Brizy, Elementor ou Beaver Builder), et plusieurs modèles vous seront proposés (une centaine au total pour créer un blog, un site e-commerce, une entreprise, un freelance, etc.) . Veuillez noter que certains de ces modèles ne peuvent être activés que si vous avez acheté l'une des deux options Premium Agency (Mini Agency Bundle ou Agency Bundle). Attendez environ 1 minute pour que le modèle de site s'installe. Vous voilà avec un site prêt à partir sans y avoir contribué! Bien entendu, il est possible de le modifier à votre guise. Notez qu'il existe une fonctionnalité permettant de supprimer tous les paramètres de démonstration ultérieurement, s'ils ne vous conviennent plus. Bon point, même si l'option 100% n'est pas efficace. Pour ma part, j'ai dû supprimer manuellement le logo restant et une extension de partage social qui était toujours là.
• Un lien vers la documentation (très bien conçu) en même temps est là si vous avez besoin d'un coup de main.
• Enfin, vous remarquerez qu'il est possible de »personnaliser» Astra en activant des plugins gratuits. Plusieurs d'entre eux sont proposés en tant qu'addons ultimes pour Gutenberg.

Paramètres récapitulatifs dans l'outil de personnalisation

Tous les paramètres de thème se trouvent dans l'outil de personnalisation. C'est en fait très sympa et évite d'avoir à chercher à gauche et à droite.

Nous gagnons en clarté et en efficacité. Pourquoi n'y jetez-vous pas un œil?

Comme vous pouvez le voir, nous trouvons le classique. Vous pouvez personnaliser les couleurs, l'arrière-plan, la typographie, les widgets ou les menus.

Mais il y a encore quelques petites pépites dans ces options, voici celles que j'ai préférées:

• Possibilité d'afficher votre contenu en pleine largeur, en s'adaptant à la précision des pixels.
• Vous pouvez modifier la largeur de votre logo et choisissez un autre logo pour les écrans Retina et la navigation mobile
• je connais vous pouvez insérer un fil d'Ariane à l'intérieur / après l'en-tête, ou juste après le titre de vos messages.
• le La mise en page du blog peut être ajustée assez précisément- Vous pouvez choisir d'afficher le nom de l'auteur, les commentaires, la date de publication, etc. Tout se fait en activant et désactivant ces options, et en faisant simplement glisser et déposer
• 
• Personnalisation des boutons en choisissant votre radio ou votre couleur.
• Possibilité d'ajouter jusqu'à 4 widgets dans le pied de page, puis de modifier le copyright.
• Vous pouvez choisir d'afficher une barre latérale à droite, à gauche ou ne pas l'afficher du tout. En même temps, il est possible de le faire à votre guise sur les pages et les articles.
• Sans parler de la possibilité d'ajouter un dernier élément personnalisé à votre menu de navigation.. Par exemple, vous pouvez ajouter un panier si vous utilisez WooCommerce, ou un bouton d'appel à l'action, ce qui est excellent d'un point de vue marketing.

Pour finir: la prise en main est très aisée et facilitée par la présence d'options presque toutes traduites en français (sauf Miette de pain, ce qui signifie Fil d'Ariane).
Si vous décidez de l'utiliser, vous apprécierez le maniement de l'Astra et le fait de ne pas vous noyer au milieu de centaines d'options.
Mais au-delà de certains des paramètres appréciables mentionnés précédemment, vous pourriez vous sentir un peu restreint en termes de personnalisation.

Pour aller plus loin et bénéficier de toute la puissance et de la flexibilité du thème, il faudra essayer la version Premium.

Personnalisation du thème: découvrez les modules premium

La version Premium du thème, appelée Astra Pro, est en fait un plugin qui ajoutera une vingtaine de fonctionnalités au thème de base.

Vous pouvez obtenir l'Astra Pro sur la page principale du thème en cliquant sur l'onglet Pro.

L'offre initiale commence à $59 (environ 53 €) pour une utilisation sur un nombre illimité de sites et un an de support.

Une fois que vous avez acquis l'extension (elle sera au format zip), installez-la et activez-la dans votre Dashboard, via le menu Extensions.

Tout va bien avec vous?

Alors passons à autre chose.

Retour à Apparence> Options Astra, Vous remarquerez que les modules Pro sont désormais utilisables.

Vous pouvez voir que vous devez les activer si vous souhaitez les utiliser (ce n'est pas le cas par défaut).

Ceci est connu comme une structure modulaire. Cela empêche le chargement de fichiers et de fonctions qui ne seront pas utilisés.

À ce niveau, je voudrais attirer votre attention sur deux points:

• N'oubliez pas de remplir votre licence utilisateur (menu Licence Astra Proen haut à droite de la page) pour activer les mises à jour automatiques.
• Les WooCommerce, Easy Digital Downloads, modules LearnDash et LifterLMS Ils ne peuvent fonctionner que si vous avez préalablement activé les plugins / services en question.

Au total, vous pouvez activer pas moins de 18 fonctionnalités supplémentaires.

Passons en revue les plus significatifs.

Blog Pro

Pour activer le module, cliquez sur le bouton Activer. Puis revenez à Apparence> Personnaliser.

Ensuite, allez dans Design > Blog.

Parmi les nouvelles fonctionnalités apparues par rapport à la version gratuite du thème, j'ai aimé:

• La Option Informations sur l'auteur, qui vous permet d'ajouter un petit insert pour présenter l'auteur de l'article en quelques lignes.
• Chargement automatique des articles précédents.
• La possibilité d'appliquer la largeur et la hauteur de votre choix à votre image dans le premier page.
• La option de défilement infini qui vous permet d'activer l'affichage de vos articles au fur et à mesure que le visiteur navigue sur votre page.
• La possibilité de personnaliser la largeur de l'affichage du contenu du blog.
• La possibilité d'afficher vos articles dans jusqu'à 4 colonnes, avec la possibilité d'ajouter la date clairement visible dans un carré ou un cercle.

Distance

À première vue, je n'ai pas vu la nécessité de ce module. Mais si on y regarde de plus près, c'est en fait très utile.

Grâce à lui, vous pourrez ajuster la marge (marge externe) et le rembourrage (marge interne) de certains éléments clés de votre site, à titre d'exemple

• L'en-tête
• La barre latérale
• Le pied de page de la page
• Le conteneur
• Le blog

Comment tout cela fonctionne-t-il? Pour en profiter, activez le module et accédez à l'outil de personnalisation, à titre d'exemple au niveau de l'en-tête.

Si le module peut travailler sur l'élément choisi, une section Espacement apparaîtra.

Pour l'exemple, j'ai choisi l'en-tête. Il est donc extrêmement facile de modifier l'espace entre vos différents éléments, en fonction de l'appareil choisi (ordinateur, tablette ou mobile).

Pour gérer la réponse, c'est super! Jugez ci-dessous à la place:

Dernière bonne option qui plaira aux plus expérimentés: vous pouvez choisir les valeurs d'espacement en pixels, EM ou en pourcentage.

Pour plus d'informations sur ce sujet, vous pouvez consulter ces deux ressources:

• Feuilles de style pour le Web, conseils et astuces CSS
• Unités CSS

Sections d'en-tête

Après avoir activé le module, vous verrez deux nouvelles options apparaître dans l'outil de personnalisation, sous Disposition > En-tête:

• À propos de l'en-tête
• Sous le titre

Ces deux fonctions peuvent être utiles, par exemple, pour ajouter des éléments au-dessus ou en dessous de l'en-tête (par exemple, email, numéro de téléphone, liens vers vos réseaux sociaux, bouton d'appel à l'action, recherche dans la barre d'outils, widgets, nouveau menu, etc.).

En plus des informations qui peuvent être ajoutées, il est possible de personnaliser la taille de l'en-tête, la couleur de sa bordure, ainsi que de choisir de l'afficher ou non sur les smartphones.

Faire défiler vers le haut

Après l'activation, ce module affichera une icône "Faire défiler vers le haut" pour permettre à vos visiteurs de revenir rapidement en haut de la page sans défilement, s'ils le souhaitent.

Ceci est particulièrement utile pour les pages avec beaucoup de contenu. Pour découvrir les options disponibles, accédez à Mise en page> Retour en haut.

Vous verrez que c'est possible:

• Afficher l'icône sur ordinateur, mobile ou ordinateur + mobile.
• Choisissez votre position (droite ou gauche).
• Personnalisez sa taille et sa rondeur en saisissant les valeurs de votre choix.
• Définir les couleurs de l'icône et de son arrière-plan, y compris le défilement de la souris.

Marque blanche

Le module White Label vous permet de renommer le thème et les plugins qui lui sont associés, en lui donnant le nom de votre entreprise / marque.

Cela peut être utile si vous êtes un pigiste (*) ou une agence créant des sites Web pour vos clients.

Vous pouvez remplacer le nom et le thème du plugin par les informations de votre choix afin que votre client ne sache pas que vous avez utilisé une solution tierce, s'il accède au back-office.

Après cela, il n'y aura plus aucune trace de la marque Astra sur votre site.

Tout d'abord, entrez les entrées souhaitées sur la page Paramètres. Une fois le tambour prêt, cliquez sur Enregistrer les modifications.

Et voici le résultat sur la page des thèmes (en Apparence> Thèmes):

Et sur l'une des extensions (en Extensions> Extensions installées):

Widgets de pied de page

Par rapport à la version gratuite, ce module ajoute 6 mises en page supplémentaires pour ajouter les widgets de votre choix.

À titre d'exemple, vous pouvez ajouter des paramètres par défaut de WordPress tels qu'un menu, vos derniers articles, une image ou du HTML personnalisé.)

Concernant les options de personnalisation, le module vous permet de le faire:

• Choisissez une organisation avec jusqu'à 5 colonnes.
• Ajustez la marge intérieure, créez une bordure et changez la couleur.
• Triez les widgets en pleine largeur ou non.

Vous trouverez tous ces paramètres dans l'outil de personnalisation, sous Disposition> Pieds de page> Pieds de page> Widgets de pied de page.

Le module Menu de navigation vous permet de créer ce qu'on appelle un Mega menu.

Les méga menus se retrouvent très couramment sur les grands sites e-commerce, puisqu'ils permettent à l'utilisateur de présenter facilement les différentes catégories de produits vendus sur le site en question.

Si vous n'avez que quelques sujets sur votre site, vous n'aurez pas à créer un méga menu, généralement critiqué d'un point de vue SEO.

Cependant, si vous pensez que vous en avez absolument besoin, le thème Astra vous permettra d'en créer un en allant sur Apparence> Menus.

Il sera possible de créer des colonnes, d'ajouter du texte personnalisé pour indiquer certains liens ou d'ajouter un modèle pour afficher une image de fond.

En-têtes de page

Comme son nom l'indique, le module En-têtes de page vous donne la possibilité de créer un en-tête de page.

Une image vaut généralement mieux que 1000 mots, voici ce que cela signifie:

En particulier, vous pouvez:

• Ajoutez une trace de fil d'Ariane et une image d'arrière-plan.
• Changez les couleurs.
• Intégrez un effet de parallaxe.
• Combinez votre en-tête personnalisé avec votre en-tête de site.
• Appliquez des règles d'affichage spécifiques aux pages de votre choix.

Designs personnalisés

Le module Designs personnalisés vous permet d'ajouter les éléments spécifiques suivants:

• Tête de lit
• Pied de page
• Épisode 404
• Crochets (un hook, en français, est un point d'entrée vers une fonction WordPress).

C'est une option assez avancée avec laquelle vous pouvez créer des sections personnalisées, en appliquant les règles d'affichage de votre choix, si nécessaire.

Mais passons aux exemples, pour voir plus clairement. L'option Page 404 vous permettra de créer une page 404 personnalisée en désactivant l'en-tête ou le pied de page.

Les options En-tête et Pied de page vous permettent de créer ces sections personnalisées et de les afficher uniquement sur les pages de votre choix grâce à des règles d'affichage et / ou d'exclusion précises.

Enfin, tout en restant technique, vous pouvez toujours profiter de la puissance des crochets Astra, si vous y êtes vraiment intéressé. Je vous conseille de le faire.

L'option Crochets toi permet d'ajouter des morceaux de code personnalisé dans environ 50 emplacements différents.

Un exemple d'utilisation des crochets? Par exemple, vous pouvez utiliser le nom wp_head pour ajouter le code de suivi Google Analytics (si vous n'utilisez pas une extension comme MonsterInsights).

Pour mieux visualiser l'emplacement des crochets, vous pouvez vous référer à cette ressource.

Noter: Si vous ne souhaitez pas utiliser la version Pro d'Astra et utiliser les hooks, sachez qu'il existe le plugin Astra Hooks, disponible entièrement gratuitement dans l'annuaire officiel. Cependant, il ne vous permettra pas d'appliquer des règles d'affichage conditionnel.

WooCommerce

Le module WooCommerce vous permet d'étendre les options de personnalisation du célèbre plugin de commerce électronique.

Tout d'abord, rappelez-vous que vous devez avoir activé WooCommerce sur votre site.

Vous trouverez ci-dessous tous les paramètres disponibles sous Mise en page > WooCommerce.

Les options notables incluent:

• La affichage de vos produits sous forme de grille ou de liste, avec la possibilité de les aligner sur plusieurs colonnes.
• La personnalisation de la page de paiement, avec comme exemple la présence d'un mode non distrait, pour désactiver l'en-tête et le pied de page lorsque l'utilisateur s'apprête à payer.
• Galeries pour montrer différentes images de vos produits.
• Gestion des couleurs pour les titres, annotations, textes, boutons, prix, etc.
• La possibilité d'ajouter l'icône du panier n'importe où de votre site Web grâce à un shortcode.

Autres types d'incorporation

Quant à WooCommerce, Astra Pro dispose de 3 modules pour étendre les options de personnalisation de 3 plugins / solutions:

• Téléchargements numériques faciles: un plugin gratuit (disponible en version Pro à partir de $99 / an) qui vous permet de vendre des produits numériques.
• LearnDash, une solution premium (à partir de $159) qui vous permet de créer un site e-learning dans WordPress.
• LifterLMS: l'un des concurrents de LearnDash (à partir de $99 / an).

Les autres modules

Sans avoir accès à autant de détails, sachez que d'autres modules vous le permettent:

• Créer un en-tête épinglé ou un menu collant. C'est un menu qui reste bloqué en haut de l'écran, même lorsque l'utilisateur fait défiler la page. En particulier, vous pouvez modifier sa largeur.
• Personnalisez la mise en page de votre contenu avec 4 options (Largeur totale, largeur maximale, rembourrage et fluide), contenus dans le module des dispositions du site.
• Créez un en-tête mobile, en ajoutant 4 styles pour afficher votre menu: desplegable (el menú aparece cuando hace clic debajo del icono del menú), volante (el menú aparece cuando hace clic en pantalla completa debajo del icono del menú), pantalla completa (pantalla completa) y no alternar (no hay icono de hamburguesa para mostrar le menu).
• Ajustez les couleurs et l'arrière-plan (Par exemple, vous pouvez choisir une couleur pour chaque niveau de cap (h1, h2, h3, h4, h5, h6).
• Choisissez la police de votre choix et ajustez sa graisse, sa taille et sa hauteur de ligne pour chaque élément de votre site (corps du texte, en-tête, fil d'Ariane, boutons, titres, widgets, pied de page). C'est le module Typographie.

Et c'est tout pour cette visite complète des différents modules proposés par le thème Astra.

Sans transition, je vous suggère de passer à l'étape suivante de nos tests: adapter Astra aux constructeurs de pages et aux plugins.

Quelle adaptation pour les constructeurs de pages et les plugins?

"Conçu pour les créateurs de pages." Astra le souligne clairement sur son site Web - le sujet a été "Créé pour les créateurs de pages".

Tout d'abord, comme indiqué précédemment dans ce test, les sites de démarrage d'Astra ont été créés spécifiquement pour fonctionner avec Elementor, Beaver Builder et Brizy (sans parler de Gutenberg, qui n'est pas un constructeur de pages en tant que tel).

Elementor et Beaver Builder sont les deux constructeurs "préférés" sur le thème. Ben Pines, un employé d'Elementor, recommande Astra à tous les utilisateurs de son plugin.

Pour les besoins de cet article, j'ai pu tester le thème avec les deux constructeurs mentionnés précédemment - rien à redire.

De manière pratique, le thème vous permet de contrôler totalement la structure de votre page, ce qui rend son utilisation très pratique avec un constructeur de page. À titre d'exemple, vous pouvez:

• Choisissez d'afficher votre contenu en pleine largeur (Ce n'est pas possible avec tous les thèmes, et c'est essentiel).
• Désactiver la barre latérale.
• Désactivez les éléments que vous n'utilisez pas (par exemple, pied de page, en-tête, menu de navigation).
• Désactivez le titre de vos pages.

Eh bien, je vous en dis beaucoup sur Elementor et Beaver Builder, mais que faire si vous avez un autre constructeur préféré à votre disposition?
Sera-t-il intégré avec succès dans Astra? Selon les créateurs du thème, Astra serait compatible avec tous les constructeurs de pages, y compris Divi, Thrive Architect et Visual Composer.
Je n'ai pas pu vérifier individuellement, mais si vous avez rencontré des doutes ou des problèmes d'incompatibilité, veuillez nous en informer dans les commentaires.

Astra et plugins

Après les constructeurs de pages, passons aux plugins. L'une des "craintes" du webmaster est la comptabilisation du thème qu'il utilise avec les plugins qu'il utilisera.

Car si vous avez un problème à votre disposition, votre site risque de planter. Et ce n'est drôle pour personne.

Si cela vous arrive un jour, ne paniquez pas. Avant d'appeler le service d'urgence, consultez notre guide pour corriger les erreurs WordPress majeures.
Personne n'est à l'abri de l'erreur, même lorsque les bonnes pratiques sont appliquées. Cependant, il n'y a pas d'incompatibilités majeures de plugin à noter par rapport au thème Astra.

Le thème est développé sur une base propre et respecte les normes WordPress, cela permet d'éviter les soucis.

Quant aux extensions, Astra a en même temps sa propre spécificité. Pour ajouter de nouvelles fonctionnalités au thème, il recommande 9 plugins gratuits, tous créés par la société mère, Brainstorm Force.

Vous les trouverez dans Apparence> Options Astra.

le le principe est le même que pour les modules: vous activez / désactivez ceux de votre choix.

Suggérer des extensions supplémentaires à activer ajoute un petit malentendu: pourquoi ne pas créer des modules supplémentaires pour les extensions dédiées à Astra?

Mais cela garde toujours le thème aussi léger que possible, ce qui est un bon point.

J'ai trouvé le Lightweight Sidebar Manager utile pour afficher différentes barres latérales en fonction des pages de votre site.

Et si vous utilisez Gutenberg, vous apprécierez Ultimate Addons pour Gutenberg, une bibliothèque de blocs de construction pour l'éditeur de contenu WP.

En parlant de Gutenberg, passons à la partie suivante.

Astra et Gutenberg

Trop de thèmes sur des plateformes de vente célèbres comme Themeforest se disent compatibles avec Gutenberg, l'éditeur de contenu apparu avec la version 5.0 de WordPress fin 2018.

Mais quand on creuse un peu plus, on se rend compte qu'ils sont encore loin.

De son côté, Astra est compatible avec Gutenberg et y est incroyablement intégré.

Un exemple? Les célèbres Sites de démarrage, dont je vous ai parlé à plusieurs reprises tout au long de cet article.

14 modèles de site prêts à l'emploi sont disponibles et fonctionnent très bien avec Gutenberg.

Parmi les caractéristiques intéressantes de l'Astra avec Gutenberg, je pourrais en même temps vous citer:

• La possibilité d'ajuster la largeur de votre contenu depuis Gutenberg.
• L'application pour la couleur du thème et les paramètres d'arrière-plan transcrits dans Gutenberg lors de l'édition d'une page ou d'un article.
• L'application pour vos paramètres est lancée à partir de l'outil de personnalisation Gutenberg.

Quelle est l'expérience utilisateur d'un site utilisant Astra?

Influence sur les performances du site

Un petit flashback pour démarrer ce jeu. «Élégant, rapide comme l'éclair et facilement personnalisable »Vous vous souvenez de la proposition de valeur du sujet, détaillée au début de cet article?

Quant à la personnalisation et à l'élégance (design), vous avez déjà un bon aperçu, je l'espère

Il est temps de voir les performances de ce soi-disant thème ultra-rapide.

Par conséquent, selon vous: statut mérité ou vantardise totale?

Pour y répondre, commençons par recontextualiser.

Avoir un thème rapide est très important, et pas seulement pour montrer lors de dîners avec votre développeur ou vos amis SEO.
Saviez-vous que pour positionner une page dans son moteur de recherche, Google utilise plus de 200 critères?
Parmi eux, il y a la vitesse de votre page. De cette manière, il est crucial qu'il se recharge rapidement (Google recommande un temps de charge de moins de 3 secondes pour les téléphones mobiles).

Si vous choisissez l'Astra, vous devriez plutôt bien faire. Il est présenté comme "Le thème le plus léger du marché, avec des performances imbattables".

Plus techniquement, sachez qu'Astra n'utilise pas jQuery (une bibliothèque JavaScript), et préfère Vanilla JavaScript, un framework JavaScript connu pour sa rapidité.

Dans le même temps, Astra déclare:

• Prendre le contrôle "En moins de 0,5 seconde sur une installation WordPress par défaut".
• Nécessite moins de 50 Ko de ressources pour se charger, "Là où la plupart des thèmes WordPress ont besoin de 300 Ko".

Pour vérifier l'exactitude de cette affirmation, j'ai mis l'Astra sur la grille en exécutant une série de tests.

Voici comment je l'ai fait:

• Services de test utilisés:
  • WebPageTest (en utilisant Paris comme lieu à chaque fois) en prenant en compte les critères de "complètement chargé" (lorsque le site est complètement chargé, y compris les scripts et applications externes);
  • Outils Pingdom (à chaque fois en utilisant Londres comme lieu).
• Site de test hébergé sur un serveur o2switch partagé.
• Je n'ai activé aucun plug-in et l'Astra Pro n'est pas installé.
• J'ai comparé Astra à un autre thème gratuit populaire (Sydney, 200 000 installations actives) du répertoire officiel de WordPress.

Test dans WebPageTest avec Astra activé: temps de chargement 1040s (à pleine charge):

Test sur WebPageTest avec Sydney activé: temps de chargement de 2237 s (à pleine charge):

Test dans Pingdom Tools avec Astra activé: temps de chargement de 492 ms

Test dans Pingdom Tools avec Sydney activé: temps de chargement de 2,03 s

Enfin, nous pouvons confirmer que l'Astra est vraiment un problème de "vitesse fulgurante". Il se charge environ une seconde (492ms sur Pingdom, 1040s sur WebPageTest) et reste beaucoup plus efficace que son concurrent Sydney (2 à 4 fois plus efficace).

Il boxe dans la même catégorie que GeneratePress.

Dans le même temps, Astra fait moins de demandes et le poids de page reste très léger (33,9 Ko contre… 473,5 Ko pour Sydney). Je tiens à souligner que le contenu était exactement le même pour les deux sujets.

En dehors de cela, les résultats que nous avons observés sont un peu moins «bons» que ceux annoncés sur le site du thème.

Noter: Les Les résultats précédents fournissent un premier aperçu, mais ne peuvent être considérés comme un jugement définitif et définitif. Vous pouvez avoir différentes données chez vous, en fonction de votre hébergement ou des plugins que vous utilisez.

Impact sur le référencement

Pour commencer, Astra utilise un code HTML valide, ce qui ne compliquera pas la vie des moteurs de recherche qui viendront parcourir votre site.

Astra utilise ensuite des données structurées de Schema.org sur chaque page de son site.

Il s'agit d'une méthode de balisage HTML qui aide Google à comprendre le type de contenu dont vous disposez.

Sur ce sujet, vous pouvez même aller plus loin en utilisant son extension Schema Pro.

Enfin, autre option intéressante d'un point de vue SEO: le fil d'Ariane. Astra vous offre la possibilité d'ajouter un fil d'Ariane à l'intérieur / après l'en-tête, ou juste après le titre de vos messages.

Pour rappel, un fil d'Ariane est utile pour que vos visiteurs puissent comprendre où ils se trouvent et naviguer facilement sur votre site. En même temps, ils peuvent avoir un impact bénéfique sur votre référencement.

Intimé

Avoir un site responsive (pouvant s'adapter aux ordinateurs, tablettes et smartphones) est indispensable en 2019, pour plusieurs raisons, comme ...:

• La l'expérience utilisateur de vos visiteurs. Ils sont 61% plus susceptibles de quitter votre site et d'aller chercher ailleurs s'ils ne trouvent pas ce qu'ils recherchent sur vos pages.
• Votre référencement. Depuis mars 2018, Google a mis en œuvre ce que l'on appelle l'indexation mobile first. Cela signifie que Google utilise principalement la version mobile de votre site pour indexer et positionner vos pages dans les résultats de ses moteurs de recherche.
• le le mobile est le premier écran utilisé quotidiennement par les Français pour surfer sur le net (34 millions d'utilisateurs), par rapport à l'ordinateur (23 millions) et à la tablette (13 millions).

Alors, notre thème Astra bien-aimé est-il sensible?

Si vous vous amusez à réduire la fenêtre de votre navigateur dans l'une de ses démos (Sites de démarrage), tout semble fonctionner comme sur des roulettes.

Mais pour être sûr, il a passé un test encore plus fiable: le test d'optimisation mobile de Google.

Et le résultat était convaincant:

Il n'y a aucun obstacle en vue. Par conséquent, nous pouvons passer à l'étape suivante de notre test: le prix de l'Astra.

Quel rapport qualité / prix?

Tout d'abord, comme vous le savez déjà, il est possible d'utiliser la version gratuite du thème en l'installant directement depuis votre tableau de bord.

Si vous souhaitez bénéficier notamment des modules Premium présentés précédemment, vous devrez vous procurer l'une des 3 versions Pro:

• Astra Pro: C'est la version utilisée dans cet article qui se vend 59 dollars par an (environ 52 euros).
• Pack mini agence (169$ / an, environ 150 €).
• Agence de package (249 dollars par an, environ 221 euros).

le Le package de base (Astra Pro) suffira, surtout si vous n'avez pas besoin de modèles de site prêts à l'emploi supplémentaires et si vous n'êtes pas intéressé par les autres produits proposés par Brainstorm Force (addons Ultimate pour Beaver Builder et Elementor, ainsi que leurs autres plugins internes).

Avec le constructeur de pages de votre choix, l'Astra Pro vous donnera d'excellents résultats.

Si vos finances le permettent et que les produits Brainstorm Force vous font du bien, accédez à l'un des deux plans Agence (Mini Agency Bundle ou Agency Bundle).

Veuillez noter que chaque plan permet l'utilisation du thème sur un nombre illimité de sites et comprend un an de support (avec une réduction 20% sur chaque plan lors du renouvellement annuel).

Concernant ce dernier point, je les ai abordés plusieurs fois en leur posant des questions sur les plugins Ultimate pour le plugin Beaver Builder, que j'utilise. J'ai reçu une réponse en moins de 24 heures avec la résolution de mon problème.

Enfin, si vous avez à votre disposition de la confiance et que vous souhaitez faire d'Astra votre outil de travail préféré, n'hésitez pas à opter pour une licence en permanence.

L'Astra Pro sera proposé au prix de 249 $ (environ 221 €), le Mini Agency Bundle à 499 $ (environ 443 €) et le Bundle Agency à 699 $ (environ 620 €).

Et par rapport aux solutions concurrentes du marché, comment se compare-t-il?

• Le plus important: la plupart des thèmes vendus sur la plateforme coûtent en moyenne environ 59$. Ils ne sont pas toujours utilisables sur un nombre illimité de sites et incluent 6 mois de support.
• OceanWP - Ce thème ultra populaire qu'Alex vous a présenté Theme Instant coûte $129 en prime pour une utilisation sur un nombre illimité de sites.
• GeneratePress - Il vous en coûtera $49.95 à utiliser sur un nombre illimité de sites.
• Genesis: Le cadre lui-même coûte $59,95 mais vous devrez acheter un thème pour enfants (généralement au prix de $129,95 pour les deux). Cependant, le support et les mises à jour sont inclus en permanence et le thème n'a pas besoin d'être renouvelé.

Notre avis final

Les atouts d'Astra

• Un thème facile à utiliser, comme promis. On apprécie la présence des paramètres au même endroit, directement dans l'outil de personnalisation.
• Un thème puissant. Oui, l'Astra est vraiment ultra-rapide et la construction modulaire (activer / désactiver uniquement les options nécessaires) est un vrai bonus.
• La Présence d'une centaine de mises en page de site prêtes à l'emploi qui s'activent en un seul clic (les célèbres sites de démarrage). Pour finir: Astra contient une centaine de titres en un!
• Un support très efficace et réactif. En même temps, il existe un groupe Facebook dédié au sujet, avec près de 8 000 membres pour vous aider.
• La la documentation est claire et c'est bien conçu.
• Une intégration parfaite avec WooCommerce.
• La présence d'une option d'achat du thème via une licence définitive, vous permettant de faire des «économies» à long terme.
• Un thème régulièrement mis à jour et correctement entretenu. Brainstorm Force est en affaires depuis 10 ans et reste une entreprise solide avec une croissance continue. C'est une garantie de sécurité pour l'utilisateur.
• Un thème optimisé pour le référencement.
• Un code propre qui respecte les normes WordPress.
• le thème en même temps se concentre sur l'accessibilité suivant les directives pour l'accessibilité du contenu Web (WCAG) 2.0.

Domaines d'amélioration d'Astra

• Les sites de démarrage sont très utiles pour mettre en place un site de A à Z en quelques clics. Cependant, ils ne fonctionnent qu'avec certains constructeurs de pages (Elementor, Beaver Builder et Brizy). Si vous avez l'habitude d'utiliser un autre générateur, il vous faudra un certain temps pour vous adapter pour vous familiariser avec un nouveau générateur de page.
• S'il existe une fonctionnalité permettant de supprimer tous les paramètres d'un site de démarrage (pour le réinitialiser d'une manière ou d'une autre), elle n'est pas efficace 100%. Pour ma part, j'ai dû supprimer manuellement le logo restant et une extension de partage social qui était toujours là. Vous pouvez faire mieux à ce niveau.
• En même temps, on peut regretter le manque de sites de démarrage si vous avez besoin de créer un blog.. Il n'y en a que deux accessibles - uniquement via Gutenberg - sans passer par l'un des deux plans de l'Agence. Dommage, WordPress est essentiellement un outil conçu pour les blogs.
• Même si la distinction entre plugins gratuits et modules dans le tableau est bien divisée en deux, on se perd au début quand on découvre le sujet. Dois-je activer un module? Ou plutôt une extension?
• Certaines options ne sont pas traduites ou entièrement en français dans l'outil de personnalisation. Prenons cet exemple de la mise en page Blog, où l'anglais et le français se rencontrent.

Astra, pour qui?

• Créateurs débutants ils apprécieront sa facilité d'utilisation et de manipulation. Tous les paramètres peuvent être trouvés dans l'outil de personnalisation. Et pour ceux qui ne savent pas programmer ou qui sont pressés, il faut dire que les sites Starter peuvent faire beaucoup de bien! Pour ce type d'utilisateur, l'une des versions Premium semble plus appropriée (Astra Pro, par exemple), d'autant plus que vous bénéficierez de bien plus d'options de personnalisation et du support des créateurs du thème.
• Les utilisateurs plus expérimentés apprécieront la présence de nombreux crochets, ainsi que la présence de morceaux de code pour modifier certains paramètres. Autre option utile, si vous êtes un web designer indépendant ou une agence: la présence du module White Label, en version Premium, pour adapter votre branding au thème. Si vous avez une connaissance minimale du code et / ou êtes habitué à travailler avec un constructeur de pages, la version gratuite sera probablement suffisante. En particulier, vous pouvez l'utiliser comme base spécifique (sorte de thème de départ) sur laquelle construire votre site.

conclusion

Au final, l'Astra semble être un thème très agréable à utiliser. Répondez aux promesses publiées sur votre site Web:

• facilement personnalisable.
• Élégant.
• aussi vite que l'éclair.

Cependant, dans la même catégorie, et bien que ce soit encore très subjectif, je préfère GeneratePress, que j'ai trouvé encore plus accessible et facile à utiliser, mais avec quelques options en moins.

Mais au final, les deux thèmes sont vraiment très similaires en termes de qualité.

Pour obtenir l'Astra, rendez-vous sur le site officiel via le bouton ci-dessous.

Site officiel d'Astra

A partir de maintenant, c'est à vous. J'aimerais beaucoup connaître votre point de vue.

Que pensez-vous d'Astra? Êtes-vous un utilisateur expérimenté ou prévoyez-vous de l'essayer après avoir lu notre test?