Cómo agregar una galería de fotos de instagram en WordPress


Instagram se ha convertido en la red social favorita del momento, con un nivel de interacción más alto que cualquier otra. Entre sus ventajas encontramos que es completamente visual y atractiva, sirve para humanizar las marcas y generar cercanía con ellas. Además cuenta con casi un billón de usuarios activos por mes.

Pues bien, hoy te voy a contar cómo insertar una imagen de Instagram en WordPress sin necesidad de plugins, también te voy a contar cómo añadir galerías más complejas y atractivas usando el plugin Instagram Feed.

Tutorial recomendado

Crea el sitio web de tu negocio en tres días paso a paso

Crea la página web de tu negocio en menos de tres días, de manera profesional y sin necesidad de programar usando WordPress y Elemetor, un plugin que te permitirá agregar secciones y bloques visualmente para armar tu sitio web a tu gusto.

¡Quiero aprender!

Cómo agregar una foto de Instagram a WordPress sin plugins

Esta es la manera más fácil de todas ya que consta de únicamente copiar el url de la imagen que se quiere mostrar, lo malo de este método es que solo puedes incluir una imagen o post de Instagram.

Para hacerlo, debes iniciar sesión en Instagram en el navegador web siguiendo el siguiente enlace: https://www.instagram.com/accounts/login/

instagram, login

Una vez inicies sesión dirígete a la foto que quieres publicar y haz clic en ella, en mi caso voy a usar una que está en mi perfil. Una vez se abra la foto, copia el url de la imagen desde el navegador y pégalo en el editor de texto de WordPress estando en modo “Visual”.

copiar url de instagram

El editor de WordPress automáticamente detectará que se trata de una imagen de Instagram y las mostrará, ahora ya podrías guardar los cambios o presionar el botón de “Vista previa” para ver cómo va quedando tu post.

Insertar una imagen de Instagram usando el código de inserción

Este método aplica si lo quieres insertar una imagen usando el código HTML de Instagram para mostrarla, para hacer esto inicia sesión en Instagram y abre la imagen que quieras compartir. Luego haz clic en los tres puntos que se encuentran al lado de la caja de comentarios.

menu de imagen de instagram

Haz clic en la opción “Insertar” y a continuación copia el código de inserción de Instagram.

menu de insertar de wordpress
copiar código de insercion de instagram

Una vez copiado el código de inserción de Instagram debes pegarlo en el editor de texto de WordPress o en cualquier lugar que acepté código HTML. Es importante aclarar que el editor de texto debe estar en vista de código o “HTML” como se muestra en la siguiente imagen:

codigo de instagram pegado

El código es bastante largo pero no te preocupes, es normal. Una vez tengas todo listo puedes previsualizar los cambios o guardar para ver la foto en tu sitio.

Crear una galería de imágenes de instagram

Si lo que quieres es mostrar una galería completa de Instagram con un mejor diseño y adaptable a cualquier dispositivola mejor opción es instalar el plugin “Instagram Feed” que cuenta con una calificación promedio de cinco estrellas y unas setecientas mil descargas al momento de escribir este post.

Para instalarlo debes estar logueado en el administrador de WordPress, ir al menú Plugins>Añadir nuevo y buscar el plugin “Instagram Feed” en la caja de búsqueda. Una vez lo encuentres, haz clic en instalar y luego en activar.

instalando el plugin instagram feed

Una vez activado el plugin podrás ver un nuevo menú en el administrador llamado “Instagram Feed”, haz clic en él para comenzar a configurarlo.

Lo que te recomiendo ahora es iniciar sesión en Instagram desde el navegador siguiendo este link: https://www.instagram.com/accounts/login/ esto hará que el proceso de configuración sea muy fácil.

Nota importante: la cuenta de instagram debe ser pública para poderse visualizar con el plugin.

Ahora vuelve al administrador de WordPress y presiona el botón “Connect an Instagram Account” (conectar una cuenta de Instagram), el plugin automáticamente conectará la cuenta de Instagram con nuestro sitio.

conectando cuenta de instrragram a wordpress
cuenta de instagram conectada

Ahora todo lo que debemos hacer es ir a la pestaña “Display your Feed”, copiar el shortcode de Instagram feed y pegarlo en el editor de texto de WordPress.

copiando el shortcode de instagram feed
pegando el shortcode de instagram feed

Guarda o previsualiza los resultados. Tu galería debería verse más o menos así:

Galería de instagram insertada en wordpress

La galería tiene un botón de cargar más imágenes y de seguir la cuenta de instagram, todas las fotos van a cargar en instagram una vez se haga clic en ellas. Si quieres personalizar un poco más la manera como se ve la galería, debes volver al menú de “Instagram feed” y hacer clic en la pestaña “Customize”.

pestana custoomize instagram feed

Aquí podemos configurar colores, tamaños y distribución de la galería. Para mostrar por ejemplo tres fotos por columna, debemos hacer scroll hasta la seección “Layuot” y seleccionar el número de imágenes por columna, en mi caso escogí tres.

imagenes por columna instagram feed

Animate a explorar las otras opciones de personalización que ofrece el plugin para mostrar la galería de acuerdo a tus necesidades. Cuando hayas terminado de editar haz clic en el botón “Guardar cambios” y refresca la página donde insertaste la galería para ver los cambios.

tres imágenes por columna

Si te sirvió este post compártelo en tus redes sociales y no te olvides de comentar.


Tutorial recomendado:

Crea el sitio web de tu negocio en tres días paso a paso

Crea la página web de tu negocio en menos de tres días, de manera profesional y sin necesidad de programar usando WordPress y Elemetor, un plugin que te permitirá agregar secciones y bloques visualmente para armar tu sitio web a tu gusto.

Ver ahora

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Cómo agregar una galería de fotos de instagram en WordPress

Suscríbete al newsletter

Recibe los mejores consejos para mejorar tu sitio web directo en tu bandeja de entrada.

Entrenamiento gratuitoAprende a usar WordPress en una semana

Aprende a instalar WordPress en tu computador y a dominar el panel de administración con nuestro entrenamiento completamente gratuito.