Crea tu página de búsqueda con bloques

La mayoría de las páginas de resultados de búsqueda tienen el mismo aspecto: una lista de títulos, un extracto y quizá una fecha. Lo que incluya tu tema es lo que verán tus visitantes; y si quieres filtros, ordenar los resultados o un estado vacío diferente, hasta ahora tenías que editar a mano las plantillas del tema. Con los bloques de Jetpack Search, la página de búsqueda es una plantilla de bloques real. Ábrela en el editor de bloques, añade los bloques que quieras y guarda. Eso es todo.

El editor de bloques abierto en una plantilla de búsqueda, con filtros en un bloque de la barra lateral y los resultados en la columna principal

El problema de la búsqueda predeterminada

La búsqueda de WordPress ejecuta una consulta estándar y muestra todo lo que el search.html (o search.php) de tu tema coloca en la página. Todo funciona bien hasta que quieres algo más. Quizá quieras filtros por categoría. Un botón «Cargar más» en lugar de la paginación. Un estado vacío diferente. Un patrón destacado encima de los resultados. Un menú desplegable de ordenación que respete la forma en que organizas tu contenido. Históricamente, hacer cualquiera de esas cosas implicaba editar las plantillas a mano o recurrir a un plugin de terceros que incorpora su propia interfaz de usuario.

La biblioteca de bloques de búsqueda

Los bloques de Jetpack Search incluyen una biblioteca de bloques nativos que, juntos, componen una experiencia de búsqueda completa:

  • Entrada de búsqueda. El campo de búsqueda mientras escribes. Añádelo a una cabecera, una barra lateral o a la propia página de resultados.
  • Filtros. Filtros con casillas de verificación para taxonomías, tipos de contenido y fechas, además de combinaciones de filtros como la barra lateral vertical predeterminada o el diseño de ventana emergente contraíble.
  • Resultados. La lista de resultados, con diseños seleccionables, además del recuento de resultados, «Ordenar por» y «Cargar más», cada uno configurable por separado.

Cada bloque muestra sus propios ajustes en el inspector: texto de cabecera, diseños, cuántos elementos se muestran por página y en qué taxonomías se filtra. Los bloques se adaptan al tema: utilizan las fuentes, los colores, los encabezados y el espaciado de tu sitio de forma predeterminada, por lo que la página de búsqueda parece parte de tu sitio.

Una página de búsqueda que puedes diseñar de verdad

Abre la plantilla de búsqueda integrada (en temas de bloques) o su alternativa integrada (en temas clásicos) y estarás en el editor de bloques. A partir de ahí, la página es tuya:

  • Reorganiza los filtros en una barra lateral izquierda, una barra lateral derecha o una barra horizontal sobre los resultados.
  • Añade un bloque principal sobre los resultados con un título personalizado, un párrafo introductorio o una imagen destacada.
  • Sustituye el estado vacío predeterminado por un patrón que muestre tu contenido más popular o una llamada a la acción.
  • Añade un menú desplegable de «Ordenar por», configura las opciones de orden y colócalo donde quieras.

Cuando guardes, eso es lo que verán los visitantes. La búsqueda mientras escribes sigue funcionando: los filtros actualizan los resultados en tiempo real a medida que los visitantes interactúan, pero el diseño, los textos y el estilo son tuyos.

Funciona con cualquier tema

Los temas de bloques incorporan la plantilla mediante el mismo sistema de plantillas que sustenta el resto de la edición completa del sitio. Los temas clásicos reciben una plantilla alternativa incluida con Jetpack Search que adopta las fuentes, los colores y el ancho del contenido del tema. En cualquier caso, no tienes que cambiar de tema para usar los bloques de búsqueda.

Disponibilidad

La búsqueda integrada se incluye con Jetpack 15.9 / Jetpack Search 7.0 y ya está activa en los sitios Simple de WordPress.com. Actívala desde el Selector de experiencias del escritorio de Jetpack Search. Cualquier sitio con un plan de Jetpack Search puede activarla: no hace falta ningún filtro de participación ni configuración adicional.

¿Cómo se lanzó tan rápido?

Los bloques se desarrollaron en un sprint de un mes: el Mes de Velocidad Radical de Automattic. Dos ingenieros utilizaron la programación por parejas con IA para crear los 20 bloques nuevos en cuatro semanas. Los elementos de la lista de tareas pendientes que llevaban años esperando por fin tuvieron su semana.

Haz que la búsqueda parezca parte del resto de tu sitio

Si la «página de búsqueda» siempre ha sido esa parte de tu sitio que no acababas de poder personalizar, esta versión te devuelve el control. Abre el editor, arrastra los bloques y diseña la página que realmente querías.

Explora las ventajas de Jetpack

Descubre cómo Jetpack puede ayudarte a proteger, acelerar y hacer crecer tu sitio de WordPress.

Explorar planes

¿Tienes alguna pregunta?

La sección de comentarios está cerrada para este artículo, pero seguimos aquí para ayudarte. ¡Visita el foro de soporte y estaremos encantados de responder a tus preguntas!

Ver foro de soporte