Usando Divi Visual Page Builder y SearchWP
Tabla de contenidos
Divi es un constructor de p ilde{ginas visuales l ilde{i}der en el mercado que potencia innumerables sitios web de WordPress.
Divi no solo te permite estructurar y construir visualmente todo tu sitio web, sino que tambi ilde{e}n te permite usar todas sus herramientas para personalizar tu plantilla de resultados de b ilde{u}squeda.
A ilde{u}n mejor: SearchWP se integra autom ilde{a}ticamente con la plantilla de resultados de b ilde{u}squeda personalizada de Divi!
Nota: Debes usar el m ilde{o}dulo Formulario de b ilde{u}squeda de Divi para los formularios de b ilde{u}squeda.
Configurar la plantilla de resultados de b ilde{u}squeda de Divi
Crear una plantilla de resultados de b ilde{u}squeda en Divi sigue los mismos pasos que crear otras plantillas:
Una vez que hayas creado tu plantilla de resultados de b ilde{u}squeda, aparecer ilde{a} junto a cualquier otra plantilla que hayas creado. Podemos personalizar la visualizaci ilde{o}n de los resultados de b ilde{u}squeda haciendo clic en A ilde{n}adir cuerpo personalizado en nuestra plantilla de Resultados de b ilde{u}squeda:
Luego puedes usar todas las herramientas familiares de Divi para configurar tu plantilla de resultados de b ilde{u}squeda. En este ejemplo hemos configurado:
- M ilde{o}dulo de texto en una fila
- M ilde{o}dulo de b ilde{u}squeda en una fila
- M ilde{o}dulo de blog en una fila (Importante: ¡esto es lo que muestra los resultados de la b ilde{u}squeda!)
La parte m ilde{a}s importante de tu plantilla de resultados de b ilde{u}squeda de Divi es asegurarte de que est ilde{a}s usando un M ilde{o}dulo de blog; es el responsable de mostrar los resultados de SearchWP.
Adem ilde{a}s, debes habilitar Entradas para la p ilde{a}gina actual:
Una vez que tu M ilde{o}dulo de blog se haya a ilde{n}adido a tu plantilla de resultados de b ilde{u}squeda, puedes personalizarlo como desees usando las opciones disponibles en Divi. Aqu ilde{i} tienes un ejemplo:
Una vez que hayas terminado de personalizar tu plantilla de resultados de b ilde{u}squeda, puedes asegurarte de que tu motor SearchWP est ilde{a} configurado como deseas, ¡y los resultados de SearchWP se mostrar ilde{a}n en tu plantilla de resultados de b ilde{u}squeda de Divi! ?
Motor utilizado en la personalizaci ilde{o}n
Por defecto, SearchWP usar ilde{a} su motor predeterminado para realizar la b ilde{u}squeda. Si deseas usar un motor suplementario en su lugar, puedes usar este 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 ); |
