giok77

giok77

giok77

slot bonus new member

rumah88

¿Cómo agregar AJAX Live Search a un sitio de WordPress? – Aprendermarketing.es/

Por defecto, WordPress ofrece un bloque de búsqueda con un editor de Gutenberg. Puede insertar este bloque de búsqueda en cualquier lugar de su sitio, como encabezado, pie de página, barra lateral y área de contenido interno. Sin embargo, la función de búsqueda predeterminada no es compatible con la búsqueda en vivo de AJAX. Necesita un complemento de terceros para agregar la funcionalidad de búsqueda en vivo de AJAX a su WordPress.

📑 Aquí podrás encontrar 👇

Sitio predeterminado de WordPress frente a AJAX Search

Así es como funciona la búsqueda predeterminada de WordPress:

  • Escriba la consulta o las palabras clave en el cuadro de búsqueda y presione Intro.
  • Los resultados de la búsqueda se abrirán en una nueva página.
  • Haga clic en el resultado deseado para abrir esta página.

Este es un proceso largo, especialmente cuando las palabras clave tienen coincidencias exactas. Así es como funciona la búsqueda en vivo de AJAX:

  • Introduzca la consulta o las palabras clave en el cuadro de búsqueda.
  • Verá un resultado de búsqueda en vivo como un menú desplegable.
  • Haga clic y abra la página que corresponda a su consulta.

El propósito de AJAX es cargar contenido dinámicamente sin actualizar la página. Aquí, no necesita visitar la página de resultados de búsqueda en absoluto, lo que puede ahorrar tiempo al usuario y aumentar la atención.

Agregue AJAX Live Search a WordPress

Primero, asegúrese de haber agregado un cuadro de búsqueda al encabezado o al área de la barra lateral de su sitio. Los temas suelen ofrecer un icono o cuadro de búsqueda en la navegación del encabezado, y puede ir a la sección Apariencia > Widgets para agregar un bloque de búsqueda al área de la barra lateral. Recuerde que si está utilizando un tema basado en bloques, la pestaña Widgets no estará disponible y debe crear una plantilla en Apariencia > Editor. Cuando tenga un cuadro de búsqueda en su sitio, siga los pasos a continuación para agregar el AJAX en vivo. característica de búsqueda

Artículo Recomendado:  Los 5 mejores creadores de sitios web de negocios para 2022 - Mundo2030

Instale el complemento SearchWP

  • Vaya a la pestaña "Complementos > Agregar nuevo" en el panel de administración e ingrese "searchwp" en el cuadro de búsqueda.
  • Esto filtrará los complementos disponibles del repositorio de WordPress y mostrará el complemento "SearchWP Live AJAX Search".
  • Haga clic en el botón Instalar ahora y luego en el botón Activar para comenzar a usar el complemento en su sitio.
Instale el complemento de búsqueda SearchWP Live AJAX
Instale el complemento de búsqueda SearchWP Live AJAX

Configurar el complemento SearchWP

El complemento no tiene muchas opciones y después de AJAX busca automáticamente en vivo después de la activación.Sin embargo, vaya a la sección "SearchWP> Live Search" para cambiar la configuración predeterminada.

  • Habilitar búsqueda en vivo – asegúrese de que esta casilla esté marcada para usar la función de búsqueda en vivo de AJAX.
Habilite la búsqueda en vivo de AJAX en el complemento SearchWP
Habilite la búsqueda en vivo de AJAX en el complemento SearchWP
  • Activar estilo – seleccione la opción "Posicionamiento y estilo visual" para cargar el CSS desde el complemento. Si ve algún problema con el estilo CSS en la interfaz, puede probar otras opciones como "Solo estilo de posicionamiento" o Sin estilo".
  • Posicionamiento – puede elegir mostrar la búsqueda en vivo encima o debajo del cuadro de búsqueda. Es una buena idea seleccionar "En formulario de búsqueda", especialmente cuando tiene una opción de búsqueda en el encabezado o en la barra de navegación lateral. Si tiene un cuadro de búsqueda en el pie de página, entonces la opción "Arriba del formulario de búsqueda" podría funcionar para usted.
  • Ancho automático – habilite esta opción para que el ancho del menú desplegable de búsqueda en vivo esté alineado con el ancho del formulario de búsqueda.
  • Ocultar mensajes – habilite esto para desactivar las notificaciones de complementos.
Configuración del complemento SearchWP
Configuración del complemento SearchWP

Después de seleccionar sus opciones, haga clic en el botón "Guardar configuración" para aplicar los cambios.

Artículo Recomendado:  ¿Cómo agrego estilos personalizados a los widgets en un sitio de WordPress? - Aprendermarketing.es/

Probando la búsqueda en vivo de AJAX

Abra su sitio en una nueva pestaña del navegador e ingrese cualquier consulta relevante en el cuadro de búsqueda. Debería ver una lista de elementos que aparecen dinámicamente sin abrir una nueva página de resultados de búsqueda. Haga clic en el elemento de la lista para abrir esa página.

Agregar búsqueda AJAX a WordPress
Agregar búsqueda AJAX a WordPress

Si no ve ninguna coincidencia en la lista, presione Intro para abrir la página de búsqueda predeterminada. WordPress abrirá los resultados de búsqueda en una de las siguientes páginas de búsqueda y mostrará 10 elementos en una lista de acuerdo con el estilo de su tema.

  • https://yoursite.com/?s=search_query
  • https://yoursite.com/search/search_query

Puede cambiar la cantidad de elementos que se muestran en la página de resultados yendo a la sección "Configuración> Escritura", ingrese el número en el campo "Páginas de blog que se muestran más". Sin embargo, esta elección también afectará la cantidad de publicaciones que se muestran en el blog y otras páginas de archivo. También puede bloquear páginas de búsqueda internas en el archivo robots.txt para que los motores de búsqueda no indexen estas páginas.

palabras de cierre

Como puede ver, el complemento SearchWP NO cambiará la funcionalidad de búsqueda existente de WordPress. Simplemente agregará una función de búsqueda en vivo de AJAX y mostrará los resultados dinámicamente. Sin embargo, los usuarios aún pueden visitar la página de búsqueda estándar de WordPress para ver la lista de resultados. Tenga en cuenta que algunos temas comerciales de WordPress ofrecen búsqueda AJAX como parte de las opciones del tema. En tal caso, use la función de tema en lugar de usar un complemento adicional para el mismo propósito.

Artículo Recomendado:  Los 5 mejores programas de afiliados de WordPress para blogueros - Aprendermarketing.es/

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Subir