WordPress : thème Astra

image_pdf

Sorti en 2017 et disponible en version gratuite avec des options payantes (Astra Pro), le thème Astra est l’un des plus réputés (plus d’un million d’installations actives).

Quelques avantages …

  • de nombreux starters sites : + de 280 modèles (démos gratuites ou payantes)
  • très nombreuses options de personnalisation (couleurs, polices d’écriture, mise en page, styles d’en-tête, …)
  • personnalisation spécifique au niveau de chaque page (désactiver l’en-tête / pied de page, …)
  • compatibilité avec de nombreux constructeurs de pages (Gutenberg, Elementor, …)
  • optimisé WooCommerce (boutique en ligne)
  • optimisé en terme de temps de chargement ( < 50 kilo octets sans dépendance à jQuery)
  • adapté mobile
  • 100 % open source (le code est disponible sur un dépôt Github)
  • prêt pour la traduction (fichiers .po et .mo)

Il s’installe depuis le menu Apparence > Thèmes, Ajouter.

WordPress : thème Astra

Survolez sa vignette puis cliquez sur Installer et Activer.

Après avoir installé / activé Astra, rendez-vous dans le menu Apparence > Options Astra pour pouvoir …

  • configurer le thème via les liens vers les réglages de l’outil de personnalisation
  • activer les modules Astra Pro (payants)
  • installer les extensions recommandées
  • installer l’extension d’import des starter sites
  • accéder à la documentation du thème
  • créer un ticket de support technique
WordPress : options d'Astra

En cliquant sur le lien Installer l’extension d’importation vous procéder à l’installation de l’extension Starter Templates d’Astra.

WordPress : Astra, extension d'importation - choix du page builder
Astra, extension d’importation – choix du page builder
WordPress : Astra, extension d'importation - choix du starter site
Astra, extension d’importation – choix du starter site

Les starter sites sont également accessibles depuis ce lien : https://startertemplates.com

Ils vous feront gagner du temps.

Les modèles payant sont étiquetés avec le label PREMIUM.

Vous pouvez cliquer sur chaque modèle pour voir toutes les pages proposées.

WordPress : Astra, extension d'importation - import
Astra, extension d’importation – import

Par défaut, les extensions, images et paramètres seront importés.

Une fois le processus d’import finalisé, vous pouvez débuter la personnalisation du thème depuis le menu Apparence > Personnaliser et la modification des pages à partir du constructeur choisi (Elementor, …).


Quelques options de personnalisation …

  • Apparence > Personnaliser
    • > Global
      • > Typographie pour gérer vos polices d’écriture en fonction des éléments (titres H1, H2, …, paragraphes, …)
      • > Couleurs pour gérer les couleurs du site (en-tête, pied de page, …)
      • > Conteneur pour gérer la mise en page (pleine largeur, encadré, …)
      • > Boutons pour gérer le style des boutons (couleur, arrondi, …)
    • > Constructeur d’en-tête pour gérer les éléments présents dans l’en-tête et son design
    • > Blog
      • > Blog / Archive et Publication seule pour modifier les options d’affichage de vos articles (auteur, commentaires, …)
    • > Constructeur de pied de page pour gérer les éléments présents dans le pied de page et son design
Astra : Apparence > Personnaliser > Blog
Astra : Apparence > Personnaliser > Blog
Astra : Apparence > Personnaliser > En-tête transparent (constructeur d'en-tête)
Astra : Apparence > Personnaliser > En-tête transparent (constructeur d’en-tête)

Vous disposez ici de 3 lignes superposées pouvant être divisées en colonnes dans lesquelles vous placerez des éléments (Titre du site & logo, Menu principal, Button, …).

Le fonctionnement est similaire pour le constructeur de pied de page.


9 extensions gratuites

Astra : Extensions gratuites

Conseil : installez les extensions Recherche dans l’outil de personnalisation et Widgets d’Astra

Astra : recherche dans l'outil de personnalisation

Widgets d’Astra permet d’ajouter un widget d’affichage de votre adresse, des réseaux sociaux et icônes pour créer une liste.

Astra Widgets
Astra Widgets démo

Laisser un commentaire

Ce site utilise Akismet pour réduire les indésirables. En savoir plus sur comment les données de vos commentaires sont utilisées.