WordPress offre deux solutions intégrées pour l’ajout de barres de recherche vers des sites Web. La méthode plus rapide et plus facile, appropriée pour les utilisateurs réguliers n’ayant aucune expérience de codage, est pour glisser-déplacer le widget « Recherche » dans un encadré. Cette méthode place un champ de recherche de base et soumettre un bouton dans un panneau latéral. Si vous êtes à l’aise avec certains codage, cependant, vous pouvez ajouter une barre de recherche directement dans le code de n’importe quelle page du modèle. Quoi qu’il en soit, vous pouvez style de la barre de recherche en créant un fichier « searchform.php » et ensuite appliquer code de feuilles de Style en cascade (CSS) pour définir ses couleurs et graphiques.
Difficulté : modérée
Instructions
- Ouvrez une session dans le tableau de bord de WordPress et cliquez sur « Apparence » dans le menu de gauche. Cliquez sur « Widgets » et regardez les encadrés disponibles vers la droite. Thèmes WordPress varient dans le nombre et l’emplacement des encadrés, mais les encadrés devraient avoir des noms descriptifs tels que le « Droit Sidebar » ou « Zone Widget de pied de page. » La colonne centrale de la page « Widgets » contient des barres grises avec des titres ; Il s’agit de vos widgets disponibles. Cliquez sur la barre latérale que vous souhaitez utiliser afin qu’il s’étend à montrer une zone grise, puis trouver le widget « Recherche » et faites-le glisser au-dessus de votre sidebar sélectionné. Rechargez votre site pour voir la barre de recherche.
- Trouver vos fichiers de thème à l’emplacement suivant :
/yoursite/wp-content/themes/Name-of-Theme /
Dans le texte brut ou l’éditeur de code de votre choix, ouvrez le modèle ou les pages où vous souhaitez ajouter une barre de recherche. Par exemple, pour ajouter une barre de recherche dans une barre de menus supérieure, ouvrez le fichier « header.php ». Trouver l’emplacement de la page où vous souhaitez que la barre de recherche de comparaître et ajoutez le code suivant :
Enregistrez le fichier ou des fichiers et ensuite visiter votre site Web pour voir le formulaire de recherche.
- Créer un fichier vide dans votre éditeur et enregistrez-le sous « searchform.php ». Écrire du code HTML pour le formulaire de recherche bar au besoin. La balise de formulaire doit ressembler à ceci :
Le champ de saisie de texte pour la recherche bar également besoin d’un attribut name défini sur « s » comme suit :
La fonction de recherche dans WordPress recherche le champ d’entrée par ce nom afin qu’il sache ce qu’il faut chercher. Ajouter les attributs ID et classe à vos étiquettes de sorte vous pouvez cibler leur avec CSS dans votre fichier « style.css » par la suite si vous le souhaitez. Une fois que vous créez et enregistrez cette forme de « searchform.php », vous pouvez appliquer quelque CSS que vous voulez. N’oubliez pas de mettre fin au fichier avec pour fermer le formulaire.
