Cómo crear una página personalizada con resultados de búsqueda en WordPress con Elementor

Ya sea que tenga un blog personal, un sitio de comercio electrónico o un sitio grande con varios usuarios, agregar una función de búsqueda es lo suficientemente importante. Permite a los visitantes encontrar el contenido que buscan más fácilmente, en lugar de hacer clic aquí y en el menú de navegación. En WordPress, la apariencia (apariencia) de la página con los resultados de búsqueda está controlada por una plantilla sobre el tema que usa (el archivo Search.php). Si el aspecto predeterminado no se adapta a usted, puede crear una plantilla personalizada para reemplazarlo. Si no tiene conocimiento de PHP, puede usar la ayuda de Elementor (u otras páginas que generan complementos que tienen la función de generar temas como Divi Builder y Brizy) para crear una plantilla de página personalizada con resultados de búsqueda de WordPress.
Para poder crear una plantilla de página personalizada con los resultados de búsqueda utilizando Elementor, debe usar el Pro de la versión elemental, porque la característica base solo está disponible en Elemoror Pro (Read: Elementor Free vs Elementor Pro). Cómo crear una página personalizada con los resultados de búsqueda en WordPress con Elementor Al crear una página personalizada con los resultados de búsqueda usando Elementor, puede agregar cualquier elemento que desee, como al crear una página. Hay más de 90 elementos (llamados widgets) que puede agregar. El propio Elementer ofrece algunas plantillas de páginas prefabricadas con resultados de búsqueda para simplificar su flujo de trabajo. O, si tiene su propio concepto de diseño, también puede crear su página personalizada con los resultados de búsqueda.
En este artículo, le mostraremos cómo crear una plantilla de página personalizada con los resultados de búsqueda desde cero. Aquí hay una captura de pantalla de la página con los resultados de búsqueda que queremos crear. Utilizamos dos secciones para crear la página personalizada con los resultados de búsqueda anteriores:

Sección 1: Para colocar el título (descripción de los resultados de búsqueda)
Sección 2: Para colocar el formulario de búsqueda y los resultados de búsqueda
Antes de comenzar, asegúrese de haber actualizado Elementor a la versión Pro si no lo ha hecho. Después de que esté listo, vaya a plantillas -> Builder de temas en el tablero de WordPress para abrir la pantalla del constructor de temas. Haga clic en el icono más en la etiqueta Los resultados de búsqueda del panel izquierdo.
En la ventana de la biblioteca de plantillas que aparece, puede seleccionar un aspecto de la página con los resultados de búsqueda preestablecidos. Debido a que queremos crear la página con los resultados de búsqueda desde cero, puede cerrar la ventana. Antes de comenzar a agregar cualquier widget, primero puede configurar el aspecto de la página. Para hacer esto, haga clic en el icono de la rueda en la parte inferior del panel de configuración (el panel de la izquierda). Puede establecer el aspecto en la opción de aspecto de la página en el bloque de configuración general en la pestaña Configuración.

Sección 1 Como se mencionó anteriormente, utilizaremos esta sección para colocar el título para mostrar la descripción de la página con los resultados de búsqueda. Simplemente haga clic en el botón Plus en el área de lona para agregar una nueva sección. Puede seleccionar la estructura con una sola columna. Una vez que se agrega la sección, tire del widget del título.

Vaya al panel izquierdo. En el cuadro de título en la pestaña Contenido, haga clic en el icono de la base de datos en el campo de título y seleccione el título del archivo. Luego puede acceder a la pestaña Estilo para enfatizar el título. Puede establecer cosas como color de texto, tipografía (familia de fuentes, tamaño de fuente, estilo de fuente, etc.). También puede aplicar el modo de mezcla y el tono del texto si lo desea.

Si desea establecer el fondo de la sección, agregue un divisor o establezca el borde, puede hacer clic en el mango de sección para convertirlo en un modo de edición. Puede leer nuestro artículo anterior para averiguar cómo usar Elementor si es nuevo en el elemento.

Sección 2 Haga clic en el botón Plus para agregar una nueva sección, como lo hizo en la Sección 1 anterior. También puede seleccionar la estructura con una sola columna. Una vez que se agrega la sección, extraiga el widget del formulario de búsqueda.

Luego puede acceder al panel de configuración para realizar la configuración. En el bloque de formulario de búsqueda en la pestaña de contenido, puede configurar la piel, colocar soporte, icono, tamaño del icono, etc.

Para enfatizar el formulario, puede abrir la pestaña de estilo. Hay dos bloques de configuración que puede abrir: entrada y botón. Desde el bloque de entrada, puede configurar la impresión, el color de texto, el color de fondo, el color del borde, el tamaño del borde y el rayo de borde.

Mientras que desde el bloque de botones, puede configurar el color del texto del botón, el color de fondo, la impresión, el tamaño del icono y el ancho del botón.


Una vez que haya terminado de organizar su widget de formulario de búsqueda, puede agregar el widget de archivo. Puede colocarlo justo debajo del widget del formulario de búsqueda. Una vez que se agregan las publicaciones, vaya al panel izquierdo. En la pestaña de aspecto en la pestaña de contenido, puede establecer la apariencia, el número de columnas, la posición de la imagen, la longitud del extracto, metadatos, etc.

En el bloque de paginación, puede determinar el tipo de paginación, límite de página y alineación. Lee este artículo para obtener más información.

En el bloque avanzado, puede establecer el mensaje que se mostrará cuando WordPress no pueda encontrar la consulta de búsqueda.

Una vez que haya realizado la configuración básica en la pestaña Contenido, puede pasar a la pestaña Estilo para estilizar las publicaciones. Hay 5 bloques que puede abrir en esta pestaña.

apariencia

Puede abrir este bloque para establecer la alineación de contenido de texto (publicar título y meta). También puede establecer la distancia entre columnas y filas.

Imagen

Puede abrir este bloque para establecer el borde de las miniaturas de publicación. También puede establecer el espacio y aplicar filtros CSS.
Contenido
Puede abrir este bloque para establecer la tipografía, el color del texto y espaciar el contenido de texto de las publicaciones.
paginación
Si activa la paginación, puede abrir este bloque para estilizar la paginación. Puede establecer cosas como tipografía, color de texto y espacio entre números.
No enviar nada
Puede abrir este bloque para estilizar el mensaje de error cuando WordPress no puede encontrar el contenido según el interrogatorio de búsqueda proporcionado. Puede establecer la impresión y el color de texto en este bloque. Puede agregar otros widgets si lo necesita. Después de haber terminado de editar la página, puede hacer clic en el botón de publicación en la parte inferior del panel de configuración. Si se le pide que agregue una condición de pantalla, simplemente agregue una haciendo clic en el botón Agregar condición. Debido a que crea una página personalizada con los resultados de búsqueda, establezca la condición de visualización en los resultados de búsqueda. Haga clic en el botón Guardar y cerrar para aplicar el cambio.
La conclusión de cada sitio web basado en WordPress tiene una página única con los resultados de búsqueda, dependiendo del tema utilizado por el sitio asociado. Si el aspecto de la página con los resultados de búsqueda ofrecidos por el tema que utiliza no le parece atractivo, puede personalizarlo. Si no tiene habilidades de PHP, puede usar Elementor para crear una página personalizada con resultados de búsqueda en su sitio web de WordPress. Todo es querido y cae. No es necesario lidiar con el código PHP. Además, también puede usar Elementor para crear un encabezado personalizado, un sótano personalizado, una página personalizada de 404 y otras partes de su base.