Tutorial del tema Avada: utilizando el Elemento de Búsqueda, ¡haga que la búsqueda en el sitio sea más inteligente, práctica y cómoda!

Tema AvadaNo sólo hereda las funciones de búsqueda integradas en WordPress, sino que también ofrece un sistema de búsqueda fácilmente personalizable. Elemento de búsquedaPuede insertarse en elEn cualquier parte del sitiorealizarBúsqueda en tiempo realyFiltrado de tipos de contenidoy otras funciones avanzadas. Este artículo le llevará a través de la completa Elementos de búsqueda Avaday proporciona pasos detallados de configuración para ayudarle a conseguir rápidamente formularios de búsqueda de calidad profesional.

¿Qué es Avada Search Element?

Elemento de búsqueda Avada es un componente de Avada Builder Element que proporciona a los sitios webBuscar contenidoLa barra de búsqueda puede insertarse en cualquier zona de la página, por ejemplo:

Área de contenido de la página
Diseño de la cabecera
Diseño del pie de página
Sección de diseño personalizado

Admite Búsqueda global en WordPressTambién están disponiblesExcelentes prestaciones::

Búsqueda en directo
Posibilidad de buscar tipos de contenido específicos (artículos, carteras, etc.)
Mostrar meta información como imagen destacada, tipo de entrada, categoría, etc.
Personalización total del diseño (bordes, fuentes, fondos, colores, etc.)

II. Cómo añadir y configurar elementos de búsqueda

Añadir un elemento de búsqueda

Vaya al editor de páginas (Avada Live Builder).
Busque el lugar donde desea insertar el cuadro de búsqueda.

Haga clic en Añadir elemento (+) para buscar y seleccionar el elemento Buscar en.

comandante en jefe (militar)Elementos de búsquedaInserte la página y podrá empezar a configurar sus parámetros.

Configuración de la pestaña General

1. Contenido de los resultados de búsqueda

Seleccione el tipo de contenido a buscar, por defecto está vacío indicando que se buscará en todo el sitio.
Por ejemplo, si su contenido de vídeo es del tipo Cartera (Portfolio), puede especificar que sólo se busque en ese tipo.

2. Activar Live Search

Activar o desactivar "Búsqueda en tiempo real", que se recomienda activar. Cuando está activada, aparecen las siguientes opciones:

Búsqueda en directo Recuento mínimo de caracteres: Cuántos caracteres introduce el usuario antes de que se inicie la búsqueda en tiempo real, el valor predeterminado es 3.
Búsqueda en directo Número de entradas: Cuántas sugerencias se muestran, por defecto es 100, se puede ajustar a 10-500.
Mostrar imagen destacada: Si se muestran miniaturas de los resultados de las sugerencias de búsqueda (por defecto es sí).
Mostrar tipo de entrada: Si desea mostrar etiquetas de tipo de contenido (por ejemplo, post, página, etc.).
Limitar la búsqueda a los títulos de las entradas: Si se debe buscar sólo en el título (por defecto es no, lo que significa buscar en el texto completo).

3. Marcador de posición

El texto del cuadro de búsqueda, por ejemplo, puede ser "Buscar vídeos".

Configuración de la pestaña Diseño (Apariencia del estilo)

1. Diseño del formulario de búsqueda

Pasos: Búsqueda -> Diseño

Los estilos opcionales son:

Limpiar
Clásico

Puede elegir uno de ellos en función del estilo de la página web.

2. Fuentes y colores

Tamaño de fuente por defecto 16px
color de fuenteEl color 7 de Avada se utiliza por defecto
El color de fondo, el color del borde y el color de enfoque se pueden personalizar libremente (utilizando los preajustes de color de Avada).

3. radio de una esquina redondeada

El Radio del borde del campo está predeterminado a 6px, que es un efecto ligeramente redondeado.

4. Estilo de cuadro desplegable de búsqueda en vivo

Personalizable:

color de fondo
Enlace Color
Color de la metainformación (por ejemplo, categoría del artículo)
Altura máxima del contenedor (por ejemplo, 500px)
Estilo de la barra de desplazamiento (predeterminado, oculto, personalizado)

Pestaña Extras (configuración avanzada)

Puede añadir una animación de carga a la barra de búsqueda como:

deslizar
fundirse
rebote
Ampliación y otros 7 efectos

Puede establecerse como Ninguno si no se necesita ninguna animación.

efecto de prueba

Guarde la página y actualice la página del front-end.
Desplácese hasta la zona de la barra de búsqueda insertada.
Introduzca una palabra clave (por ejemplo "libro de texto" o "Vídeo") para ver el desplegable de resultados de las sugerencias en tiempo real.
Si hace clic en uno de ellos, accederá directamente a la página correspondiente; si pulsa Intro, accederá a la página estándar de resultados de búsqueda de WordPress.

Sugerencias de uso y consejos prácticos

Si su contenido está dividido en tipos tales como artículos, productos, vídeos, etc., se recomienda pasar la etiqueta Contenido de los resultados de la búsqueda Control preciso de los tipos de búsqueda.
Activar la búsqueda en directo mejora la sensación de interacción, y se recomienda establecer un número máximo razonable de resultados y caracteres desencadenantes.
El cuadro de búsqueda se coloca en la cabecera oVisibilidad de la página de inicioque ayuda a aumentar el compromiso de los visitantes.
La barra de búsqueda puede añadirse a la cabecera, a la barra adhesiva o al área fuera del lienzo junto con el constructor de diseño.

resúmenes

Avada Search Element es un componente potente y altamente personalizable que no sólo mejora la experiencia de búsqueda del usuario, sino que también permite la uniformidad visual y la optimización de la interacción a través de un estilo rico y opciones de control de contenido. Para obtener más información sobre WordPress y Tutorial de AvadaBienvenidoRed de fluctuación de fotonesEl intercambio diario de prácticasConsejos para crear un sitio webExperiencia en optimización de sitios web.

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