Cómo agregar la barra de búsqueda a un sitio de WordPress

La barra de búsqueda es un elemento esencial de un sitio web con el que nadie estaría de acuerdo. Esto se debe al hecho de que un sitio web contiene mucha información a través de la página inicial, páginas de productos, páginas de blogs, página de precios, etc. Es por eso que es esencial agregar la barra de búsqueda a su sitio de WordPress. Si necesita información existente en diferentes páginas, ¿cómo las encontrará? ¿Los encontrará visitando esas páginas individuales? Ciertamente, no te gustaría hacer esto. No es que no encuentre la información solicitada de esta manera. Pero también es un consumidor de tiempo y maldad. Aquí es donde la adición de una barra de búsqueda en su sitio ingresará al juego.
Se esconde el contenido
1 ¿Por qué agregar una barra de búsqueda a su sitio?
2 Agregar una barra de búsqueda al menú con el widget de búsqueda de WordPress predeterminado:
3 Agregue la barra de búsqueda con el widget de búsqueda de WordPress predeterminado:
3.1 Navegue a los widgets desde el tablero:
3.2 Agregue el widget de búsqueda de los widgets disponibles:
3.3 Haga los cambios necesarios:
3.4 Vea la barra de búsqueda en su página:
4 Agregue la barra de búsqueda con el kit Elements de widget de búsqueda:
4.1 Navegue a cualquiera de sus publicaciones o páginas existentes en el tablero:
4.2 Cambiar a la ventana Elementer:
4.3 Tire y coloque el widget de búsqueda de encabezado:
4.4 Establezca los parámetros de la barra de búsqueda:
4.5 Finalmente, ¡estás listo para comenzar!
5 Agregue el cuadro de búsqueda con el código CSS:
5.1 Vaya al editor de tareas:
5.2 Abra el archivo Header.php o SideBar.php:
5.3 Agregar función de la barra de búsqueda:
5.4 Vea la barra de búsqueda en su sitio web:
6. Conclusión:
¿Por qué agregar una barra de búsqueda a su sitio? Supongamos que no tiene una barra de búsqueda en su sitio en este caso, cuando los visitantes visiten su sitio, se esforzarán por encontrar la información necesaria. Como resultado, dejarán su sitio y todo su propósito de presentarlos en el sitio irá en vano. Permítame presentar a continuación algunos de los principales beneficios que puede obtener agregando una barra de búsqueda en su sitio,
Aliviar el esfuerzo de sus clientes para encontrar información
Eficata la experiencia del usuario
Mejora la participación
Reducir la tasa de rechazo
Muestra los elementos o información necesarios con algunas palabras clave reduciendo el esfuerzo
Agregar una barra de búsqueda al menú con el widget de búsqueda de WordPress predeterminado: ¿puede agregar la barra de búsqueda con el widget de búsqueda de WordPress predeterminado? No, no puedes. Porque WordPress le permite agregar la barra de búsqueda solo a las áreas listas para widgets.
Si desea agregar la barra de búsqueda al menú, debe usar otros complementos o widgets en diferentes áreas de su sitio, incluido el encabezado y el sótano. Por lo tanto, le guiaría por 3 formas diferentes de agregar una barra de búsqueda a su sitio de WordPress en este tutorial. Ahora, echemos un vistazo a cómo puede agregar la barra de búsqueda en su sitio a través de Widget predeterminado WordPress. Agregue la barra de búsqueda con el widget de búsqueda de WordPress predeterminado: la forma más simple y conveniente de inyectar una barra de búsqueda en su sitio es a través del tablero de WordPress. ¿Como hacer esto? Veamos la salida
Navegue a los widgets en el tablero: al principio, vaya al tablero del panel de administración y busque apariencia. Navegue y haga clic en Widgets desde una lista de elementos. Bashboard> Apariencia> widgeturiad y widget de búsqueda de widgets disponibles: esto lo llevará a una nueva página que aparece con diferentes secciones de página. Ahora, presione el botón “Agregar bloque” (aparecer con el signo +) para ver todos los widgets existentes. Desplácese hacia abajo para encontrar el widget de búsqueda o puede escribir “búsqueda” en el campo de búsqueda para encontrar el widget de búsqueda.
Haga clic en la sección donde desea la barra de búsqueda y luego presione en el widget de búsqueda. Alternativamente, también puede deslizar y colocar el widget de búsqueda en la sección deseada.

Haga los cambios necesarios: la barra de búsqueda ahora aparecerá en la sección seleccionada. Puede realizar los cambios necesarios en los diferentes elementos, como la alineación de la barra de búsqueda, la posición del botón, el color del texto, etc. También puede agregar una etiqueta personalizada a la barra de búsqueda, ya que finalmente hace clic en el botón Actualizar.
Vea la barra de búsqueda en su página: ahora, si visita alguna de sus páginas o publicaciones publicadas, puede ver que la barra de búsqueda o el cuadro de búsqueda aparecen en la barra lateral principal.

