hacer uso de Tema AstraCuando se trata de a?adir una barra de búsqueda cerca de la cabecera para proporcionar capacidades de filtrado de contenido para páginas web, este tutorial le mostrará paso a paso cómo a?adir yPersonalizar la barra de búsqueda.

?Por qué debería a?adir una barra de búsqueda a mi sitio web?

La barra de búsqueda ayuda a los visitantes a encontrar rápidamente el contenido que desean ver, mejorando la eficacia de la navegación por el sitio. También es eficaz para reducir la tasa de rebote de los sitios con más contenido, elMejorar la experiencia del usuario.

• Mejorar la experiencia del usuarioLos usuarios pueden encontrar rápidamente el artículo o producto que desean por palabra clave, en lugar de pasar una página tras otra para encontrarlo.
• Ahorrar tiempo de navegación: La barra de búsqueda ayuda a los visitantes a encontrar contenidos específicos en cuestión de segundos, y es especialmente adecuada para blogs informativos, sitios web de comercio electrónico, de ense?anza o de empresas.
• Reducir la tasa de reboteSi los usuarios no encuentran el contenido, es probable que abandonen el sitio inmediatamente. Con una barra de búsqueda, se retiene a más clientes potenciales o lectores.
• Aumentar la tasa de conversiónPara los sitios web de comercio electrónico o de cursos, una búsqueda precisa permite a los usuarios encontrar más rápidamente el producto que desean comprar o el curso en el que quieren matricularse, lo que aumenta el índice de rotación.
• Descubrimiento de contenidos mejoradoLos visitantes pueden encontrar contenidos que de otro modo no habrían visto durante la búsqueda, lo que aumenta las visitas a la página.

Tutorial de funcionamiento

Paso 1: Iniciar sesión y acceder a la pantalla de personalización

• Inicie sesión en el backend de su sitio WordPress.
• Haga clic en el botón "Personalizar" de la parte superior para acceder a los ajustes de personalización del tema.

Paso 2: Abrir el constructor de cabeceras

• En el menú de la izquierda, haga clic en Cabecera.

• Asegúrese de utilizar el Menú principalpara que la barra de búsqueda se a?ada correctamente.

Paso 3: A?adir el componente de la barra de búsqueda

• En el área de creación de cabeceras, busque la ubicación en la que desea a?adirlo y haga clic junto al componente existente Icono "+"..
• En el cuadro de selección de módulos que aparece, seleccione el módulo Buscar en.

• La barra de búsqueda aparecerá automáticamente en la cabecera.

Paso 4: A?adir una barra de búsqueda para móviles

• Pulse el icono del dispositivo en la parte inferior de la pantalla de personalización para cambiar a la pantalla móvil Ver.

• Haga clic en el icono "+" en el constructor de cabecera para a?adir el Buscar en.

tome nota de: Los ajustes de la tableta suelen sincronizarse con el móvil, pero pueden ajustarse individualmente.

Paso 5: Personalizar el aspecto de la barra de búsqueda

Después de hacer clic en el campo de búsqueda a?adido, puede configurarlo:

• colorModificar el cuadro de búsqueda en elcolorque suele ser el color transparente por defecto.
• Espaciado: El espaciado de la caja de búsqueda.
• Margen: Los márgenes de la caja de búsqueda, en PX, EM y porcentaje.

Paso 6: Establecer el alcance del contenido de la búsqueda (opcional)

También es posible establecer el ámbito de actuación de la barra de búsqueda:

• Buscar sólo artículos (Post)
• O incluir páginas y descargas.

Se recomienda que, en general, sólo se activen las búsquedas de artículos para evitar interferencias.

Paso 7: Guardar y previsualizar el efecto

• Haga clic en la esquina superior derecha del Publique para guardar los ajustes.

• Abra el sitio y compruebe que la función de búsqueda funciona.

resúmenes

La adición de una barra de búsqueda a su sitio web utilizando el tema Astra no sólo mejora la experiencia de navegación en general, sino que también ayuda a los visitantes a encontrar contenido específico de manera más eficiente. Espero que este tutorial puede ayudarle, si quieres saber más WordPess tutoriales relacionados y la información, por favor, preste atención a laRed de fluctuación de fotones?Contiene los tutoriales más completos de WordPress con el mejor ambiente!Comunidad de intercambio de WordPress.

Contacte con nosotros
?No puede leer el tutorial? Póngase en contacto con nosotros para obtener una respuesta gratuita. Ayuda gratuita para sitios personales y de peque?as empresas	Servicio de atención al cliente WeChat
① Tel: 020-2206-9892
② QQ咨詢：1025174874
(iii) Correo electrónico: info@361sale.com
④ Horario de trabajo: de lunes a viernes, de 9:30 a 18:30, días festivos libres