Une revue de thème Astra honnête • WPShout

By | juin 9, 2020

Formation gratuite WordPress

Vous trouverez ci-dessous notre examen approfondi du thème Astra, mais si vous recherchez une version TL; DR, c'est la suivante: ils font quelque chose de bien.

Il n'y a pas si longtemps, les thèmes WordPress les plus populaires étaient ceux qui offraient tout sauf l'évier de cuisine dans leurs options de thème. Maintenant, avec l'essor des plugins de création de pages et de Gutenberg lui-même, le pendule a basculé dans l'autre sens. Le minimalisme est désormais à l'ordre du jour.

Il est certainement préférable que les thèmes sous-traitent les fonctionnalités aux plugins, mais il est tout aussi important que les thèmes n'entravent pas le fonctionnement des plugins. Personne ne veut un site lent, bogué ou difficile à modifier.

Alors, qu'est-ce qu'un thème comme Astra a à offrir dans l'écosystème WordPress actuel?

Thème Astra sur WordPress.org

J'ai décidé d'examiner les caractéristiques suivantes que je pense qu'il est important d'avoir dans un thème:

  • Vitesse de chargement rapide
  • Bien codé
  • Bonne documentation
  • Sites de démarrage
  • Personnalisation facile du thème
  • Intégrations de plugins

De plus, j'ai vérifié ce que vous obtenez avec Astra Pro, examiné le type de sites que vous pouvez créer avec Astra et évalué la façon dont Astra se compare à trois de ses thèmes rivaux, GeneratePress, OceanWP et le thème Beaver Builder.

Astra a une version gratuite simple à configurer et à utiliser, ainsi qu'une version professionnelle complète, donc si vous êtes du type pratique, obtenez Astra maintenant et commencez à l'expérimenter pendant que vous lisez notre critique.

Avec cela, commençons avec cette revue de thème Astra!

Astra et vitesse de page

Thème Astra sur une installation vanille de WordPress

Thème Astra sur une installation vanille de WordPress

Astra prétend être très maigre, avec un temps de chargement de 0,5 s.

L'une des raisons pour lesquelles Astra se charge rapidement est qu'il n'utilise pas jQuery. Il appelle également moins de 50 Ko de ressources supplémentaires, contre 300 Ko pour certains autres thèmes.

Dans un test de vitesse WP Rocket sur dix thèmes, Astra était le deuxième plus rapide des thèmes testés, avec un temps de chargement de 1,599 secondes.

Évidemment, la vitesse de votre site fini dépendra d'autres facteurs comme votre choix d'hébergement et les plugins que vous utilisez.

Qualité du code Astra

Même si vous prévoyez d'utiliser un constructeur de page pour créer la majorité de votre site, il est logique d'utiliser un thème bien codé comme colonne vertébrale.

Astra est basé sur le thème Underscores d'Automattic, qui est la base des récents thèmes WordPress par défaut. Cela signifie que le thème est présenté de manière logique et ordonnée.

Dossier de thèmes et structure de fichiers Astra

Parce qu'il dérive de Underscores, Astra possède la plupart des fonctionnalités d'un thème prêt pour l'accessibilité, mais malheureusement pas toutes. Astra manque deux choses: un lien de navigation visible lorsque le clavier est utilisé et des liens soulignés dans le contenu principal. Du côté positif, les sous-menus sont accessibles au clavier et vous pouvez activer le fil d'Ariane pour une navigation plus facile.

Astra a de nombreux crochets à thème, qui profitent aux développeurs qui souhaitent ajouter leur propre contenu. Il prend également en charge le balisage de schéma, ce qui facilite le référencement de votre site.

Si vous souhaitez contribuer au thème, Astra est disponible publiquement sur GitHub.

Documentation Astra

Il n'y a rien de plus frustrant que de commencer avec un nouveau thème et de constater que vous avez du mal à le configurer car la documentation est pauvre.

Heureusement, ce n'est pas le cas avec la base de connaissances d'Astra: elle est entièrement complète. De nombreux articles ont des captures d'écran annotées, et certains ont des didacticiels vidéo. C'est à la fois un point fort important et utile à aborder pour notre examen du thème Astra.

Si vous avez besoin d'aide pour obtenir Astra comme vous le souhaitez, il existe une section entière sur les extraits de code personnalisés que vous pouvez ajouter à votre site.

Documentation sur les extraits de code personnalisés Astra

Sites de démarrage Astra

