En algunos casos contar con un buscador en tu página web es fundamental, para mejorar la experiencia de usuario o las ventas.
Descubre en este tutorial cómo añadir un formulario de búsqueda dentro del menú principal de GeneratePress con unas líneas de código.
Snippet para insertar una caja de búsqueda en el menú principal de GeneratePress
Añade el siguiente fragmento al final del fichero functions.php de nuestro child theme:
Este contenido está únicamente disponible para los suscriptores, para tener acceso a esta sección, y a todos los tutoriales y snippets de Código GP. Puedes identificarte en este enlace o si todavía no tienes un plan de pago puedes suscribirte aquí.
Añadimos el código CSS para darle estilo.
Hay varias formas de añadir código CSS personalizado en GeneratePress.
La forma más fácil es entrar en el personalizador --> CSS adicional.
Otra forma, y mi opción preferida, es añadiendo el código a nuestro archivo style.css del child theme.
También puedes usar el plugin Simple CSS, desarrollado por Tom Usborne la misma persona que desarrolló GeneratePress.
Elige la que prefieras 😉
Ten en cuenta que dependiendo del aspecto que quieras darle tendrás aplicar ciertos ajustes al diseño mediante CSS.
Este contenido está únicamente disponible para los suscriptores, para tener acceso a esta sección, y a todos los tutoriales y snippets de Código GP. Puedes identificarte en este enlace o si todavía no tienes un plan de pago puedes suscribirte aquí.
Conclusión
Si quieres añadir un formulario de búsqueda en la cabecera de tu página web , en este tutorial has visto como hacerlo con unas pocas líneas de código.
Así de fácil!!! ¿ Qué te parece ?
¿Tienes alguna pregunta o quieres mandarme una sugerencia para próximos tutoriales ó snippets?
Déjala en el formulario de soporte de la intranet.
Recuerda solo si estás suscrito, si no estás suscrito no ?