Cómo poner Instagram en tu WordPress vía plugin

Cómo poner Instagram en tu WordPress vía plugin

Share on facebook
Facebook
Share on twitter
Twitter
Share on linkedin
LinkedIn
Share on whatsapp
WhatsApp
Share on email
Email
¬°Ponme nota!
5/5

Instagram mola un mont√≥n, es la red social de moda y lo m√°s trendy que hay, con un crecimiento espectacular ya que, de hecho, ya sobrepasamos las 10 millones de cuentas en Espa√Īa y, desde que la adquiri√≥ Facebook en el a√Īo 2.014, el crecimiento hay sido de un… ¬°x20!

Siendo as√≠ es lo m√°s normal que me lleguen consultas al correo todas las semanas preg√ļntandome si s√© de alg√ļn plugin que permite poner tu cuenta de Instagram en WordPress sin mucho l√≠o.

Y, la verdad, sí que lo hay.

Instagram Feed, el plugin de WordPress

El plugin en cuesti√≥n se llama Instagram Feed y lo mejor es que vas a tener algo s√ļper sencillo de configurar que te va a permitir mostrar uno o varios feeds de Instagram con el dise√Īo que te d√© la real gana.

Cremita fina, vaya.

Características de Instagram Feed

El plugin de Instagram Feed mola mucho porque es s√ļper f√°cil de configurar y s√≥lo hace una cosa, que es mostrar fotos de Instagram en tu WordPress, pero lo hace realmente bien y sin que te tengas que preocupar demasiado.

Entre las características más importantes están, así a modo resumen:

  • Puedes mostrar fotos de m√°s de una cuenta de Instagram, y puedes elegir si mostrarlas dentro de la misma p√°gina o en p√°ginas distintas. Vamos, que simplemente con esto te puedes montar un site espec√≠fico de Instagram en el que podr√°s hacer selecci√≥n de cuentas para mostrar a tu audiencia. Esto tiene adem√°s un mont√≥n de aplicaciones, desde darle un turbo a eventos en tu propia web hasta intentar lanzar un micronicho basado s√≥lo en fotos.
  • Por supuesto, es responsive, es decir, se va a ver igual de bien en un PC, en una tablet, o en un m√≥vil, sin importar el tama√Īo de la pantalla. Esto m√°s que una funcionalidad extra es algo que debe hacer todo plugin, sea de Instagram o sea de cualquier otra cosa.
  • Puedes personalizarlo todo: El n√ļmero de fotos que vas a mostrar, a cu√°ntas columnas, el ancho y alto de la imagen, el color de fondo o el espaciado entre im√°genes. Vamos, que vas a poder personalizar c√≥mo se ven las im√°genes  para que se adapten lo m√°ximo a lo que t√ļ quieres y tu dise√Īo de tu WordPress.
  • Para insertar las cuentas de Instagram donde quieras, funciona con shortcodes. Esto lo que viene a significar es que puedes poner las fotos de Instagram de las cuentas que quieras en un post, en una p√°gina, en la home de tu blog, en la barra lateral o en el footer, donde te d√© la real gana.
  • Tambi√©n puedes mostrar las fotos de Instagram en tama√Īo completo, en tama√Īo mediano o en miniatura, una vez m√°s, como te d√© la real gana.
  • M√°s cosas interesantes: vas a tener un bot√≥n de ¬ęSeguir en Instagram¬Ľ para conseguir m√°s seguidores.
  • Tambi√©n puedes mostrar las fotos en orden cronol√≥gico o en modo aleatorio, que es un puntazo para darle nueva vida a im√°genes antiguas, la verdad.
  • Y, por supuesto, si eres programador, puedes a√Īadir CSS personalizado o JavaScript a tu antojo

Configuración Instagram Feed

Ahora te voy a ense√Īar a configurar el plugin para que as√≠ puedas poner tus fotos de Instagram en tu WordPress paso a paso.

Ya te adelanto que es s√ļper f√°cil, ya ver√°s.

Antes de nada, instala y activa…

Antes de ponerte con la configuraci√≥n deber√°s ir en tu WordPress en la barra izquierda de administraci√≥n a Plugins, luego a A√Īadir Nuevo.

Una vez all√≠, busca ¬ęInstagram Feed¬Ľ, eliges el primero, lo instalas y activas.

Es este:

plugin-instagram-seleccion

Una vez lo tienes instalado y activado, la configuración se basa en tres pasos:

  • Configurar el acceso del plugin.
  • Configurar el feed.
  • C√≥mo se muestra.

Vamos uno a uno.

Configurando el acceso de Instagram Feed a la cuenta de Instagram

Al meterte en la configuración del plugin esto es lo primero que verás:

configurar-plugin-instagram-1

Simplemente pincha en el bot√≥n azul de acceso, de ah√≠ copia y pega el token de acceso, lo pones donde puedes leer ¬ęAccess Token¬Ľ, y eliges los ID’s o Hashtags que quieres mostrar.

Le das a salvar, y listo.

Configuración del feed de Instagram

Esta es la parte de configuración que más vas a tener que tocar, vas a ver algo así:

plugin-instagram-configuracion-2

En la primera parte podrás modificar el ancho y alto del feed, ya sea en porcentaje o en píxeles.

M√°s abajo puedes decirle al plugin si quieres las fotograf√≠as en orden cronol√≥gico o en modo aleatorio, as√≠como el n√ļmeor de fotos, columnas, resoluci√≥n y espaciado.

Siguiendo podr√°s decirle si quieres que te muestre una cabecera espec√≠fica del plugin o no, c√≥mo es el bot√≥n de ¬ęCargar m√°s¬Ľ y el bot√≥n de ¬ęSeguir en Instagram¬Ľ.

Por √ļltimo tienes disponible dos campos para a√Īadir CSS y JavaScript personalizado.

Ah, ¬°no te olvides guardar!

Como ves, s√ļper sencillito.

Cómo mostrar el plugin de Instagram donde quieras

La tercera pesta√Īa sirve para darte las instrucciones para que muestres el feed de Instagram donde quieras dentro de tu WordPress, ver√°s esto:

display-plugin-instagram

Antes de nada, ¬°no te asustes!

Si te fijas bien, para poner la cuenta de Instagram donde quieras sólo tienes que poner esto:

[instagram-feed]

El resto son instrucciones por si quieres ponerlo de una forma especial

Con esto ya lo tienes todo para mostrar la cuenta de Instagram donde t√ļ quieras dentro de tu WordPress, y sin tocar una l√≠nea de c√≥digo, ¬Ņc√≥mo te quedas?

Sergio Ramírez

Sergio Ramírez

Me gusta m√°s el Marketing Online que las galletas de chocolate. Poca broma.

2 respuestas

  1. Hola en mi pagina web mi instagram no funciona, ya le active todo y nada no se si me puedan ayudar?
    Es el instagram slider el problema porque me sale que el usuario de instagram no le da imagenes

    1. Hola, Daniela,

      No te debería dar problemas, hay veces, pocas, que toca desactivar el plugin y volverlo a activar porque se quede algo pillado (a veces la autentificación de la cuenta) pero, salvo esto, no le he visto mayores fallos.

      ¬°Un saludo!

Deja una respuesta

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

Este sitio usa Akismet para reducir el spam. Aprende cómo se procesan los datos de tus comentarios.