Hoy en día, se necesita un gran esfuerzo para atraer usuarios orgánicos a un sitio web. Una vez que los usuarios llegan a su sitio, es importante ofrecer enlaces a otras páginas relevantes. Aunque puede agregar publicaciones relacionadas en WordPress, es una buena idea usar un cuadro de búsqueda en todo el sitio en el área del menú de navegación del encabezado. Esto permitirá a los usuarios buscar y obtener la información que necesitan si no la encuentran en la página actual. También será útil en dispositivos móviles donde la barra lateral se ejecutará debajo del área de contenido.
Agregar un cuadro de búsqueda de encabezado de WordPress
WordPress ofrece un bloque de "Búsqueda" que puede insertar en cualquier parte del sitio. Esto es útil para agregar un cuadro de búsqueda a la sección del encabezado si está usando la edición completa del sitio con un tema basado en bloques. Si no está usando el bloque basados en temas, entonces su tema debe proporcionar una opción para agregar un ícono o un cuadro de búsqueda en la navegación; de lo contrario, debe usar un complemento de terceros para agregar la función.
1. Agregue un bloque de búsqueda a la plantilla de encabezado de temas de bloque
Los temas de bloques ofrecen partes de plantillas que puede editar y agregar todos los bloques de Gutenberg disponibles.
- Vaya a la sección Apariencia > Editor de su panel de administración. Si no ve este elemento de menú, entonces no está usando un tema de bloque y vaya al método 2 o 3 explicado en las secciones a continuación.
- Haga clic directamente en el área del menú de navegación superior de la vista previa para comenzar a editar el encabezado. De lo contrario, seleccione "Piezas del patrón" en la sección "Diseño" de la barra lateral izquierda.
- Luego seleccione la opción 'Encabezado' y finalmente haga clic en el icono del lápiz para editar el área del encabezado.
- Seleccione la pestaña del menú de navegación completo y luego haga clic en el ícono + para agregar un nuevo bloque.
- Escriba "buscar" en el cuadro para filtrar el bloque de búsqueda e insertarlo en el encabezado.
- Personalice el bloque de búsqueda para eliminar la etiqueta, ingrese el texto del contenedor, cambie el botón a un ícono de lente y elija la posición del botón dentro/fuera.
- También puede cambiar el tamaño del texto, los colores y el marco del bloque de búsqueda desde la barra lateral de Configuración.
- Cuando haya terminado, haga clic en el botón "Guardar" y luego haga clic en el botón "Guardar" nuevamente para guardar los cambios en la plantilla de encabezado.
- Ahora haga clic en el icono de WordPress que aparece en la esquina superior derecha para cerrar el editor y volver al panel de administración.
- Abra el sitio en una nueva pestaña del navegador y encontrará el cuadro de búsqueda en el área de navegación del encabezado.
2. Inserta un campo de búsqueda en el encabezado con temas que no bloqueen
La mayoría de los temas premium y gratuitos de WordPress no están basados en bloques y le permiten agregar el ícono de búsqueda en la navegación. Aquí hay algunos ejemplos con temas de Astra y GeneratePress:
- Tema Astra: vaya a "Apariencia > Personalizar > Generador de encabezados" y haga clic en el ícono + para agregar el campo "Buscar" en la posición deseada en el encabezado. También puede personalizar la visibilidad en computadoras de escritorio, dispositivos móviles y tabletas para mostrar u ocultar el ícono.
- GeneratePress Theme: vaya a la pestaña "Apariencia > Personalizar > Diseño > Navegación principal" y seleccione "Habilitar" en el menú desplegable para la opción "Buscar en Navegación".
Dado que se trata de una configuración específica del tema, debe navegar por el panel de temas o el personalizador para encontrar la opción.
3. Inserte la búsqueda de encabezado de complemento en temas sin bloqueo
Asegúrese de verificar primero si su tema tiene una opción para habilitar la búsqueda antes de instalar un complemento para este propósito. Si su tema no es compatible, puede usar el complemento de formulario de búsqueda modal SearchWP para este propósito. Vaya a "Complementos> Agregar nuevo" para instalar y activar el complemento de formulario de búsqueda modal SearchWP.
De forma predeterminada, el complemento habilitará el formulario de búsqueda en su sitio. Puede verificar esto yendo al menú "SearchWP" y personalizando otras configuraciones disponibles.
- Activar un formulario modal – asegúrese de que esta opción esté marcada.
- Activar estilo – seleccione la opción "Posicionamiento y estilo visual" para usar los estilos del complemento. Si tiene un problema con la alineación del cuadro de búsqueda en el sitio publicado, puede probar las opciones "Solo posicionamiento de estilo" o "Sin estilo".
- Modo de pantalla completa – habilite o deshabilite según su necesidad Esto abrirá el formulario de búsqueda en pantalla completa cubriendo todo el fondo.
- Deshabilitar el desplazamiento – habilite para desactivar el desplazamiento de fondo cuando se abre el modal de búsqueda.
- Ocultar mensajes – habilite esto para desactivar las notificaciones de complementos.
Haga clic en el botón "Guardar configuración" que aparece en la parte inferior de la página para aplicar los cambios que ha realizado.
3.1 Agregar búsqueda al menú del título
Después de personalizar la configuración del complemento, vaya a la sección "Apariencia> Menú" y seleccione su menú principal. En la sección "Agregar elementos de menú", expanda la opción "SearchWP Modal Search Forms". Seleccione el motor "Native WordPress" y haga clic en " botón Agregar al menú”.
Esto agregará la opción Buscar al menú. Cambie la "Etiqueta de navegación" a "Buscar" y haga clic en el botón "Guardar menú". Si su tema lo admite, simplemente puede agregar un ícono de lente sin una etiqueta de navegación.
Abra su sitio en una nueva pestaña del navegador y verifique si su encabezado de navegación tendrá un elemento de búsqueda agregado por el complemento. Haga clic en ese menú "Buscar" y verá aparecer un formulario modal. Ingrese su consulta y haga clic en el ícono de la lente para obtener resultados de búsqueda.
Recuerde que este complemento solo funcionará en temas que no estén basados en bloques, ya que la pestaña Apariencia > Menús no estará disponible para los temas en bloque. También puede agregar la funcionalidad de búsqueda AJAX en vivo usando otro complemento SearchWP Live Ajax Search.
palabras de cierre
Agregar un cuadro de búsqueda al menú de navegación del encabezado es más fácil en los sitios de WordPress que usan temas de bloque. Si su tema sin bloque no admite la búsqueda de encabezado, use el complemento SearchWP para agregar la función.
Deja una respuesta