TechBlogSD - Tout pour le développement WordPress et WEB
Instructions WEB et WordPress, actualités, revues de thèmes et plugins

10 conseils pour personnaliser le thème Astra

18

Astra est l’un des thèmes les plus populaires disponibles dans le référentiel de thèmes WordPress gratuit. Il y a plus d’un million d’installations actives avec près de 5 étoiles de 5K+ utilisateurs. Vous pouvez facilement trouver ce thème dans la catégorie "Populaire" lorsque vous essayez d’installer un thème à partir du panneau d’administration. Si vous utilisez le thème Astra gratuit avec le module complémentaire Pro, voici quelques conseils pour personnaliser le thème et faire passer votre site au niveau supérieur.

10 conseils pour personnaliser le thème Astra

Astra propose la plupart des personnalisations via la section "Apparence> Personnaliser" similaire à tout autre thème WordPress standard. Cependant, vous pouvez facilement vous perdre avec des centaines d’options disponibles. En outre, il existe également des plugins supplémentaires et des modifications de mise en page possibles avec le thème Astra. Ici, nous allons lister les 10 meilleurs conseils pour personnaliser le thème Astra.

10 conseils pour personnaliser le thème Astra

Thème gratuit Astra

1 Télécharger des pages à partir de différents modèles de démarrage

Vous saurez qu’Astra propose des modèles de démarrage en tant que plugin séparé. Vous pouvez utiliser ce plugin pour installer l’un des modèles de démarrage prédéfinis au lieu de créer à partir de zéro. Cependant, si vous aimez plusieurs modèles, il est facile de ne récupérer que des pages particulières de cette démo. Par exemple, vous pouvez récupérer la page « Contact » d’une démo et la page « À propos de nous » d’une autre démo.

  • Après avoir activé le plugin Astra Pro, vous verrez une notification d’administrateur sur le plugin et d’autres sections pour utiliser des modèles de démarrage. Cliquez sur le bouton « Commencer » pour installer le plugin Starter Template. Alternativement, vous pouvez rechercher et installer le plugin à partir de la section du référentiel de plugins WordPress.

10 conseils pour personnaliser le thème Astra

Installer le plugin de modèle de démarrage Astra

  • Lorsque vous affichez les modèles de démonstration, vous pouvez voir deux options.

10 conseils pour personnaliser le thème Astra

Importer un modèle de page unique dans Astra

  • Vous pouvez soit importer le modèle complet, soit importer les modèles de page sélectionnés. De cette façon, vous pouvez importer uniquement les pages que vous aimez à partir de différents modèles de démonstration.
  • Vous verrez une invite informant que tous les plugins supplémentaires requis pour les modèles de page seront installés lorsque vous importerez le modèle.
  • Continuer plus loin importera le modèle de page et vous verrez un message de réussite comme ci-dessous.

10 conseils pour personnaliser le thème Astra

Modèle de page importé avec succès

  • De même, choisissez différents modèles parmi différentes démos à importer sur votre site.

Remarque : nous vous recommandons de choisir des modèles pour le même constructeur de pages comme Gutenberg ou Elementor. Cela vous évitera d’installer plusieurs plugins sur votre site. Tous les modèles de page importés seront à l’état de brouillon, vous devez modifier le contenu et publier les pages.

2 Ajouter le fil d’Ariane Yoast SEO ou Rank Math

Dans la plupart des cas, vous utiliserez le plugin Yoast SEO avec le thème Astra à des fins d’optimisation des moteurs de recherche. L’un des problèmes avec Yoast est que vous devez modifier manuellement le fichier modèle du thème (principalement single.php ou header.php) pour insérer un fil d’ Ariane. Cependant, le thème Astra résout ce problème pour vous en proposant cette option dans le personnalisateur. Allez dans la section "Apparence > Personnaliser" et sélectionnez la position de votre fil d’Ariane dans la section "Breadcrumb". Cliquez sur la liste déroulante "Source du fil d’Ariane" et choisissez l’option "Breadcrumbs Yoast SEO".

10 conseils pour personnaliser le thème Astra

Insérer le fil d’Ariane Yoast ou Rank Math

De même, vous pouvez également choisir l’option de fil d’Ariane du plugin Rank Math dans la liste déroulante des sources si vous utilisez ce plugin. C’est un moyen facile d’utiliser le fil d’Ariane existant du plugin sans modifier le fichier du thème.