Agregue la barra de búsqueda con el widget de búsqueda Elementskit: Ahora, lo guiaré de otra manera fácil de agregar una barra de búsqueda a su sitio de WordPress. Y esto por Widget Search for the Elementskit. Es muy simple agregar un cuadro de búsqueda a través de ElementsKit. Sin otras extensiones, verifiquemos … navegue a cualquiera de las publicaciones o páginas existentes en el tablero: Primero, vaya al tablero y busque publicaciones o páginas. Aquí, mostraré cómo Widget Elegskit funciona con una publicación llamada “¡Hello World!” Vaya a “Publicaciones” y luego seleccione “Todas las publicaciones” para permitirle aparecer en todas las publicaciones. Desde allí, puede elegir la publicación en la que desea agregar una barra de búsqueda. Si no tiene una publicación o página existente, debe agregar una nueva publicación o página.

Pintura de tablero> Publicaciones> Todas las publicaciones> Publicación

Cambie a la ventana Elementer: ahora, haga clic en “Editar con Elementor” ubicado en el medio superior. Esto lo llevará a la ventana Elementer.

Tire y coloque su widget de búsqueda de encabezado: en la ventana Elementer, tendrá acceso a muchos widgets. Ingrese el widget “SETHEET Search” en el campo de búsqueda para encontrar el widget. Alternativamente, puede desplazarse hacia abajo y encontrar el widget. Una vez que siga el widget, tírelo y colóquelo en el área designada para permitir que aparezca la barra de búsqueda. Recuerde agregar la sección sobre el texto de su publicación, ya que es una barra de búsqueda.
Establezca los parámetros de la barra de búsqueda: una vez que aparezca la barra de búsqueda en la página, es hora de establecer los parámetros de la barra de acuerdo con sus preferencias en la pestaña de contenido, tendrá una sección de búsqueda de encabezado en la que coloca un texto sustituto, seleccione una búsqueda icono y ajuste la fuente de tamaño. En la pestaña de estilo, tendrá 2 secciones: contenedor de búsqueda y búsqueda. Desde la sección de búsqueda, puede ajustar los parámetros, como el color de fondo, el tipo de borde, la sombra del cuadro de búsqueda, el borde, etc. Tienes la barra de búsqueda.

En la sección Búsqueda de contenedores, puede seleccionar el tipo de fondo y establecer el texto del sustituto y el color del borde.

¡Finalmente, estás listo para comenzar! Después de haber completado la configuración, está listo para verificar y ver la barra de búsqueda desde el frente de su publicación. Si no está satisfecho con el aspecto del cuadro de búsqueda, puede cambiarla nuevamente desde el panel de administración.

Prueba ElementsKit ahora

Elementskit es un suplemento todo en uno para el generador de páginas Elementor, que incluye poderosos módulos, widgets, megameniu y encabezado y sótano.

Agregue el cuadro de búsqueda con el código CSS: hay otra forma en que puede usar para agregar una barra de búsqueda a su sitio y este es el uso del código CSS. Aunque necesita poco conocimiento técnico para hacer esto, no es una ciencia de misiles. Te mostraré el proceso aquí y será muy fácil después.

Vaya al editor de temas: primero, haga clic en “Apariencia” en el tablero y navegue por el “Editor de tareas”.

Abra el archivo Header.php o SideBar.php: con esto, se moverá al archivo style.css de forma predeterminada. A partir de ahí, abra el archivo Header.php o SideBar.php, dependiendo de la posición que desee aparecer. ? Agregué la función al código de archivo Header.php.
Vea la barra de búsqueda en su sitio web: finalmente, abra cualquiera de sus páginas publicadas y notará la barra de búsqueda que aparece en la parte superior. Si ha agregado la función a la barra lateral.php, la barra de búsqueda aparecerá en la barra lateral.
Liquidación: ¡esto es! Hemos presentado 3 técnicas súper fáciles para agregar una barra de búsqueda a su sitio web de WordPress. Dependiendo de sus requisitos, puede optar por cualquiera de ellos. Sin embargo, si agrega el encabezado de barra de widget de búsqueda del ElementsKit, obtendrá una ventaja adicional. ¿Qué es eso? Opciones de personalización sin fondo !!! Por lo tanto, si le gusta la personalización, use el widget de búsqueda de encabezado del ElementsKit. Con esto, puedes darle a la barra de búsqueda un aspecto fascinante.
Obtener elementoskit ahora

¿Le gustaría aprender más sobre la última actualización de ElementsKit? Consulte nuestro blog sobre la última actualización sobre ElementsKit.