{"id":24699,"date":"2021-05-23T16:02:00","date_gmt":"2021-05-23T13:02:00","guid":{"rendered":"https:\/\/themewp.inform.click\/?p=24699"},"modified":"2021-10-18T02:14:13","modified_gmt":"2021-10-17T23:14:13","slug":"comment-creer-un-formulaire-de-recherche-personnalise-dans-wordpress","status":"publish","type":"post","link":"https:\/\/themewp.inform.click\/fr\/comment-creer-un-formulaire-de-recherche-personnalise-dans-wordpress\/","title":{"rendered":"Comment cr\u00e9er un formulaire de recherche personnalis\u00e9 dans WordPress"},"content":{"rendered":"

Vous cherchez \u00e0 cr\u00e9er un formulaire de recherche personnalis\u00e9 sur un site WordPress? Nous avions l’habitude de cr\u00e9er des th\u00e8mes \u00e0 partir de z\u00e9ro afin de pouvoir ajouter notre propre style aux sections du site Web. Vous avez peut-\u00eatre cr\u00e9\u00e9 la conception d’un formulaire de recherche attrayant et souhaitez maintenant l’int\u00e9grer dans WordPress.<\/p>\n

WordPress fournit une m\u00e9thode get_search_form()<\/code>qui rend le formulaire de recherche. Si vous utilisez cette m\u00e9thode dans votre th\u00e8me personnalis\u00e9, vous obtiendrez un formulaire de recherche par d\u00e9faut cr\u00e9\u00e9 dans le noyau WordPress. Et vous ne voulez pas du formulaire de recherche par d\u00e9faut car la conception de votre formulaire est diff\u00e9rente. Pour surmonter cette situation, vous devez cr\u00e9er un formulaire de recherche personnalis\u00e9 qui remplace celui par d\u00e9faut.<\/p>\n

En cr\u00e9ant un formulaire de recherche personnalis\u00e9, vous pouvez y ajouter votre propre balisage et style. Dans cet article, je vous montre comment cr\u00e9er un formulaire de recherche personnalis\u00e9 dans WordPress.<\/p>\n

La m\u00e9thode get_search_form()<\/code>recherche un searchform.php<\/code>fichier dans le r\u00e9pertoire de votre th\u00e8me actif. Si ce fichier n’existe pas, WordPress utilise le formulaire de recherche par d\u00e9faut qui est inclus dans son noyau.<\/p>\n

Cr\u00e9er un formulaire de recherche personnalis\u00e9<\/h3>\n

Cr\u00e9ez un searchform.php<\/code>fichier dans le r\u00e9pertoire de votre th\u00e8me actif. Dans ce fichier, ajoutez votre balisage du formulaire de recherche. Par exemple, dans mon cas, le formulaire de recherche est le suivant.<\/p>\n

<form id=\"searchform\" method=\"get\" action=\"<?php echo esc_url( home_url( '\/') ); ?>\">\n\u00a0\u00a0\u00a0\u00a0<input type=\"text\" class=\"search-field\" name=\"s\" placeholder=\"Search\" value=\"<?php echo get_search_query(); ?>\">\n\u00a0\u00a0\u00a0\u00a0<input type=\"submit\" value=\"Search\">\n<\/form><\/code><\/pre>\n
Il n’y a rien d’extraordinaire ou de complexe dans le code ci-dessus. Je viens de donner l’identifiant ‘searchform’ \u00e0 la balise form et la classe ‘search-field’ au champ de texte de recherche. En utilisant cet identifiant et cette classe, je peux ajouter un style au formulaire de recherche. Comme ceci dans votre cas, vous devez utiliser votre propre balisage.<\/p>\n
Afficher le formulaire de recherche<\/h3>\n
L’\u00e9tape suivante consiste \u00e0 afficher le formulaire de recherche sur le site Web. Vous pouvez placer le formulaire de recherche dans la barre lat\u00e9rale, l’en-t\u00eate, \u00e0 c\u00f4t\u00e9 du menu, etc.<\/p>\n
En utilisant la fonction, get_search_form()<\/code>on peut afficher leur formulaire de recherche n’importe o\u00f9 sur le site Web. Tout ce que vous avez \u00e0 faire est d’appeler cette m\u00e9thode depuis l’endroit o\u00f9 vous souhaitez afficher le formulaire de recherche.<\/p>\n
<?php get_search_form(); ?><\/code><\/pre>\n
Apr\u00e8s avoir plac\u00e9 le code ci-dessus \u00e0 l’endroit souhait\u00e9, acc\u00e9dez au navigateur. Vous devriez maintenant voir votre formulaire de recherche sur le site Web.<\/p>\n
Personnaliser le r\u00e9sultat de la recherche<\/h3>\n
Cela peut \u00eatre le cas, votre site Web contient plus de ressources telles que des livres, des magazines, des livres \u00e9lectroniques, des PDF, etc. et vous devez afficher le contenu de toutes ces ressources dans le r\u00e9sultat de la recherche. Cela peut \u00eatre fait facilement.<\/p>\n
En supposant que vous ayez des types de publication personnalis\u00e9s pour toutes ces ressources, vous devez ajouter un champ masqu\u00e9 pour chaque type de publication dans le formulaire de recherche.<\/p>\n
Disons que vous avez cr\u00e9\u00e9 des types de publication personnalis\u00e9s livre, magazine, ebook, pdf pour les ressources ci-dessus. Ensuite, vos champs cach\u00e9s seront les suivants.<\/p>\n
<form id=\"searchform\" method=\"get\" action=\"<?php echo esc_url( home_url( '\/') ); ?>\">\n\u00a0\u00a0\u00a0\u00a0<input type=\"text\" class=\"search-field\" name=\"s\" placeholder=\"Search\" value=\"<?php echo get_search_query(); ?>\">\n\u00a0\u00a0\u00a0\u00a0<input type=\"hidden\" name=\"post_type[]\" value=\"book\" \/>\n\u00a0\u00a0\u00a0\u00a0<input type=\"hidden\" name=\"post_type[]\" value=\"magazine\" \/>\n\u00a0\u00a0\u00a0\u00a0<input type=\"hidden\" name=\"post_type[]\" value=\"ebook\" \/>\n\u00a0\u00a0\u00a0\u00a0<input type=\"hidden\" name=\"post_type[]\" value=\"pdf\" \/>\n\u00a0\u00a0\u00a0\u00a0<input type=\"submit\" value=\"Search\">\n<\/form><\/code><\/pre>\n
D\u00e9sormais, lorsque quelqu’un saisit un mot-cl\u00e9 dans le formulaire de recherche, WordPress recherche ce mot-cl\u00e9 dans tous les types de publication ci-dessus pour correspondre au r\u00e9sultat.<\/p>\n
J’esp\u00e8re que vous comprenez comment cr\u00e9er un formulaire de recherche personnalis\u00e9 dans WordPress. J’aimerais entendre vos pens\u00e9es et suggestions dans la section des commentaires ci-dessous.<\/p>\n
Articles Li\u00e9s<\/h4>\n