Connexes : GeneratePress premium Vs Astra Pro – Quel est le meilleur thème pour vous ?

3 Insérer des balises en bas

Les prochains conseils sur le thème Astra sont destinés à ceux qui souhaitent modifier l’emplacement de l’affichage des balises sur des articles de blog uniques. Par défaut, le thème Astra vous permet d’insérer des méta-détails de publication sous le titre. Vous pouvez activer ou désactiver les méta-détails tels que les catégories, les balises, la date de publication, l’auteur et les commentaires.

10 conseils pour personnaliser le thème Astra

Affichage des balises dans Astra

De nombreux blogueurs WordPress utilisent plusieurs balises pour regrouper les articles. Dans ce cas, l’affichage de toutes les balises sous le titre du message peut occuper de l’espace et sembler encombré. Vous pouvez facilement déplacer les balises sous le contenu en insérant le code ci-dessous dans votre fichier functions.php. Assurez-vous d’utiliser le thème enfant Astra et insérez le code dans le fichier functions.php de votre thème enfant.

// removes the tags in meta below the title add_filter( 'astra_post_tags', 'remove_tags_callback' ); function remove_tags_callback(){ return ' '; } add_action('wp', 'tags_call_back'); function tags_call_back(){ if( is_single()) { add_action( 'astra_entry_bottom', 'add_tags_callback'); } } // display the tags with link at the respective action hook function add_tags_callback(){ $output = ''; $tags_list = get_the_tag_list( '', __( ', ', 'astra') ); if ($tags_list) { $output .= ''. $tags_list. ''; } if(! empty($tags_list)) { echo 'Tags: '. $output. ''; } }

4 Afficher la date de la dernière mise à jour

Le thème Astra offre une option pour afficher ou masquer la date de publication sur vos articles de blog et pages d’archives. Cependant, de nombreux blogueurs préfèrent afficher la dernière date de mise à jour au lieu de la date de publication d’origine en tant que métadonnées. Désactivez d’abord l’option de date de publication et insérez le code ci-dessous dans votre fichier functions.php pour afficher la dernière date mise à jour.

function your_prefix_post_date( $output) { $output = ''; $format = apply_filters( 'astra_post_date_format', '' ); $modified_date = esc_html( get_the_modified_date( $format) ); $modified_on = sprintf( esc_html( '%s' ), $modified_date ); $output .= ''; $output .= ' '. $modified_on. ''; $output .= ''; return $output; } add_filter( 'astra_post_date', 'your_prefix_post_date' );

Par défaut, WordPress vous permet d’utiliser une seule barre latérale sur tout votre site. Cependant, cela peut ne pas être le cas d’utilisation pour tous les propriétaires de sites. Il se peut que vous ayez des catégories complètement différentes et que vous souhaitiez afficher des barres latérales différentes pour chaque catégorie. Allez dans la section "Apparence> Options Astra" et faites défiler jusqu’à la section "Étendre Astra avec des plugins gratuits".

10 conseils pour personnaliser le thème Astra

Plugin du gestionnaire de barre latérale

Cliquez sur le lien « Activer » contre « Gestionnaire de la barre latérale ». Cela installera et activera le plugin sur votre site et naviguera vers la page "Paramètres" du plugin. Ici, vous pouvez créer une nouvelle barre latérale et remplacer votre barre latérale par défaut. Cliquez sur le menu déroulant « Afficher sur » et sélectionnez « Pages spécifiques / Articles / Taxonomies, etc. » option. Ensuite, choisissez "Tous les singuliers de votre catégorie" pour afficher la barre latérale uniquement pour cette catégorie particulière.

10 conseils pour personnaliser le thème Astra

Barre latérale personnalisée pour des catégories spécifiques

6 Désactiver le chargement du fichier d’icônes de police

Le thème Astra utilise un fichier de polices à utiliser sur les icônes de navigation. Ce fichier peut créer des problèmes tels que des demandes de clé de préchargement et un changement de mise en page cumulatif dans l’outil Google PageSpeed ​​Insights. Vous pouvez facilement désactiver le fichier de police sur votre site en ajoutant le code ci-dessous dans le fichier functions.php de votre thème enfant.

