Tutoriels WordPress avec le Thème Astra
Voici une série de tutoriels détaillés basés sur WordPress avec le thème Astra. Chaque tutoriel est structuré de manière claire et étape par étape. Ces tutoriels supposent que vous avez activé le thème Astra.
Table des matières
- Apparence
- Créer ou modifier l’identité du site (slogan, icône, logo)
- Modifier l’en-tête (texte, photo et vidéo)
- Modifier l’emplacement du menu principal
- Activer les réseaux sociaux
- Gérer les widgets en pied de page et en colonne latérale de blog
- Personnaliser la structure des pages ou des articles avec une colonne latérale
- Contenu
- Créer, modifier, publier et supprimer un article, une page et une catégorie
- Utiliser les blocs : titre, paragraphe, bouton, bannière, image, galerie, tableau, flux rss, calendrier, audio, fichier
- Utiliser des blocs spécifiques Spectra sans prendre en compte les fonctionnalités avancées : slider, formulaire (form), FAQ, Témoignages (testimonials), équipe (Team), Google Map, Countdown
- Ajouter un média (photo, vidéo, audio)
- Insérer et modifier une galerie
- Créer et insérer des liens internes et externes
- Créer un pop up via Spectra Pop Up Builder (Constructeur de fenêtre surgissante)
- Epingler un article
- Modérer et répondre à un commentaire
- Générer et compléter une page de politique de confidentialité
- Image et vidéo
- Menu
- Navigation
- Référencement naturel (SEO)
- Utilisateurs
Apparence
Créer ou modifier l’identité du site (slogan, icône, logo)
- Allez dans Apparence > Personnaliser.
- Sélectionnez Identité du site.
- Modifiez le Titre du site et le Slogan.
- Pour l’icône du site (favicon), cliquez sur Icône du site et téléchargez une image (idéalement 512×512 pixels).
- Pour le logo, cliquez sur Logo et téléchargez votre image. Avec Astra, vous pouvez ajuster la largeur du logo.
- Publiez les modifications. Le thème Astra intègre ces éléments de manière responsive.
Modifier l’en-tête (texte, photo et vidéo)
- Allez dans Apparence > Personnaliser.
- Choisissez En-tête > En-tête principal.
- Pour ajouter du texte, modifiez les options de titre ou ajoutez un widget texte via Widgets.
- Pour une photo, sélectionnez Image d’arrière-plan et téléchargez une image.
- Pour une vidéo, utilisez un bloc vidéo dans une page personnalisée ou intégrez via un plugin comme Spectra (inclus avec Astra). Téléchargez la vidéo dans la bibliothèque média, puis insérez-la comme arrière-plan via les options avancées d’Astra.
- Ajustez la transparence, la position et publiez. Astra supporte les en-têtes transparents pour un look moderne.
Modifier l’emplacement du menu principal
- Allez dans Apparence > Personnaliser.
- Sélectionnez En-tête > Menu principal.
- Choisissez l’emplacement : au-dessus de l’en-tête, en dessous, ou intégré (options Astra spécifiques).
- Ajustez l’alignement (gauche, centre, droite) et activez le mode sticky si désiré.
- Publiez. Astra permet une personnalisation fine sans code.
Activer les réseaux sociaux
- Allez dans Apparence > Personnaliser.
- Sélectionnez En-tête > Icônes sociales (ou installez Spectra si non disponible).
- Activez les icônes et ajoutez les URL de vos profils (Facebook, Twitter, etc.).
- Choisissez la position : en-tête, pied de page ou barre latérale.
- Personnalisez les couleurs et tailles via Astra. Publiez.
Gérer les widgets en pied de page et en colonne latérale de blog
- Allez dans Apparence > Widgets.
- Pour le pied de page, sélectionnez une zone Footer Widget (Astra en propose plusieurs colonnes).
- Ajoutez des widgets (texte, image, etc.) en les glissant dans la zone.
- Pour la colonne latérale du blog, sélectionnez Blog Sidebar et ajoutez des widgets.
- Prévisualisez et enregistrez. Astra optimise les widgets pour la responsivité.
Personnaliser la structure des pages ou des articles avec une colonne latérale
- Allez dans Apparence > Personnaliser > Mise en page.
- Choisissez Conteneur et activez la colonne latérale (sidebar) pour les pages ou articles.
- Sélectionnez la largeur : pleine largeur, contenu encadré, ou avec sidebar gauche/droite.
- Appliquez globalement ou par type de contenu. Avec Astra, utilisez les options avancées pour des layouts personnalisés sans code.
Contenu
Créer, modifier, publier et supprimer un article, une page et une catégorie
- Pour un article : Allez dans Articles > Ajouter.
- Rédigez le contenu avec l’éditeur Gutenberg. Publiez ou enregistrez comme brouillon.
- Modifiez via Articles > Tous les articles, cliquez sur « Modifier ».
- Supprimez en sélectionnant et choisissant « Mettre à la corbeille ».
- Pour une page : Pages > Ajouter. Procédez de même.
- Pour une catégorie : Articles > Catégories, ajoutez ou modifiez.
Utiliser les blocs : titre, paragraphe, bouton, bannière, image, galerie, tableau, flux rss, calendrier, audio, fichier
- Dans l’éditeur Gutenberg (article ou page), cliquez sur « + » pour ajouter un bloc.
- Sélectionnez : Titre pour les headings, Paragraphe pour le texte, Bouton pour les appels à action.
- Bannière : Utilisez « Couverture » pour une image avec texte superposé.
- Image, Galerie, Tableau, Flux RSS, Calendrier, Audio, Fichier : Ajoutez et configurez (ex. : upload pour image/audio/fichier).
- Ajustez les paramètres (alignement, styles) et publiez. Astra rend ces blocs responsifs.
Utiliser des blocs spécifiques Spectra sans prendre en compte les fonctionnalités avancées : slider, formulaire (form), FAQ, Témoignages (testimonials), équipe (Team), Google Map, Countdown
- Installez Spectra (gratuit, compatible Astra) via Extensions > Ajouter.
- Dans l’éditeur, ajoutez un bloc Spectra : Slider pour des diapositives, Form pour un formulaire basique.
- FAQ pour questions/réponses, Testimonials pour avis, Team pour profils d’équipe.
- Google Map pour cartes, Countdown pour compte à rebours.
- Configurez les bases (contenu, images) sans options avancées, et publiez.
Ajouter un média (photo, vidéo, audio)
- Dans l’éditeur, cliquez sur « + » et sélectionnez Image, Vidéo ou Audio.
- Téléchargez depuis votre ordinateur ou la bibliothèque.
- Ajustez la taille, l’alignement. Publiez.
Insérer et modifier une galerie
- Ajoutez un bloc Galerie dans l’éditeur.
- Téléchargez ou sélectionnez des images.
- Modifiez le layout (colonnes, légendes) via les options du bloc.
- Publiez.
Créer et insérer des liens internes et externes
- Sélectionnez du texte dans l’éditeur.
- Cliquez sur l’icône lien (chaîne).
- Pour interne : Recherchez une page/article. Pour externe : Collez l’URL.
- Ajoutez des options (ouvrir dans nouvel onglet). Publiez.
Créer un pop up via Spectra Pop Up Builder (Constructeur de fenêtre surgissante)
- Installez Spectra si nécessaire.
- Allez dans Spectra > Popups (ou via l’éditeur).
- Créez un nouveau popup : Choisissez un template, ajoutez du contenu (texte, image).
- Définissez les déclencheurs (sur clic, au chargement). Publiez et intégrez via shortcode ou bloc.
Epingler un article
- Allez dans Articles > Tous les articles.
- Cliquez sur « Modification rapide » pour l’article désiré.
- Cochez Épingler en haut du blog.
- Mettez à jour.
Modérer et répondre à un commentaire
- Allez dans Commentaires.
- Pour modérer : Approuvez, marquez comme spam ou supprimez.
- Pour répondre : Cliquez sur « Répondre » et rédigez votre message.
Générer et compléter une page de politique de confidentialité
- Allez dans Réglages > Confidentialité.
- Cliquez sur « Créer » pour générer une page basique.
- Modifiez la page via Pages, ajoutez des détails personnalisés.
- Publiez et définissez comme page de confidentialité.
Image et vidéo
Utiliser une bibliothèque média
- Allez dans Médias > Bibliothèque.
- Téléchargez ou visualisez les fichiers existants.
- Filtrez par type (image, vidéo).
Ajuster et positionner un média
- Dans l’éditeur, sélectionnez le bloc média.
- Utilisez les options : redimensionner, aligner (gauche, centre, droite).
- Ajustez via CSS personnalisé dans Astra si needed.
Renseigner les textes alternatifs, le titre, la légende et la description d’une image
- Sélectionnez l’image dans l’éditeur ou bibliothèque.
- Dans les détails : Ajoutez Texte alternatif (pour SEO/accessibilité), Titre, Légende, Description.
- Enregistrez.
Menu
Créer ou modifier les menus et sous-menus
- Allez dans Apparence > Menus.
- Créez un nouveau menu ou modifiez un existant.
- Ajoutez des éléments et glissez pour créer des sous-menus.
- Assignez au emplacement (ex. : Menu principal avec Astra).
Créer un menu hors champ
- Dans Apparence > Menus, créez un menu.
- Utilisez Astra pour un menu off-canvas : Allez dans Personnaliser > En-tête > Menu mobile.
- Activez le style off-canvas et assignez le menu.
- Personnalisez l’icône hamburger.
Ajouter un élément à un menu (catégorie, page, lien personnalisé)
- Dans Apparence > Menus, sélectionnez le menu.
- Ajoutez depuis les panneaux gauche : Pages, Catégories, Liens personnalisés.
- Glissez dans le menu et enregistrez.
Navigation
Utiliser les onglets backoffice et frontoffice
- Backoffice :
/wp-adminpour le tableau de bord. - Frontoffice : Visitez le site directement.
- Utilisez la barre d’admin en haut pour basculer.
Paramétrer la page d’accueil (page statique ou affichage des derniers articles)
- Allez dans Réglages > Lecture.
- Choisissez Une page statique et sélectionnez la page, ou Vos derniers articles.
- Enregistrez.
Modifier les réglages de lecture et de commentaires
- Dans Réglages > Lecture, ajustez le nombre d’articles par page.
- Dans Réglages > Discussion, activez/modifiez les options de commentaires (approbation, etc.).
Insérer un fil d’Ariane
- Installez Yoast SEO (compatible Astra).
- Allez dans SEO > Apparence dans les moteurs de recherche > Fils d’Ariane.
- Activez et configurez. Ajoutez via shortcode ou widget dans Astra.
Référencement naturel (SEO)
Structurer le texte (titres, sous-titres)
- Dans l’éditeur, utilisez des blocs Titre (H1, H2, etc.).
- Organisez logiquement pour le SEO.
Utiliser des mots clés
- Recherchez des mots-clés pertinents.
- Intégrez-les naturellement dans titres, paragraphes et méta.
Utiliser des liens internes et externes
- Comme dans le tutoriel Contenu : Ajoutez des liens pour booster le SEO.
Renseigner les étiquettes, balises et les descriptions
- Pour les articles : Ajoutez des Étiquettes dans l’éditeur.
- Utilisez Yoast pour méta-descriptions.
Activer et utiliser l’extension Yoast SEO (requête cible, méta description)
- Installez Yoast via Extensions > Ajouter.
- Dans un article, descendez à la section Yoast : Ajoutez Requête cible (mot-clé principal), Méta description.
- Optimisez le score SEO.
Utilisateurs
Créer, modifier ou supprimer un compte
- Allez dans Utilisateurs > Ajouter.
- Remplissez les détails (nom d’utilisateur, email).
- Modifiez via Utilisateurs > Tous les utilisateurs.
- Supprimez en sélectionnant et confirmant.
Attribuer un rôle
- Dans Utilisateurs > Tous les utilisateurs, éditez un utilisateur.
- Choisissez le rôle (Administrateur, Éditeur, etc.).
- Enregistrez.
Changer l’auteur d’un article ou d’une page
- Éditez l’article/page.
- Dans la barre latérale, sous Auteur, sélectionnez un autre utilisateur.
- Mettez à jour.