Astra note une façon de disposer d'une grande bibliothèque de modèles prédéfinis utilisant différents constructeurs de pages: Beaver Builder, Elementor, Gutenberg ou Brizy. Lisez notre revue des meilleurs constructeurs de pages WordPress ici.

4 modèles de démarrage Astra pour Beaver Builder

Quatre modèles de démarrage Astra pour Beaver Builder

Le démarrage d'un site avec les sites de démarrage Astra vous évite de créer des mises en page complexes. Naturellement, vous devrez modifier les images et le contenu de la démonstration, mais même ainsi, vous pouvez créer un site Web d'aspect professionnel en peu de temps.

Les importations sont fluides et rapides, avec tous les plugins requis installés et activés automatiquement. Une fonctionnalité que j'aime est que vous pouvez importer un site entier à la fois plutôt qu'une page individuelle, ce qui peut vous faire gagner beaucoup de temps dans WordPress.

En prime, lorsque vous installez un site de démarrage (via le plugin Modèles de démarrage), vous avez accès à la bibliothèque d'images complète de Pixabay depuis votre bibliothèque multimédia, ce qui vous fait gagner du temps pour trouver des images de stock.

Images gratuites de l'onglet Pixabay dans la médiathèque

Personnalisation Astra

Le Customizer d'Astra offre une multitude d'options. Pour commencer, vous pouvez changer les couleurs principales du thème, utiliser les polices Google et changer la disposition des articles et des pages. Il existe des zones de widget d'en-tête, de barre latérale et de pied de page.

De nombreux thèmes vous permettent simplement de télécharger un logo et c'est tout. Pas Astra! Vous pouvez ajouter un logo à gauche ou à droite du menu principal ou le centrer au-dessus du menu. Vous pouvez également modifier la largeur du logo et télécharger différentes versions pour les écrans Retina ou mobiles.

En-tête principal Astra avec logo centré et titre du site