add_filter( 'astra_enable_default_fonts', '__return_false' );

7 Mise en cache WooCommerce

Si vous utilisez WooCommerce, dans la plupart des cas, il ne fonctionnera pas de manière réactive avec le thème Astra lors de l’utilisation avec des plugins de mise en cache comme WP Rocket. Cela créera des problèmes sur les appareils mobiles que les pages de produits et de boutique se chargeront de la même manière que les ordinateurs de bureau. Vous pouvez consulter notre article sur la façon d’exclure les pages WooCommerce de la mise en cache pour vous assurer que les pages de votre boutique se chargent correctement sur les mobiles.

8 Générateur d’en-tête et de pied de page

Le dernier addon pro a un magnifique constructeur d’en-tête et de pied de page. Vous pouvez utiliser ces options pour créer vos mises en page d’en-tête et de pied de page selon vos besoins. Après avoir activé l’addon Pro, accédez à la section "Apparence> Personnaliser" et commencez à créer vos sections de générateur d’en-tête et de pied de page.

10 conseils pour personnaliser le thème Astra

Générateur d’en-tête de thème Astra

De plus, vous pouvez également activer l’option "En-têtes de page" dans la section "Apparence > Options Astra". Cela vous aidera à créer des en-têtes de page individuels ou à l’échelle du site dans la section "Apparence > Options Astra > En-têtes de page > Ajouter un nouveau".

10 conseils pour personnaliser le thème Astra

Générateur d’en-tête de page dans Astra

9 Utilisez le plugin Hooks pour insérer du code

Les prochains conseils sur le thème Astra s’adressent à ceux qui souhaitent insérer des extraits de code sur leur site. Les utilisateurs de thème Pro peuvent utiliser l’option de mise en page personnalisée pour insérer Google Analytics et d’autres insertions de mise en page. Si vous êtes un utilisateur de thème gratuit, vous devez installer les plugins Astra Hooks pour insérer du code dans les sections d’en-tête et de pied de page.

10 conseils pour personnaliser le thème Astra

Astra Hooks Plugin

Après avoir installé et activé le plugin "Astra Hooks", il ajoutera automatiquement des options supplémentaires dans la section de personnalisation WordPress sous la section "Hooks". Vous pouvez insérer des codes à l’échelle du site dans l’en-tête, le pied de page, la barre latérale, les commentaires ou la zone de contenu.

10 conseils pour personnaliser le thème Astra

Utiliser les crochets Astra

Connexe : Top 7 des thèmes de portfolio WordPress.

10 Utiliser une mise en page personnalisée pour insérer des sections

Les utilisateurs professionnels peuvent utiliser la fonction de mise en page personnalisée pour insérer du contenu HTML et script n’importe où sur le site sans le plug-in Astra Hooks. Après avoir activé l’option « Mise en page personnalisée », vous pouvez créer une section de mise en page et l’insérer en fonction des règles. Vous pouvez insérer du code Google Analytics à l’ aide de l’action wp_head. Assurez-vous de cliquer sur le bouton « Éditeur de code WordPress » dans la barre d’administration supérieure lors de l’insertion de codes. Cela vous aidera à utiliser les guillemets simples et doubles appropriés dans votre code.

De plus, vous pouvez insérer des sections personnalisées sur n’importe quel article ou page après un certain nombre de blocs ou avant un certain nombre de blocs d’en-tête. Ceci est utile pour insérer des bannières publicitaires ou affiliées à une position prédéfinie sur la mise en page de votre site.

10 conseils pour personnaliser le thème Astra

Créer une mise en page personnalisée dans le thème Astra

Derniers mots

La beauté du thème Astra est qu’il ajoute moins de 50 Ko de taille lors du chargement sur le navigateur. Cependant, cela ne signifie pas que vous devez vivre avec un simple site WordPress minimaliste. Vous pouvez utiliser des crochets ou des mises en page personnalisées et importer des modèles de démarrage pour créer de beaux sites comme tout autre thème WordPress commercial.

Source d’enregistrement: www.webnots.com
Leave A Reply

Ce site utilise des cookies pour améliorer votre expérience. Nous supposerons que cela vous convient, mais vous pouvez vous désinscrire si vous le souhaitez. J'accepte Plus de détails