Bloque de búsqueda es especialmente necesaria para ayudar a los visitantes a encontrar rápidamente el contenido que necesitan. También ayuda a mejorar la experiencia del usuario en cualquier sitio web.
WordPress permite a los usuarios añadir una barra de búsqueda dedicada a su sitio con el bloque de búsqueda. Es lo suficientemente capaz y eficaz para añadir a tu blog, portafolio o tienda online.
Hoy, en esta guía, hablaremos de "cómo usar el bloque de búsqueda en WordPress", sus características principales, las funciones de la barra de herramientas, etc. Asegúrate de seguirnos de principio a fin.
¿Qué es el bloque de búsqueda en WordPress?
El bloque de búsqueda de WordPress es un bloque central que le permite añadir una barra de búsqueda funcional a cualquier entrada o página.
Se integra con la función de búsqueda de su sitio, facilitando a los visitantes la búsqueda de contenidos específicos mediante la introducción de palabras clave o frases.
Es una solución flexible y sencilla para mejorar la usabilidad del sitio web.
¿Cuáles son las principales características del bloque de búsqueda?
El Bloque de Búsqueda ofrece varias funciones para ayudarle a personalizar y optimizar la experiencia de búsqueda de su sitio web:
- Para móviles: La barra de búsqueda se ajusta automáticamente a pantallas de todos los tamaños para ofrecer una usabilidad óptima.
- Texto de marcador de posición personalizable: Cambie el texto del marcador de posición para ofrecer instrucciones claras a los usuarios, como "Buscar artículos" o "Buscar productos".
- Personalización de botones: Elija entre mostrar un botón de búsqueda o confiar únicamente en la tecla Intro para el envío.
- Estilos y alineación: Ajusta la alineación del bloque (izquierda, centro o derecha) y el diseño para que se adapte perfectamente a tu tema.
- Integración con temas: Funciona con la mayoría de los temas de WordPress para proporcionar un estilo y una funcionalidad coherentes.
El bloque de búsqueda permite añadir una etiqueta para el cuadro de búsqueda, un marcador de posición para el cuadro de búsqueda y un botón para buscar cualquier cosa.

¿Cuáles son las funciones de la barra de herramientas del Bloque de Búsqueda?
La barra de herramientas del Bloque de Búsqueda incluye opciones para facilitar su personalización y gestión:

- Transformar a: Mediante esta opción, puede transformar su bloque en los bloques Columnas, Detalles y Grupo.
- Arrastra: Puede arrastrar y soltar el bloque concreto en cualquier lugar del editor.
- Asas móviles: Permite mover el bloque arriba y abajo.
- Alinear: Alinear le permite establecer la alineación a la ninguna, izquierda, centro o derecha de la página para una mejor integración del diseño.
- Alternar etiqueta de búsqueda: Permite mostrar u ocultar el Buscar en de la barra de búsqueda.
- Cambia la posición del botón: Esta opción le ofrece varias opciones para la posición del botón, como:
- Botón exterior: Muestra el botón fuera de la barra de búsqueda.
- Botón interior: Muestra el botón en la barra de búsqueda.
- Sin botón: Oculta completamente el botón de la barra de búsqueda.
- Sólo botón: Sólo muestra el botón y oculta el cuadro de búsqueda.
- Usar botón con icono: Permite insertar un icono de lupa en el botón en lugar de la etiqueta.
- Opciones: Contiene opciones de bloque como Copiar, Duplicar, Añadir antes, Copiar estilos, etc.
Echa un vistazo a la imagen para ver la posición del botón Cambiar.

Cree bonitas mesas
Con el editor de bloques

¿Cómo utilizar el bloque de búsqueda en WordPress?
El proceso de utilización del bloque de búsqueda es sencillo. No se requiere ninguna habilidad especial para utilizar el bloque. Todo lo que tienes que hacer es seguir el tutorial.
Paso 1: Insertar el bloque de búsqueda
Ve a tu post o página donde quieras añadir el bloque de Búsqueda. Después, haga clic en el botón Añadir bloque ("+") icono (1), tipo "Buscar en" en la casilla de búsqueda (2)y haga clic en "Buscar en" (3).

Paso 2: Cambiar el tamaño del bloque de búsqueda
En este paso, cambie el tamaño del bloque de búsqueda según sus necesidades. Puede cambiar el tamaño del bloque de búsqueda utilizando el control deslizante de ancho en el lado derecho o ajustar el tamaño utilizando la opción de ancho introduciendo manualmente dar opciones.

Paso 3: Personalización del estilo del bloque de búsqueda
Puede personalizar aún más el bloque modificando las opciones de estilo. Para ir a la opción de estilo del bloque, navegue hasta Ajustes (1) > Bloque (2) > Estilos (3).

Aquí dispone de varias opciones de personalización. Las opciones de personalización se describen a continuación. Puede modificar el color, la tipografía, las dimensiones y el borde.

- Color: Esta función te permite cambiar el color del texto y del fondo.
- Tipografía: La tipografía le permite seleccionar fuentes y tamaño de fuente, apariencia, altura de línea, espaciado entre letras, casquillo de letras y decoración de letras.
- Dimensiones: Las dimensiones permiten ajustar el relleno y el margen del bloque de texto.
- Frontera: La opción Borde le permite añadir borde y radio de borde para su bloque de texto.
Basándose en la imagen de arriba, ya sabe lo que se puede hacer utilizando la opción Tipografía. Pero estas funciones están ocultas por defecto. Por lo tanto, para mostrar esas funciones, debe hacer clic en los tres puntos en la parte superior derecha y seleccionar todas las opciones para mostrar en el editor.

A continuación se muestra una demostración de un bloque de búsqueda.
Reflexiones finales
Así es como se utiliza y se añade un bloque de búsqueda en los sitios web de WordPress. Permite a los usuarios encontrar lo que necesitan rápidamente.
Es una solución perfecta para gestionar un blog, una tienda de comercio electrónico, etc. Añada el cuadro de búsqueda a su sitio web hoy mismo y mejore la experiencia de usuario de su sitio web.
Déjame saber tu opinión sobre el tutorial en la sección de comentarios. Además, no te olvides de compartir esto con tus amigos.
Más información
- Cómo utilizar el bloque espaciador en WordPress en 2 sencillos pasos
- Cómo utilizar el bloque de inserción de Spotify en WordPress (2 sencillos pasos)
- Cómo utilizar el bloque de inserción de Twitter en WordPress en 2 sencillos pasos
- Cómo utilizar el bloque de vídeo en WordPress en 3 sencillos pasos
- 7 mejores plugins para la tabla de productos de Amazon (2025)