Cómo añadir instagram feed al pie de página con wordpress

En este tutorial voy a explicar como sincronizar una cuenta de instagram con tu página de WordPress y mostrar las fotos del perfil en el pie de página o footer.

Para ello he elegido un plugin gratuito, sencillo y funcional que hasta el día de hoy no me ha dado problemas.

Se trata del plugin “Smash Balloon Social Photo Feed” anteriormente conocido como “Instagram Feed”.

Utilizaremos una configuración básica que nos sirva para mostrar el Feed con un estilo los más minimalista posible.

ÍNDICE

 

1. Descargar plugin

Para instalarlo tienes que ir a Plugins -> Añadir nuevo y en la barra de búsqueda escribe su nombre.

Una vez lo ubiques, haz click en Instalar ahora y después en Activar.

 

2. Configuración

Si ya lo has activado correctamente, entonces habrás visto que en el menu lateral de WordPress se añadió una nueva pestaña con el nombre de “Instagram Feed”. Es ahí donde se encuentra toda la configuración del plugin para sincronizarlo con tu cuenta de instagram.

Tan sencillo como hacer click en + Conecta una cuenta de Instagram e introducir tu usuario y contraseña.

 

3. Personalizar

Cada uno puede configurarlo según lo necesite. Para este tutorial la configuración que yo recomiendo es la siguiente:

  • General

Ancho del Feed -> 100%

Altura del Feed -> dejar vacío

Color del fondo -> dejar vacío

  • Diseño

Tipo de diseño -> Cuadrícula

Número de Fotos -> 8

Número de columnas -> 4

Relleno alrededor de las imágenes -> 5px

Desactivar diseño móvil -> Dejar vacío

  • Fotos

Ordenar Fotos por -> De nuevo a más antiguo

Resolución de imagen -> Autodetección (recomendado)

  • Cabecera (Desactivar)

Mostar la cabecera del feed -> Dejar vacío

  • Botón ‘Cargar más’ (Desactivar)

Mostrar el botón ‘Cargar más’ -> Dejar vacío

  • Botón ‘Síguenos’

Mostrar el botón <> -> Dejar vacío

  • MISC

Deja la configuración por defecto

 

4. Añadir al pie de página

Abre la pestaña “3.Mostrar tu feed” y copia el código que aparece debajo de Mostrar tu feed.

Ve a Apariencias -> Widgets

*Para este ejemplo estoy utilizando la plantilla GeneratePress, asique las secciones de los widget no serán las mismas en el caso de que esteis usando otra.

En el apartado de Widgets disponibles buscar “HTML personalizado” y añádelo a la sección de Widget que desees. En mi caso yo elegí Widget de pie de página 5.

Una vez agregado indícale un Título e inserta en el Contenido el código que copiaste.

 

5. Guardar

Y por último, que no se te olvide darle a Guardar. 😛

Espero que te haya servido este tutorial. Lo he creado con la mayor sencillez y detalle posible para que todo el mundo pueda seguirlo.  😀

Si tienes alguna duda, no dudes en dejar un comentario! (ya que otra persona puede tener la misma duda que tú).

Será un placer contestarte con la mayor brevedad posible. 😀

Deja un comentario público