Vous souhaitez ajouter un formulaire de recherche à un article WordPress ?
L’ajout d’un formulaire de recherche au contenu de votre message ou de votre page est un bon moyen d’encourager vos visiteurs à trouver plus de contenu et à rester plus longtemps sur votre site Web.
Dans cet article, nous allons vous montrer comment ajouter un formulaire de recherche dans vos articles et pages en utilisant un shortcode de recherche WordPress.
Pourquoi ajouter un formulaire de recherche à vos publications et pages ?
Si un visiteur a aimé lire un article sur votre blog WordPress, il voudra probablement en lire plus. Proposer un formulaire de recherche dans la publication les aidera à trouver plus de contenu qui les intéresse.
Lorsque vous permettez aux utilisateurs de passer plus de temps sur votre site Web, vous pouvez augmenter le nombre de pages vues et réduire votre taux de rebond.
Vos visiteurs sont également plus susceptibles de rejoindre votre liste de diffusion, de laisser un commentaire, de faire un achat et de vous suivre sur les réseaux sociaux.
Dans ce didacticiel, nous allons vous montrer comment ajouter le formulaire de recherche WordPress standard à vos publications. Si vous souhaitez ajouter un formulaire de recherche personnalisé, consultez notre guide étape par étape sur la façon de créer un formulaire de recherche WordPress personnalisé.
Nous allons vous montrer deux méthodes pour ajouter un formulaire de recherche à vos publications, et la première est la plus simple. Utilisez les liens ci-dessous pour accéder à la méthode que vous souhaitez utiliser.
- Méthode 1 : Ajouter un formulaire de recherche avec un plugin
- Méthode 2 : Ajout d’un formulaire de recherche à l’aide de code
Méthode 1 : Ajouter un formulaire de recherche avec un plugin
Le moyen le plus simple d’ajouter un formulaire de recherche à vos messages consiste à utiliser le RechercheWP brancher. C’est le meilleur plugin de recherche pour WordPress utilisé par plus de 30 000 sites.
Configuration de SearchWP
La première chose que vous devez faire est d’installer et d’activer le plugin. Pour plus de détails, consultez notre guide étape par étape sur la façon d’installer un plugin WordPress.
Lors de l’activation, vous devez visiter le Paramètres » RechercheWP page, puis cliquez sur l’option de menu ‘Licence’.
Vous devez ensuite entrer votre clé de licence dans la case Licence. Vous pouvez trouver ces informations dans votre compte sur le site Web SearchWP. Après cela, vous devez cliquer sur le bouton Activer.
Ensuite, vous devez cliquer sur l’option de menu Moteurs. Cela vous amène à un écran où vous pouvez choisir les paramètres de votre moteur de recherche.
Ici, vous devez créer un moteur de recherche à l’échelle du site. Vous pouvez ajuster les paramètres de votre moteur de recherche en cliquant sur les menus déroulants Articles, Pages et Média.
Les curseurs de pertinence des attributs de chaque section ajustent la façon dont les moteurs de recherche évaluent et classent le contenu. Par exemple, si vous souhaitez valoriser le titre de la publication plus que le contenu, vous pouvez ajuster les curseurs en conséquence.
Une fois que vous avez fini de régler les paramètres, assurez-vous de cliquer sur le bouton « Enregistrer les moteurs » pour enregistrer le moteur de recherche par défaut.
Ajouter un formulaire de recherche à une publication
Vous devez maintenant télécharger l’extension de codes abrégés SearchWP pour ajouter facilement votre nouveau formulaire de recherche de publication personnalisé à WordPress.
Vous devrez visiter le Extension de codes courts SearchWP site Web, puis cliquez sur le bouton « Téléchargement disponible avec une licence active ».
Après cela, vous devez installer et activer l’extension de la même manière que vous avez installé le plugin ci-dessus. Vous pouvez maintenant ajouter un formulaire de recherche dans vos publications.
Modifiez simplement le message et placez votre curseur à l’endroit où vous souhaitez ajouter le formulaire de recherche. Après cela, cliquez sur l’icône plus « Ajouter un bloc » pour afficher le menu des blocs.
Ensuite, tapez ‘html’ dans le champ de recherche. Ensuite, sélectionnez le bloc ‘HTML personnalisé’.
Une fois que vous avez ajouté le nouveau bloc, vous pouvez ajouter les codes abrégés et HTML suivants à votre page. Si vous avez besoin de plus d’aide, consultez notre guide sur la façon d’ajouter un shortcode dans WordPress.
[searchwp_search_form] <div class="search-results-wrapper"> [searchwp_search_results] <h2>[searchwp_search_result_link]</h2> [searchwp_search_result_excerpt] [/searchwp_search_results] </div> <div class="no-search-results-found"> [searchwp_search_results_none] No results found, please search again. [/searchwp_search_results_none] </div> <div class="search-results-pagination"> [searchwp_search_results_pagination direction="prev" link_text="Previous"] [searchwp_search_results_pagination direction="next" link_text="Next"] </div>
Ce code ajoutera un formulaire de recherche à la publication, créera une section pour afficher les résultats de la recherche, affichera un message d’absence de résultats si nécessaire et ajoutera une pagination si les résultats vont sur plusieurs pages.
Assurez-vous de cliquer sur Publier ou Mettre à jour pour enregistrer votre publication et la publier.
Pour voir le formulaire de recherche en action, affichez simplement la publication sur votre site Web WordPress. Voici à quoi cela ressemble sur notre site de démonstration exécutant le thème Twenty Twenty-One.
Pour plus de conseils sur la personnalisation de votre recherche, consultez notre guide sur la façon d’améliorer la recherche WordPress avec SearchWP.
Méthode 2 : Ajout d’un formulaire de recherche à l’aide de code
Vous pouvez également ajouter un formulaire de recherche à vos publications WordPress en utilisant un extrait de code. Cette méthode n’est pas recommandée pour les débutants, donc si vous n’êtes pas familier avec le code, vous devez utiliser la méthode 1 à la place.
Dans cette méthode, vous devrez éditer le fichier functions.php de votre thème.
Si vous n’avez pas encore modifié le fichier functions.php, consultez notre guide du débutant pour coller des extraits du Web dans WordPress.
Tout ce que vous avez à faire est d’ouvrir le fichier functions.php de votre thème ou un plugin spécifique au site et de coller le code suivant :
add_shortcode('wpbsearch', 'get_search_form');
Voici à quoi cela ressemble sur notre site Web de démonstration lorsque vous utilisez l’éditeur de thème WordPress pour ajouter l’extrait au fichier functions.php du thème Twenty Twenty-One.
Après cela, vous ajoutez simplement le shortcode [wpbsearch] à la publication ou à la page où vous souhaitez que le formulaire de recherche apparaisse.
Cela affichera le formulaire de recherche par défaut. Pour voir le formulaire de recherche, affichez simplement la publication sur votre site Web WordPress.
Si vous souhaitez afficher un formulaire de recherche personnalisé, vous devez utiliser ce code à la place.
function wpbsearchform( $form ) { $form = '<form role="search" method="get" id="searchform" action="' . home_url( '/' ) . '" > <div><label class="screen-reader-text" for="s">' . __('Search for:') . '</label> <input type="text" value="' . get_search_query() . '" name="s" id="s" /> <input type="submit" id="searchsubmit" value="'. esc_attr__('Search') .'" /> </div> </form>'; return $form; } add_shortcode('wpbsearch', 'wpbsearchform');
N’hésitez pas à modifier le code pour personnaliser le formulaire de recherche comme vous le souhaitez.
Nous espérons que ce tutoriel vous a aidé à apprendre comment ajouter une recherche dans votre publication avec un shortcode de recherche WordPress.
Vous voudrez peut-être également apprendre à créer une adresse e-mail professionnelle gratuite ou consulter notre liste de raisons pour lesquelles vous devriez utiliser WordPress pour votre site Web.