Cómo crear una galería responsive en WordPress

Hoy vamos hablar de cómo puedes insertar una galería de fotos responsive en tu WordPress, pero antes un poco de autobombo!!!:

Si quieres que te ayude a crear o mejorar tu página web pásate por Pampua.es

Te ofrezco garantía de satisfacción total (hasta que no esté a tu gusto no pagas el último 50%) y soporte ilimitado por mail. El 100% de los clientes terminan contentos. Lee sus reseñas!

Cómo crear una galería responsive en WordPress

Crear una galería de fotos desde el propio WordPress es  muy fácil.

Dentro de la página o entrada en las que quieras incluirla, solo tienes que hacer clic en el botón “Añadir objeto” como si fueras a añadir una imagen normalmente.

En la menú de la izquierda, selecciona “Crear galería”:

Ahora podrás seleccionar todas las fotos que quieras incluir. Cuando las hayas escogido todas, haz clic en el botón “Crear una nueva galería”.

En la siguiente ventana podrás editar algunas cosas, como el orden de las imágenes, las leyendas (que se mostrará como si fuera el título de la imagen), el número de columnas a mostrar, el tamaño de las miniaturas y hacia dónde enlazan, aunque esta última opción está muy limitada.

Pero la verdad es que la galería así queda un poco cutre, vamos a mejorar el aspecto un poco añadiendo un efecto “mesa de luz” o “Lightbox” para que cada vez que hagas clic en una imagen de la galería, se amplíe mostrándose en el centro de la pantalla con todo alrededor oscurecido, añadiendo además unas flechas de navegación para que puedas pasar a la siguiente o a la anterior foto.

Para activar este efecto, solo tienes que instalar este plugin llamado WP Featherlight, y en la edición de la galería seleccionar la opción “Enlazado a: Archivo multimedia”. Es un plugin muy ligero y que funciona nada más instalarlo sin tener que configurar nada.

Si queremos mejorar aún más su aspecto os recomiendo que también instaléis el plugin de “Tiled Gallery” que nos muestra la galería con un interesante efecto de mosaico:

La configuración de este plugin para que funcione correctamente es muy sencilla, dejamos solo activada la primera opción llamada “Tiled Galleries” y desactivamos el resto:

Y ahora una forma distinta de mostrar las imágenes:

Importar las fotos automáticamente desde Instagram

Esto tampoco tiene mucho misterio, simplemente tenemos que instalar el plugin “Instagram Feed” https://es.wordpress.org/plugins/instagram-feed/ y configurarlo. Sólo tienes que conectarlo con tu cuenta de instagram, configurar cuantas fotos y columnas quieres que muestre (te recomiendo que sea el mismo número en ambos campos para mostrar una tira de imágenes; 5 queda bien)

Y ahora…

EL PODCAST DE LA SEMANA

Hoy quiero recomendaros Disrupt everything del gran Isra García.

Semanalmente Disrupt Everything te ayuda a cambiar y mejorar todo lo que te propongas. Es una guía para vivir en un estado permanente de reinvención. Un proyecto diseñado para facilitar las claves, estrategias, técnicas, habilidades, rituales, nuevos fundamentos, procesos, sistemas o trucos que te ayuden a reinventarte a ti mismo, y todo lo demás. La meta final de este podcast es: incomodarte, educarte, molestarte, lanzarte, liderarte, desarrollarte, optimizarte, mentorizarte, potenciarte, propulsarte, elegirte y reinventarte. Vamos a ello.

Como siempre, los puedes escuchar en iTunes, iVoox, Spotify, Youtube, etc.

Y esto ha sido todo por hoy, si ya conocías cómo modificar los tipos de letra y has echado algo en falta, cuéntamelo! O si te ha quedado alguna duda o te gustaría que tratase algún tema en concreto pásate por pampua.es y déjame un mensaje; estaré encantado de comentarlo contigo.

O si lo prefieres en los comentarios de iVoox, en twitter @pampua, o en nuestra página de Facebook: facebook.com/pampua

Si te ha gustado este episodio compártelo al menos con una persona a la que pueda resultarle interesante. Por whatsapp, por mail, por  Facebook, twitter o incluso por SMS, como quieras, pero compártelo! Recuerda que puedes escucharlo y suscribirte en iTunes, iVoox, Spotify, Youtube y desde la web de pampua.es/podcast.

Y por último estaré inmensamente agradecido si me dejas una reseña de 5 estrellas en iTunes o un me gusta y un comentario en iVoox. Puedes ver cómo dejar una reseña en www.pampua.es/resena

El jueves que viene hablaremos de cómo alinear elementos con CSS en nuestro WordPress.

Muchísimas gracias por escuchar hasta el final, por comentar, por tus “Me gusta” y reseñas. Nos escuchamos la semana que viene llueva, nieve o truene!