Vivimos en un mundo en el que la gente prefiere preguntar lo que quiere saber en lugar de dedicar tiempo a navegar en busca de la respuesta.
Por tal motivo es importantísimo cuando diseñamos un blog con Divi colocar en lugar visible el buscador interno de WordPress y prestar atención al diseño de la página de resultados de búsqueda.
La página de resultados de búsqueda es la página a la que se redirige a un usuario una vez que ingresa una consulta en uno de los formularios de búsqueda del sitio web.
De forma predeterminada, la página de resultados de búsqueda de WordPress simplemente muestra las páginas y entradas buscadas en un listado muy similar a una página de blog. Pero con Divi podemos diseñar la plantilla como se nos ocurra.
En esta guía vamos a ver cómo diseñar la página de resultados de búsqueda con Divi y asignarla para que WordPress la muestre siempre que alguien efectúe una búsqueda interna en el blog.
Empecemos.
Lo primero que hay que hacer es ir al Theme Builder o Generador de temas y crear una nueva plantilla. Esta nueva plantilla la vamos a asignar a la opción Resultados de búsqueda, en la sección Otro.
Una vez que carga el constructor Divi, en la sección predeterminada insertamos una fila con estructura de una columna, la cual va a contener el título de la página y una caja de búsqueda.
Antes de comenzar añadir elementos eliminamos el espacio que queda debajo de la fila.
Separación:
Insertamos un Módulo Separador de Divi para dibujar una línea horizontal en la página y definimos los siguientes estilos.
Línea:
Tamaño
Puesto:
Debajo del separador vamos a insertar un módulo Texto de Divi que nos va a servir para escribir el título de la página,
Fondo:
Texto de subtítulo:
Tamaño:
Separación:
Y debajo del texto insertamos un módulo Búsqueda de Divi ya que siempre es útil poder hacer una nueva consulta en la página de resultados.
Campo:
Texto del Botón:
Tamaño:
Borde:
Ahora que tenemos resuelta la parte del título de la página vamos a añadir una nueva sección para colocar los resultados de búsqueda propiamente dichos.
Configuramos los ajustes de la sección de la siguiente manera.
Fondo:
Separador:
Separación:
Insertamos una fila con estructura de 1 columna para comenzar a añadir módulos.
El primer elemento de esta sección va a ser un subtítulo que indique la búsqueda para la cual estamos viendo los resultados.
Para ésto vamos a insertar un nuevo módulo Texto de Divi y en su contenido seleccionamos la opción de contenido dinámico «Título de la publicación» (o equivalente según la traducción de Divi).
Luego configuramos sus estilos de la siguiente forma.
Texto:
Animación:
Y por último insertamos un módulo Blog de Divi para mostrar las entradas relacionadas con la búsqueda del usuario.
Contenido:
Elementos:
Diseño:
Texto del Título:
Texto del Cuerpo:
Borde:
Sombra de la caja:
Espero que te hayan gustado. Dejame debajo un comentario contándome que te parecieron estas características y posibilidades de Divi.
Ayudame compartiéndolo para que más personas puedan aprender todo lo que se puede hacer con Divi.
Al momento de activar el constructor Divi se crea una nueva opción en el menú…
Divi es un constructor para WordPress que se instala como un si fuera un tema…
En esta guía te muestro paso a paso cómo crear una caja con información del…
En esta guía te muestro cómo cambiar el encabezado de la página home para que…
En esta guía vamos a ver cómo asignar con Divi un diseño diferente a entradas…
En esta guía te muestro paso a paso cómo crear un CV digital con WordPress…