Hace bien poco publiqué un artículo sobre como crear un portfolio con flexbox en Genesis Sample. Pues bien, basándome en ese mismo tutorial, he creado un portfolio con un estilo que siempre me ha enamorado. Un portfolio a pantalla completa. Sin espacios, ni márgenes entre fotos, ni con ningún borde. Con el título oculto que sólo se desvela al hacer un mouse hover (pasar el cursor por encima). Por supuesto, ese efecto lo eliminamos en las pantallas pequeñas, que suelen ser las táctiles. Y como tales, no usamos ratón.
Como una imagen vale más que mil palabras, ahí os dejo unas capturas de Genesis Sample con el portfolio ya implementado para que veáis a lo que me refiero.
Como he dicho antes, en tablets la información (el título en este caso) que en pantallas de escritorio se ve haciendo un hover, lo he hecho fijo en la base de las imágenes. Y se vería así.
Y claro está, de igual manera se verá en móviles.
No descarto crear un tema de Genesis basado en este diseño de portfolio. Así que agradecería que si estás interesad@ me lo hicieses saber. O bien en los comentarios o bien por el formulario de contacto.
Sigamos. Como en el otro tutorial, hará falta que tengas instalado un plugin de Portfolio. Si no lo tienes echa un vistazo a Portfolio Post Type.