Tutoriel du thème Astra : comment ajouter une barre de recherche sur le thème Astra, rendant la recherche du contenu du site plus rapide !

utiliser Thème AstraLorsqu'il s'agit d'ajouter une barre de recherche près de l'en-tête pour fournir des capacités de filtrage de contenu pour les pages web, ce tutoriel vous montrera étape par étape comment ajouter etPersonnalisation de la barre de recherche.

Pourquoi ajouter une barre de recherche à mon site web ?

La barre de recherche aide les visiteurs à trouver rapidement le contenu qu'ils souhaitent voir, améliorant ainsi l'efficacité de la navigation sur le site. Elle permet également de réduire le taux de rebond pour les sites plus riches en contenu, leAméliorer l'expérience de l'utilisateur.

• Améliorer l'expérience de l'utilisateurLes utilisateurs peuvent rapidement trouver l'article ou le produit qu'ils souhaitent consulter par mot-clé, au lieu de feuilleter page après page pour le trouver.
• Gagner du temps de navigationLa barre de recherche permet aux visiteurs de trouver un contenu ciblé en quelques secondes. Elle est particulièrement adaptée aux blogs informatifs, aux sites de commerce électronique, d'enseignement ou d'entreprise.
• Réduire le taux de rebondSi les utilisateurs ne peuvent pas trouver le contenu, ils risquent de quitter le site immédiatement. Une barre de recherche permet de retenir davantage de clients ou de lecteurs potentiels.
• Augmenter le taux de conversionPour les sites de commerce électronique ou de formation, une recherche précise permet aux utilisateurs de trouver plus rapidement les produits qu'ils souhaitent acheter ou les cours auxquels ils veulent s'inscrire, ce qui augmente le taux de rotation.
• Amélioration de la découverte de contenuLes visiteurs peuvent trouver un contenu qu'ils n'auraient pas remarqué lors de leur recherche, ce qui augmente le nombre de pages vues.

Tutoriel d'utilisation

Étape 1 : Se connecter et accéder à l'écran de personnalisation

• Connectez-vous au backend de votre site WordPress.
• Cliquez sur le bouton "Personnaliser" en haut de la page pour accéder aux paramètres de personnalisation du thème.

Étape 2 : Ouvrir le constructeur d'en-tête

• Dans le menu de gauche, cliquez sur En-tête.

• Veillez à utiliser le Menu principalafin que la barre de recherche puisse être ajoutée correctement.

Étape 3 : Ajouter le composant de la barre de recherche

• Dans la zone de construction de l'en-tête, localisez l'endroit où vous souhaitez l'ajouter et cliquez à côté du composant existant. Icône "+" (ou "+").
• Dans la boîte de sélection de modules qui s'affiche, sélectionnez le module Recherche.

• La barre de recherche apparaît alors automatiquement dans l'en-tête.

Étape 4 : Ajouter une barre de recherche pour les téléphones portables

• Appuyez sur l'icône de l'appareil en bas de l'écran de personnalisation pour passer à l'écran de personnalisation. mobile Vue.

• Cliquez sur l'icône "+" dans le constructeur de l'en-tête pour ajouter l'élément Recherche.

prenez noteLes paramètres de la tablette sont généralement synchronisés avec ceux du téléphone portable, mais ils peuvent être ajustés individuellement.

Étape 5 : Personnaliser l'apparence de la barre de recherche

Après avoir cliqué sur le champ de recherche ajouté, vous pouvez le définir :

• couleurModifier le champ de recherche dans l'écran d'accueilcouleurqui est généralement la couleur transparente par défaut.
• Espacement: L'espacement de la boîte de recherche.
• Marge: Les marges de la boîte de recherche, en PX, EM et en pourcentage.

Étape 6 : Définir l'étendue du contenu de la recherche (facultatif)

Il est également possible de définir le champ d'action de la barre de recherche :

• Recherche d'articles uniquement (Post)
• Ou inclure des pages et des téléchargements.

Il est recommandé de n'autoriser que les recherches d'articles afin d'éviter les interférences.

Étape 7 : Enregistrer et prévisualiser l'effet

• Cliquez sur le coin supérieur droit de l'écran Publier pour enregistrer les paramètres.

• Ouvrez le site et vérifiez que la fonction de recherche fonctionne.

résumés

L'ajout d'une barre de recherche à votre site Web à l'aide du thème Astra améliore non seulement l'expérience globale de navigation, mais aide également les visiteurs à trouver un contenu ciblé de manière plus efficace. J'espère que ce tutoriel vous sera utile. Si vous souhaitez obtenir d'autres tutoriels et informations sur WordPess, veuillez consulter les pages suivantesRéseau de fluctuation des photonsIl contient les tutoriels WordPress les plus complets avec la meilleure ambiance !Communauté d'échange WordPress.