Añadir un campo de búsqueda en la página de blog de Academy Pro

Aprende con este tutorial cómo colocar un campo de búsqueda en la página de blog en el child theme de Genesis Academy Pro mediante código.

Una de las ventajas de ser suscriptor de Código Genesis es que puedes hacer sugerencias de tutoriales. Por ejemplo, el otro día Miriam me comentaba:

Hola, ¿qué tal? Verás, me gustaría saber si es posible poner un buscador en la página del blog y que se pueda filtrar o puedan encontrar el contenido más fácilmente.

Estoy usando el theme Academy Pro.

Gracias,
Miriam 🙂

Por defecto, el child theme de Genesis Academy Pro no muestra ningún buscador en la página de blog.

Pero es cierto que tener una forma de buscar desde esta página puede ser muy interesante, especialmente si hay mucho contenido en ella.

Así me puse manos a la obra. 😉

Este sería el resultado final:

Y aquí tienes cómo conseguirlo.

Pasos para agregar una búsqueda al blog de Academy Pro

1. Introduce el campo de búsqueda

Añade el siguiente fragmento al final del fichero functions.php o a tu plugin de funcionalidades:

Con este bloque de código consigues que se muestre el campo de búsqueda centrada.

En cambio, en dispositivos móviles, los dos campos se mostrarán centrados y ocupando el 100% del ancho.

Conclusiones

Si quieres añadir un campo de búsqueda en la página de blog en Academy Pro ahora ya sabes cómo hacerlo con un poco de código.

Aunque este snippet está pensado para una plantilla concreta, puede servirte de guía para modificar otros child themes de Genesis Framework.

¿Prefieres que lo adapte a alguno de ellos en particular? Envíame la propuesta a través del formulario de contacto y prepararé un tutorial a medida.

Ventajas de ser suscriptor. 😉