Utilisation du constructeur de pages visuelles Divi et de SearchWP
Table des matières
Divi est un constructeur de pages visuel leader sur le marché qui alimente d'innombrables sites Web WordPress.
Divi vous permet non seulement de structurer et de construire visuellement l'ensemble de votre site Web, mais aussi d'utiliser tous ses outils pour personnaliser votre modèle de résultats de recherche !
Encore mieux : SearchWP s'intègre automatiquement au modèle de résultats de recherche personnalisé de Divi !
Remarque : Vous devez utiliser le module Formulaire de recherche de Divi pour les formulaires de recherche
Configurer le modèle de résultats de recherche Divi
La création d'un modèle de résultats de recherche dans Divi suit les mêmes étapes que la création d'autres modèles :
Une fois que vous avez créé votre modèle de résultats de recherche, il apparaîtra à côté de tous les autres modèles que vous avez créés. Nous pouvons personnaliser l'affichage des résultats de recherche en cliquant sur Ajouter un corps personnalisé dans notre modèle de Résultats de recherche :
Vous pouvez ensuite utiliser tous les outils familiers de Divi pour configurer votre modèle de résultats de recherche. Dans cet exemple, nous avons configuré :
- Module de texte dans une ligne
- Module de recherche dans une ligne
- Module de blog dans une ligne (Important : c'est ce qui affiche les résultats de recherche !)
La partie la plus importante de votre modèle de résultats de recherche Divi est de vous assurer que vous utilisez un module de blog — il est responsable de l'affichage des résultats de SearchWP.
De plus, vous devez activer Articles pour la page actuelle :
Une fois que votre module de blog a été ajouté à votre modèle de résultats de recherche, vous pouvez le personnaliser comme vous le souhaitez en utilisant les options disponibles dans Divi. Voici un exemple :
Une fois que vous avez terminé la personnalisation de votre modèle de résultats de recherche, vous pouvez vous assurer que votre moteur SearchWP est configuré comme vous le souhaitez, et les résultats de SearchWP seront affichés dans votre modèle de résultats de recherche Divi ! ?
Moteur personnalisé utilisé
Par défaut, SearchWP utilisera son moteur par défaut pour effectuer la recherche. Si vous souhaitez utiliser un moteur supplémentaire à la place, vous pouvez utiliser ce hook :
All hooks should be added to your custom SearchWP Customizations Plugin.
| <?php | |
| // Use `supplemental` Engine for Divi Search Results Templates. | |
| // @link https://searchwp.com/documentation/knowledge-base/divi/ | |
| add_filter( 'searchwp\integration\pagebuilder\engine', function( $engine, $params ) { | |
| if ( 'divi' === $params['context'] ) { | |
| $engine = 'supplemental'; | |
| } | |
| return $engine; | |
| }, 10, 2 ); |