Un autre problème gênant avec certains thèmes est qu'ils rendent difficile la personnalisation du pied de page. Avec les paramètres de la barre de pied de page d'Astra, vous pouvez avoir une ou deux sections de barre de pied de page. Chacun peut contenir du texte, un widget ou le menu de pied de page. À bon escient, les créateurs d'Astra ont inclus un shortcode pour l'année en cours. (Je suis toujours étonné que le thème Divi n'offre pas cela!)

Personnalisation de la barre de pied de page dans le thème Astra

Astra propose des en-têtes transparents en tant que fonctionnalité gratuite, vous pouvez donc étirer l'image d'arrière-plan dans la zone d'en-tête. Vous pouvez également appliquer une couleur et une transparence à l'en-tête.

Paramètres de personnalisation de l'en-tête transparent Astra

Le menu mobile est une icône de base de hamburger, mais vous pouvez changer cela. Par exemple, j'ai modifié le point d'arrêt auquel le menu mobile apparaît, j'ai ajouté le mot «Menu» à l'icône et lui ai également donné un contour aux coins arrondis.

Astra Mobile Menu Customizer

Menu mobile Astra personnalisé à l'avant

Intégrations du plugin Astra

Les fabricants d'Astra ont travaillé dur pour le rendre compatible avec les plugins populaires. Comme mentionné, Astra fonctionne très bien avec les créateurs de pages. Le thème a une barre latérale droite par défaut, mais vous pouvez la désactiver pour créer des mises en page pleine largeur sur les pages et autres types de contenu, ou sur l'ensemble du site.

Si vous créez un site de commerce électronique, Astra est un bon choix à utiliser pour une boutique WooCommerce. Le thème Astra s'appuie sur les options par défaut de WooCommerce pour vous donner plus de contrôle sur l'apparence de votre boutique et des pages de produits. Si vous ne disposez que de produits téléchargeables, Astra prend également en charge le plugin Easy Digital Downloads.

Astra Organic Store construit avec Elementor

Astra Organic Store construit avec Elementor

Travailler dans l'espace e-learning? Ensuite, vous constaterez qu'Astra s'intègre de manière transparente aux plugins LearnDash et Lifter LMS.

Astra Pro en vaut-il la peine?

Je ne pouvais pas écrire notre revue de thème Astra WordPress sans l’évaluer uniquement du point de vue coût / valeur. Bien que le thème Astra de WordPress.org soit gratuit, certains de ses éléments les plus puissants sont inclus dans ses mises à niveau payantes.

Il existe trois niveaux de mise à niveau: Astra Pro, Astra Mini Agency Bundle et Astra Agency Bundle.

Avec Astra Pro, vous avez accès à davantage de modèles de sites de démarrage, bien que certains des meilleurs soient réservés aux abonnés du Bundle Agency.

Mais pour la plupart des gens, la principale raison d'acheter Astra Pro est les fonctionnalités Pro. Alors, qu'obtenez-vous?

Modules Astra Pro

Astra Pro comprend 18 modules sur lesquels vous pouvez basculer pour des options de personnalisation supplémentaires. Quatre d'entre eux nécessitent d'avoir les plugins appropriés.

  1. Couleurs et fond
  2. Typographie
  3. Espacement
  4. Blog Pro
  5. En-tête mobile
  6. Sections d'en-tête
  7. Menu Nav
  8. En-tête collant
  9. En-têtes de page
  10. Mises en page personnalisées
  11. Disposition du site
  12. Widgets de pied de page
  13. Faire défiler vers le haut
  14. WooCommerce
  15. Téléchargements numériques faciles
  16. LearnDash
  17. LifterLMS
  18. Marque blanche

Bien que vous puissiez faire des choses comme changer les couleurs ou ajouter un lien Haut de page vous-même, l'utilisation d'Astra Pro est plus rapide et plus facile.

Les fonctionnalités d'Astra Pro qui ont attiré mon attention étaient les suivantes:

Blog Pro

La page de blog d'Astra est assez basique, il est donc agréable de l'intensifier un peu. En utilisant Astra Pro, j'ai ajouté une disposition en maçonnerie pour les messages et une date dans un cercle pour chacun.

Disposition de maçonnerie de poteau à deux colonnes Astra Pro avec boîte de date circulaire

Mises en page personnalisées

Avec les mises en page personnalisées, vous pouvez injecter du contenu à peu près n'importe où dans votre site Astra. Cette fonctionnalité vaut probablement le prix d'Astra Pro seule.

Ce qui est vraiment bien, c'est que vous pouvez ajouter du contenu à une mise en page personnalisée à l'aide de votre générateur de page préféré. Voici une page 404 que j'ai construite avec Astra Pro et Beaver Builder:

Mise en page personnalisée de la page Astra Pro 404

Utilisation de dispositions personnalisées avec des crochets

Les mises en page personnalisées permettent de profiter facilement des nombreux crochets thématiques d'Astra. Le guide visuel du crochet d'Astra vous aidera à trouver le bon endroit pour votre nouveau contenu.

J'ai utilisé une mise en page personnalisée avec des crochets pour ajouter une offre spéciale aux utilisateurs qui s'étaient connectés à une boutique en ligne.

Une disposition personnalisée Astra Pro utilisant un crochet d'en-tête pour afficher un message aux utilisateurs connectés

Une disposition personnalisée Astra Pro utilisant un crochet d'en-tête pour afficher un message aux utilisateurs connectés

Voici comment je l'ai fait:

1. Ajoutez une nouvelle disposition personnalisée et utilisez le bouton Activer l'éditeur de code.Présentation personnalisée d'Astra Pro - activer l'éditeur de code

2. Ajoutez le code suivant à la case intitulée :

<? php
$ current_user = wp_get_current_user ();
printf ('
Bienvenue,% s!
', esc_html ($ current_user-> user_firstname)); imprimer ('Économisez 10% supplémentaires sur votre commande avec le code promo SAVE10
'); ?>

3. Sélectionnez Crochets dans la liste déroulante Disposition des paramètres de disposition personnalisés et définissez les options suivantes:
action: header_after
Affichage activé: Site Web entier
Rôles d'utilisateur: ConnectéParamètres de mise en page personnalisée Astra
J'utilise un crochet plutôt que la disposition d'en-tête, car si je choisissais l'en-tête, le contenu que j'ajoutais remplacerait l'intégralité de l'en-tête.

4. Ajoutez le CSS suivant:

.Bienvenue 

fond: rgb (96, 43, 183);

couleur: #fff;

alignement du texte: centre;

rembourrage: 5px 0px;

Avec le paramètre Afficher activé, vous pouvez ajouter du contenu destiné à s'afficher uniquement sur des pages particulières. Avec la possibilité de combiner des règles d'affichage et d'ajouter des règles d'exclusion (Ne pas afficher), vous disposez d'un outil très puissant.

Le plugin Astra Hooks fait un travail similaire, mais vous devrez ajouter le code conditionnel vous-même.

Sections d'en-tête

Les sections d'en-tête sont utiles pour ajouter du contenu au-dessus ou en dessous du menu d'en-tête qui s'affiche sur chaque page, comme un menu secondaire.

Le site Web d'Astra comprend un exemple de menu d'en-tête ci-dessus.

Menu d'en-tête Astra

Marque blanche

Si vous créez un site client et que vous ne voulez pas que votre client sache que vous utilisez Astra, vous pouvez renommer le thème comme vous le souhaitez. Cela ne modifie pas le code du thème. Par conséquent, vous ou votre client verrez toujours les mises à jour lorsqu'elles seront disponibles.

WooCommerce

Avec Astra Pro, vous pouvez optimiser la page de paiement WooCommerce pour empêcher l'abandon du panier en activant ces options:

  1. Paiement en deux étapes: divise le processus de paiement en deux étapes pour éviter les dépassements et faciliter la finalisation de l'achat.
  2. Paiement sans distraction: supprime le menu d'en-tête afin de se concentrer sur l'achat du produit.
  3. Données de formulaire de paiement persistantes: conserve les données du formulaire si la page est rechargée.

Exemples de thèmes Astra

Un examen du thème WordPress Astra ne serait pas complet sans une vitrine d'exemples de thèmes. Il convient de savoir que Astra est utilisé par certains des noms les plus fiables de l'espace WordPress, tels que Chris Lema, GoWP et WP Elevation.

La plupart des sites qui utilisent Astra utilisent un constructeur de page. Voici quelques exemples montrant la grande variété de sites Web que vous pouvez créer.

Exemples de thèmes Astra utilisant Beaver Builder

Jardinage: 1001 jardins

1001 Gardens

Commerce électronique: Crazy Love Bath

Bain d'amour fou

Éducation: Des Moines University Medicine & Health Sciences

Des Moines University Medicine & Health Sciences

Photographie: Tisha Landrum

Tisha Landrum

Exemples de thèmes Astra utilisant Elementor

Nos portes: Achill Surf

Achill Surf

Commerce électronique: Modo Payments

Paiements Modo

Légal: 36 ADR

Sport: Jamaïque Sidekicks Taekwondo

Jamaïque Sidekicks Taekwondo

Astra contre GeneratePress

La dernière partie de notre examen honnête du thème Astra va se concentrer sur la façon dont il se rapproche de thèmes similaires parmi lesquels les développeurs choisissent lorsqu'ils envisagent Astra.

Voyons maintenant comment Astra s'en sort avec d'autres thèmes similaires. Le premier est GeneratePress.

Pour Astra vs GeneratePress, comment se comparent-ils?

Dans le test de vitesse de WP Rocket, GeneratePress était en tête de tous les thèmes testés. L'installation du thème par défaut est inférieure à 30 Ko.

Comme Astra et Ocean WP, GeneratePress a de nombreux crochets thématiques. Le thème est également basé sur Underscores. Encore une fois, il est vraiment proche d'avoir la balise prête pour l'accessibilité, mais ne le fait pas tout à fait.

La documentation de GeneratePress est vraiment claire et facile à suivre, avec une bonne utilisation des images.

Un inconvénient de GeneratePress est que vous avez besoin du plugin GP Premium payant pour installer les sites de démarrage. Il existe également un plus petit nombre de sites par rapport à Astra, et certains d'entre eux nécessitent des versions payantes de Beaver Builder ou Elementor.

GeneratePress Elementor Sites gratuits

GeneratePress est assez facile à personnaliser. Il y a quelques fonctionnalités utiles intégrées dans le thème gratuit, comme la possibilité d'ajouter une recherche à la navigation principale, plusieurs dispositions de contenu / barre latérale et la mise en cache CSS. Mais les options sont limitées par rapport à Astra gratuit.

Peut-être parce que son développement a commencé plus tôt, GeneratePress n'est pas aussi flexible que Astra pour l'intégration avec des plugins. Cela fonctionne très bien avec Beaver Builder et Elementor. GeneratePress dispose également d'un module WooCommerce, mais cela nécessite le GP Premium payant.

Sur le plan positif, GP Premium est moins cher que Astra Pro. Il peut également être utilisé sur des sites illimités.

OceanWP vs Astra

Comme Astra, OceanWP est un thème WordPress minimal et populaire. Alors, quelle est la qualité de OceanWP vs Astra?

OceanWP est également à chargement rapide – il est arrivé troisième dans les tests de vitesse de WP Rocket.

Comme Astra et GeneratePress, OceanWP utilise Underscores comme base, il est donc solidement codé. Il a une large gamme de crochets à thème.

La documentation d'OceanWP pourrait mieux expliquer les extensions gratuites et premium. J'ai également trouvé confus de lire par endroits. Par exemple, pour créer un nouveau pied de page, j'ai d'abord été invité à créer un nouveau modèle dans Ma bibliothèque. Ensuite, l'étape suivante a déclaré: «Pour ajouter du contenu dans le modèle de pied de page, il existe des widgets disponibles comme des liens personnalisés, MailChimp, À propos de moi, Coordonnées, Menu personnalisé, etc." Je n'avais aucune idée de ce qu'ils voulaient dire.

En ce qui concerne les sites de démarrage, OceanWP est pire que Astra. Tout d'abord, il n'y a que 13 sites de démonstration que vous pouvez importer si vous utilisez le thème gratuit d'OceanWP, un choix beaucoup plus limité que les sites de démarrage gratuits d'Astra. De plus, certaines des démos comme la démo du Store nécessitent que vous achetiez les extensions premium d'OceanWP pour reproduire exactement la démo, ce que j'ai trouvé un peu fallacieux.

Sites de démonstration gratuits OceanWP

En ce qui concerne la personnalisation, OceanWP vous offre gratuitement certaines choses qu'Astra ne propose que si vous payez. Vous obtenez une barre supérieure personnalisable au-dessus du logo et du menu principal, plus un lien Retour en haut.

Comme Astra, OceanWP a été conçu pour convenir aux créateurs de pages, en particulier Elementor. Il offre également de nombreuses options de personnalisation pour WooCommerce, bien que certaines d'entre elles nécessitent des extensions payantes.

Fonctionnalités OceanWP WooCommerce pour stimuler les conversions

Fonctionnalités OceanWP WooCommerce pour stimuler les conversions

Un autre point à noter est que si vous décidez de mettre à niveau, les versions payantes d'Astra peuvent être utilisées sur un nombre illimité de sites, tandis que le modèle de tarification d'OceanWP autorise un maximum de 25 sites si vous souscrivez au plan de l'agence.

Thème Astra vs Beaver Builder

Un autre thème que nous aimons assez bien, et que nous avons déjà examiné, est le thème Beaver Builder. Codé par la même équipe qui a construit le plugin Beaver Builder page builder (ainsi qu'un autre plugin appelé Beaver Themer), le thème Beaver Builder apporte, avant tout, des éléments exceptionnels fiabilité: il fait exactement ce qu'il dit qu'il fera, et il ne réserve pas de mauvaises surprises.

Comment Astra se compare-t-il au thème Beaver Builder? Nous avons créé des sites Web dont nous sommes très heureux d'utiliser les deux thèmes comme point de départ. Cela se résume au compromis suivant:

  • Astra est un peu plus riche en fonctionnalités. Par exemple, le thème Beaver Builder n'a pas un point de départ presque aussi riche que les sites de démarrage d'Astra.
  • Astra est légèrement plus sujet aux bugs. Par exemple, sa gestion des points d'arrêt mobiles peut être légèrement incohérente.

Si nous construisions un site pour un énorme client, nous serions enclins à utiliser le thème Beaver Builder pour nous assurer qu'il n'y a absolument aucune surprise ou coin caché. Si nous construisions un site pour nous-mêmes ou pour un client de petite à moyenne taille, nous utiliserions Astra pour la commodité et les gains de temps supplémentaires.

Revue du thème Astra – le verdict

Après une analyse approfondie et un examen de notre examen du thème Astra, nous lui donnons le coup de pouce. Astra a maintenant atteint plus de 800 000 installations actives et plus de 3 500 avis cinq étoiles, donc les créateurs du thème doivent faire quelque chose de bien!

Je pense que la gamme de sites de démarrage Astra et de personnalisations de thèmes gratuites est un gros tirage. Les intégrations d'Astra avec des plugins populaires, en particulier les constructeurs de pages, ont également été bien pensées. Brainstorm Force a construit plusieurs plugins pour étendre les constructeurs de pages, et ça se voit.

Astra Pro étend considérablement les capacités d'Astra et à un coût très raisonnable par rapport au fait de le faire vous-même. Ma fonctionnalité préférée est le module Custom Layouts, qui vous accorde des pouvoirs de manipulation de thème de super-héros.

Si tout cela vous semble bien, essayez Astra aujourd'hui. Vous pouvez commencer avec leur version gratuite et explorer à partir de là, ou tout simplement faire le (petit) plongeon et commencer à jouer avec la version complète.

Et si vous recherchez un générateur de pages à associer à Astra, nous vous recommandons Beaver Builder. Et si vous voulez savoir comment créer un site WordPress sans codage, jetez un œil au didacticiel de Fred qui utilise Astra Pro.