Smash Balloon Social Photo Feed

Descripción

Muestra fotos de Instagram desde cualquier cuenta Instagram no privada, ya sea de un mismo feed o de varios diferentes.

Características

  • New: Now automatically powers your Instagram oEmbeds
  • Super sencillo de configurar.
  • Mostrar fotos de múltiples cuentas de Instagram en el mismo feed o en feeds separados.
  • Completamente adaptable y listo para dispositivos móviles – el diseño se ve muy bien en cualquier tamaño de pantalla y en cualquier ancho de contenedor.
  • Completamente personalizable – ¡Personaliza el ancho, alto, número de fotos, número de columnas, tamaño de imagen, color de fondo, espaciado entre imágenes y más!
  • Mostrar múltiples feeds de Instagram en la misma página o en diferentes páginas de tu sitio.
  • Usa las opciones de shortcode incorporadas para personalizar completamente cada uno de tus feeds de Instagram.
  • Muestra miniaturas, fotos medianas o fotos de tamaño completo de tu feed de Instagram.
  • Carga infinitas fotos de Instagram con el botón «Cargar más».
  • Incluye un botón Seguir en Instagram en la base de tu feed.
  • Muestra una hermosa cabecera en la parte superior de tu feed.
  • Muestre tus fotos de Instagram cronológicamente o en orden aleatorio.
  • Agrega tu propio CSS personalizado y JavaScript para personalizaciones aún más profundas.
  • Handy block for easily adding your feed to posts and pages using the block editor

Ventajas

  • Aumenta la participación social – Aumenta la participación entre tú y tus seguidores de Instagram. Aumenta tu número de seguidores mostrando tu contenido de Instagram directamente en tu sitio.
  • Ahorra tiempo – ¿No tienes tiempo para actualizar tus fotos en tu sitio? Ahorra tiempo y aumenta la eficiencia solo publicando tus fotos en Instagram y mostrarlas automáticamente en tu web.
  • Muestra tu contenido a tu manera – ¡Personaliza tus feeds de Instagram para que se vean exactamente como tú quieres, para que se mezclen aparentemente en tu sitio o salten a tus visitantes!
  • Mantén tu sitio como nuevo – Sube automáticamente tu nuevo contenido de Instagram directamente a tu sitio para mantenerlo como nuevo y conservar la participación de tu audiencia.
  • Super simple de configurar – Una vez instalado, ¡puedes mostrar tus fotos de Instagram en 30 segundos! No hay pasos confusos ni se necesita una cuenta de desarrollador de Instagram.
  • Powers all Instagram oEmbeds on your site – With WordPress removing support for Instagram oEmbeds, the plugin will now power all Instagram embeds on your site, old and new, to allow them to continue working.

Versión pro

Para mantener la versión gratuita del plugin de forma continua, y para proporcionar un soporte rápido y eficaz de forma gratuita, ofrecemos una versión pro del plugin. La versión pro te permite:
* Mostrar feeds de hashtag
* Ver fotos y videos en una caja de luz emergente directamente en tu sitio
* Ver comentarios de publicaciones para feeds de usuarios
* Mostrar el número de me gusta y comentarios para cada publicación
* Crea carruseles a partir de tus publicaciones
* Utilizar diseños de «Cuadrícula irregular» o «Resaltado» para tus feeds
* Mostrar leyendas para fotos y videos
* Filtrar publicaciones basadas en hashtag/palabra
* Sistema avanzado de moderación para ocultar/mostrar ciertas publicaciones.
* Bloquear publicaciones para usuarios específicos
* Crear feeds de Instagram «shoppable» y más.

Find out more about the Pro version or try out the Pro demo.

Valoraciones destacadas

«Simple y conciso – Un plugin excellente. Simple y sin excesos. Tuve un par de pequeños problemas con el plugin cuando comencé a usarlo, pero escribí un comentario en los foros de soporte y al día siguiente publicaron una nueva versión con la solución. ¡Un soporte increíble!» – Josh Jones.

«¡Gran plugin, mejor soporte! – He notado un aumento en el número de seguidores de Instagram desde que añadí este plugin a la barra lateral. Gracias por la ayuda en hacer algunos ajustes… ¡Gran aspecto y funcionamiento!» – BNOTP.

Dar respuesta o soporte

Nos esforzamos en proporcionar el plugin de feed de Instagram más personalizable, robusto y con mejor soporte del mundo, por lo que si tienes un problema o tienes algún comentario sobre cómo mejorarlo, abre un ticket en el foro de soporte.

Para ver fotos en caja de luz emergente, mostrar publicaciones por hashtag, mostrar leyendas de fotos, soporte de vídeo y mucho más, echa un vistazo a la versión Pro.
Añade feeds de Instagram maravillosamente limpios, personalizables y adaptables a tu web. Muy sencillo de configurar y con un montón de opciones de personalización para adaptarse perfectamente a la apariencia de tu sitio.

¿Por qué necesito esto?

Aumenta la participación social
Aumenta la participación entre tú y tus seguidores de Instagram. Aumenta tu número de seguidores de Instagram mostrando tu contenido de Instagram directamente en tu sitio.

Ahorra tiempo
¿No tienes tiempo para actualizar tus fotos en tu sitio? Ahorra tiempo y aumenta la eficiencia solo publicando tus fotos en Instagram y mostrarlas automáticamente en tu web.

Muestra tu contenido a tu manera
¡Personaliza tus feeds de Instagram para que se vean exactamente como tú quieres, para que se mezclen aparentemente en tu sitio o salten a tus visitantes!

Mantén tu sitio como nuevo
Sube automáticamente tu nuevo contenido de Instagram directamente a tu sitio para mantenerlo como nuevo y conservar la participación de tu audiencia.

No necesitas codificación
Elije entre toneladas de opciones de personalización integradas en Instagram Feed para crear un feed verdaderamente único de tu contenido de Instagram.

Super simple de configurar
Una vez instalado, ¡puedes mostrar tus fotos de Instagram en 30 segundos! No hay pasos confusos ni se necesita una cuenta de desarrollador de Instagram.

Atención al cliente alucinante
Entendemos que a veces necesitas ayuda, tienes problemas o simplemente tienes preguntas. Amamos a nuestros usuarios y nos esforzamos por brindar la mejor experiencia de soporte en el negocio. Somos expertos en la API de Instagram y podemos proporcionar un servicio y experiencia sin igual. Si necesitas soporte, háznoslo saber y nos pondremos en contacto contigo de inmediato.

¿Qué puede hacer?

  • Muestra fotos de Instagram desde cualquier cuenta de Instagram que tengas.
  • Completamente adaptable y listo para dispositivos móviles -tu diseño de feed de Instagram se ve muy bien en cualquier tamaño de pantalla y en cualquier ancho de contenedor.
  • Mostrar múltiples feeds de Instagram en la misma página o en diferentes páginas de tu sitio, mediante el uso de nuestras potentes opciones de shortcode de Instagram Feed.
  • Mostrar publicaciones de varias ID de usuario de Instagram
  • Usa las opciones de shortcode incorporadas para personalizar completamente cada uno de tus feeds de Instagram.
  • Carga fotos de Instagram infinitamente con el botón «Cargar más».
  • ¡Continuamente añadimos muchas más características!

Completamente personalizable

  • Por defecto, el feed de Instagram adoptará el estilo de tu web, ¡pero se puede personalizar completamente para que se vea como quieras!
  • Establece el número de fotos de Instagram que quieres mostrar.
  • Elije cuántas columnas quieres para mostrar tus fotos de Instagram y el tamaño de las fotos de Instagram.
  • Elije mostrar u ocultar ciertas partes del feed de Instagram, como la cabecera, los botones «Cargar más» y «Seguir».
  • Controla el ancho, la altura y el color de fondo de tu feed de Instagram.
  • Establecer el espacio/relleno entre las fotos de Instagram.
  • Mostrar fotos de Instagram en orden cronológico o aleatorio.
  • Usa tu propio texto y colores personalizados para los botones «Cargar más» y «Seguir».
  • Introduce tu propio CSS personalizado o JavaScript para una personalización aún más profunda.
  • Utiliza las opciones de shortcode para dar estilo de maneras completamente diferentes a múltiples feeds de Instagram.
  • ¡Continuamente añadimos muchas más opciones de personalización!

Capturas

  • Estilo del plugin por defecto
  • Tu feed de Instagram es completamente personalizable
  • Muestra múltiples feeds de Instagram desde cualquier cuenta Instagram no privada
  • Tus feeds de Instagram son completamente adaptables y se ven geniales en cualquier dispositivo
  • Muestra tus fotos de Instagram en varias columnas, con o sin una barra de desplazamiento
  • Simplemente copia y pega el shortcode en cualquier página, publicación o widget en tu sitio
  • Las páginas de configuración del plugin Instagram Feed

Bloques

Este plugin proporciona 1 bloque.

sbi/sbi-feed-block
Smash Balloon Social Photo Feed

Instalación

  1. Instala el plugin Instagram Feed a través del directorio de plugins de WordPress, o subiendo los archivos a tu servidor web (en el directorio /wp-content/plugins/).
  2. Activa el plugin Instagram Feed a través del menú «Plugins» de WordPress.
  3. Navigate to the ‘Instagram Feed’ settings page to connect your Instagram account.
  4. Utiliza el shortcode [instagram-feed] en tu página, publicación o widget para mostrar tus fotos de Instagram.
  5. Puedes mostrar múltiples feeds de Instagram usando opciones de shortcode, por ejemplo: [instagram-feed num=6 cols=3]

For simple step-by-step directions on how to set up the Instagram Feed plugin please refer to our setup guide.

Muestra tu feed

Un solo feed de Instagram

Copia y pega el siguiente shortcode directamente en la página, publicación o widget donde te gustaría que se muestre el feed de Instagram: [instagram-feed]

Múltiples feeds de Instagram

Si deseas mostrar múltiples feeds de Instagram, puedes establecer diferentes ajustes directamente en el shortcode así: [instagram-feed num=9 cols=3]

If you’d like to display feed from more than one account, connect multiple accounts on the «Configure» tab and then add the user name in the shortcode: [instagram-feed user="ANOTHER_USER_NAME"]

Puedes mostrar tantos feeds de Instagram diferentes como quieras, ya sea en la misma página o en diferentes páginas, simplemente utilizando las siguientes opciones de shortcode. Por ejemplo:
[instagram-feed]
[instagram-feed user=»ANOTHER_USER_NAME»]
[instagram-feed user=»ANOTHER_USER_NAME, YET_ANOTHER_USER_NAME» num=4 cols=4 showfollow=false]

Consulta la siguiente tabla para obtener una lista completa de las opciones de ahortcode disponibles:

Opciones de shortcode

  • Opciones generales
  • user – An Instagram User Name (must have account connected) – Example: [instagram-feed user=AN_INSTAGRAM_USER_NAME]
  • width – El ancho de tu feed de Instagram. Cualquier número – Ejemplo: [instagram-feed width=50]
  • widthunit – La unidad del ancho de tu feed de Instagram. En ‘px’ o ‘%’ – Ejemplo: [instagram-feed widthunit=%]
  • height – La altura de tu feed de Instagram. Cualquier número – Ejemplo: [instagram-feed height=250]
  • heightunit – La unidad de la altura de tu feed de Instagram. En ‘px’ o ‘%’ – Ejemplo: [instagram-feed heightunit=px]
  • background – El color de fondo del feed de Instagram. Cualquier color en código hexadecimal – Ejemplo: [instagram-feed background=#ffff00]
  • class – Añadir una clase de CSS al contenedor de feeds de Instagram – Ejemplo: [instagram-feed class=feedOne]
  • Opciones de fotos
  • sortby – Ordena las publicaciones de Instagram de más reciente a más antigua (none) o aleatorias (random) – Ejemplo: [instagram-feed sortby=random]
  • num – El número de publicaciones de Instagram para mostrar inicialmente. El máximo es 33 – Ejemplo: [instagram-feed num=10]

  • cols – El número de columnas en tu feed de Instagram. De 1 a 10 – Ejemplo: [instagram-feed cols=5]

  • imageres – La resolución/tamaño de las fotos de Instagram. Automático ‘auto’, completo ‘full’, medio ‘medium’ o miniatura ‘thumb’ – Ejemplo: [instagram-feed imageres=full]
  • imagepadding – El espacio alrededor de tus fotos de Instagram – Ejemplo: [instagram-feed imagepadding=10]
  • imagepaddingunit – La unidad del relleno en tu feed de Instagram. En ‘px’ o ‘%’ – Ejemplo: [instagram-feed imagepaddingunit=px]
  • disablemobile – Desactiva el diseño móvil para tu feed de Instagram. Verdadero ‘true’ o falso ‘false’ – Ejemplo: [instagram-feed disablemobile=true]
  • Opciones de cabecera
  • showheader – Decidir si deseas mostrar la cabecera del feed de Instagram. Verdadero ‘true’ o falso ‘false’ – Ejemplo: [instagram-feed showheader=false]
  • showbio – Whether to show the account’s bio in the Instagram feed Header. ‘true’ or ‘false’ – Example: [instagram-feed showbio=false]
  • custombio – Custom Bio text for the Instagram feed Header – Example: [instagram-feed custombio="My custom bio."]
  • customavatar – URL of a custom Avatar for the header. Example: [instagram-feed customavatar="https://my-site.com/avatar.jpg"]

  • headercolor – El color del texto de la cabecera del feed de Instagram. Cualquier color en código hexadecimal – Ejemplo: [instagram-feed headercolor=#333]

  • Opciones del botón «Cargar más»
  • showbutton – Decidir si deseas mostrar el botón «Cargar más». Verdadero ‘true’ o falso ‘false’ – Ejemplo: [instagram-feed showbutton='false']
  • buttoncolor – El color de fondo del botón. Cualquier color en código hexadecimal – Ejemplo: [instagram-feed buttoncolor=#000]
  • buttontextcolor – El color del texto del botón. Cualquier color en código hexadecimal – Ejemplo: [instagram-feed buttontextcolor=#fff]
  • buttontext – El texto utilizado para el botón – Ejemplo: [instagram-feed buttontext="Cargar más fotos"]
  • Opciones del botón ‘Seguir en Instagram’
  • showfollow – Decidir si deseas mostrar el botón ‘Seguir en Instagram’. Verdadero ‘true’ o falso ‘false’ – Ejemplo: [instagram-feed showfollow=true]
  • followcolor – El color de fondo del botón ‘Seguir en Instagram’. Cualquier color en código hexadecimal – Ejemplo: [instagram-feed followcolor=#ff0000]
  • followtextcolor – El color del texto del botón ‘Seguir en Instagram’. Cualquier color en código hexadecimal – Ejemplo: [instagram-feed followtextcolor=#fff]
  • followtext – El texto utilizado para el botón ‘Seguir en Instagram’ – Ejemplo: [instagram-feed followtext="Sígueme"]

For more shortcode options, check out the Pro version.

Configurando el plugin gratuito de WordPress Instagram Feed

1) Una vez que hayas instalado el plugin Instagram Feed, haz clic en el elemento Instagram Feed de tu menú de WordPress

2) Click on the large blue Instagram button to log into your Instagram account and connect your Instagram account. If you’re having trouble retrieving your Instagram information from Instagram then try using the Instagram button on this page instead.

You can also display photos from other Instagram accounts by connecting additional Instagram accounts and adding the user name in the shortcode.

3) Navega hasta la página de personalización de «Instagram Feed» para personalizar tu feed de Instagram.

4) Una vez que hayas personalizado tu feed de Instagram, haz clic en la pestaña «Mostrar tu feed» para obtener el shortcode [instagram-feed].

5) Copia el shortcode de «Instagram Feed» y pégalo en cualquier página, entrada o widget donde quieras que aparezca el feed de Instagram.

6) Puedes pegar el shortcode de «Instagram Feed» directamente en el editor de tu página.

7) Puedes usar el widget de «Texto» por defecto de WordPress para mostrar tu feed de Instagram en una barra lateral u otra área de widgets.

Preguntas frecuentes

¿Puedo mostrar múltiples feeds de Instagram en mi sitio o en la misma página?

Yep. You can display multiple Instagram feeds by using our built-in shortcode options, for example: [instagram-feed user="smashballoon" cols=3]. Be sure to connect the related Instagram account on the «Configure» tab.

¿Puedo mostrar fotos de más de una cuenta de Instagram en un solo feed?

Yep. You can add multiple user names from the connected accounts on the plugin’s Settings page, or directly in the shortcode, separated by commas, like so: [instagram-feed user="smashballoon, instagramfeed"].

Does the plugin work with Instagram oEmbeds?

In version 2.5, support was added to allow the plugin to power your Instagram oEmbeds as official support for these is no longer available in WordPress core. Just connect your account on the oEmbeds settings page inside the plugin and we’ll do the rest. No developer app or account required.

¿Cómo puedo encontrar mi token de acceso de Instagram y mi ID de usuario de Instagram?

We’ve made it super easy. Simply click on the big blue button on the Instagram Feed Settings page and log into your Instagram account. The plugin will then ask if you’d like to connect the account and start using it in a feed.

Mi feed de Instagram no se muestra. ¿Por qué no?

Hay algunas posibles razones para esto:

  • Tu token de acceso puede no ser válido. Intenta hacer clic de nuevo en el botón azul de acceder de Instagram en la página de configuración del plugin y copia y pega el token de Instagram que te proporciona, en el campo del token de acceso del plugin.
  • El archivo JavaScript del plugin no se incluye en tu página. Esto se debe probablemente porque a tu tema de WordPress le falta la función wp_footer de WordPress, obligatoria para que los plugins puedan añadir sus archivos de JavaScript a tu página. Puedes solucionar esto abriendo el archivo footer.php de tu tema y añadiendo, directamente antes de la etiqueta de cierre, lo siguiente: <?php wp_footer(); ?>
  • Tu web puede contener un error de JavaScript que impide que se ejecute JavaScript. El plugin utiliza JavaScript para cargar las fotos de Instagram en tu página, por lo tanto, necesita que JavaScript se ejecute para que funcione. Necesitarás eliminar cualquier error de JavaScript existente en tu web para que el plugin pueda cargar tu feed.

Si aún tienes problemas para mostrar tu feed, abre un ticket en el foro de soporte con un enlace a la página donde estás intentando mostrar el feed de Instagram y, si es posible, un enlace a tu cuenta de Instagram.

¿Hay algún problema de seguridad con el uso de un token de acceso en mi sitio?

No. El token de acceso que se usa en el plugin es un token de «solo lectura», lo que significa que nunca podría usarse de manera malintencionada para manipular tu cuenta de Instagram.

¿Puedo ver fotos a tamaño completo o reproducir videos de Instagram directamente en mi web?

Esta es una característica de la versión Pro del plugin, que te permite ver las fotos en una caja de luz emergente, admitir vídeos, mostrar leyendas, mostrar fotos por hashtag y ¡mucho más!

¿Cómo puedo incrustar mi feed de Instagram directamente en una plantilla de página de WordPress?

Puedes incrustar tu feed de Instagram directamente en un archivo de plantilla usando la función do_shortcode de WordPress:
<?php echo do_shortcode('[instagram-feed]'); ?>.

Mi feed ha dejado de funcionar: todo lo que veo es un símbolo de carga

Si tus fotos de Instagram no se están cargando y todo lo que ves es un símbolo de carga, hay algunas posibles razones:

1) Hay un problema con el token de acceso de Instagram que estás usando.

Puedes obtener un nuevo token de acceso de Instagram en la página de configuración de Instagram Feed haciendo clic en el botón azul de inicio de sesión de Instagram y luego copiarlo y pegarlo en el campo «Token de acceso» del plugin.

Occasionally the blue Instagram login button does not produce a working access token. You can try this link as well.

2) El archivo JavaScript del plugin no se incluye en tu página.

Esto se debe probablemente porque a tu tema de WordPress le falta la función wp_footer de WordPress, obligatoria para que los plugins puedan añadir sus archivos de JavaScript a tu página. Puedes solucionar esto abriendo el archivo footer.php de tu tema y añadiendo, directamente antes de la etiqueta de cierre, lo siguiente:

3) Hay un error de JavaScript en tu sitio que impide que se ejecute el archivo JavaScript del plugin.

Puedes averiguar si este es tu caso haciendo clic derecho en tu página, seleccionando «Inspeccionar elemento» y luego haciendo clic en la pestaña «Consola», o seleccionando la opción «Consola de JavaScript» desde las Herramientas de desarrollo de tu navegador. Las instrucciones pueden variar dependiendo de tu navegador.

Si hay un error de JavaScript en tu sitio, lo verás en rojo junto con el archivo JavaScript que lo está causando.

4) El feed que estás intentando mostrar no tiene publicaciones en Instagram.

Si estás intentando mostrar un feed de Instagram que no tiene publicaciones hechas, puede ser que en el feed de Instagram solo se muestre un símbolo de carga o nada en absoluto. Una vez que agregues una publicación de Instagram, el feed de Instagram debería mostrarse normalmente.

5) El shortcode que estás usando es incorrecto.

Es posible que tengas un error en el shortcode de Instagram Feed que estás utilizando o le falta un argumento necesario.

¿Cuáles son las opciones de shortcode disponibles que puedo usar para personalizar mi feed de Instagram?

Las siguientes opciones están disponibles en la página de configuración de Instagram Feed, pero también se pueden usar directamente en el shortcode [instagram-feed] para personalizar feeds individuales de Instagram en función de la fuente.

  • Opciones generales
  • user – An Instagram User Name (must have account connected) – Example: [instagram-feed user=AN_INSTAGRAM_USER_NAME]
  • width – El ancho de tu feed de Instagram. Cualquier número – Ejemplo: [instagram-feed width=50]
  • widthunit – La unidad del ancho de tu feed de Instagram. En ‘px’ o ‘%’ – Ejemplo: [instagram-feed widthunit=%]
  • height – La altura de tu feed de Instagram. Cualquier número – Ejemplo: [instagram-feed height=250]
  • heightunit – La unidad de la altura de tu feed de Instagram. En ‘px’ o ‘%’ – Ejemplo: [instagram-feed heightunit=px]
  • background – El color de fondo del feed de Instagram. Cualquier color en código hexadecimal – Ejemplo: [instagram-feed background=#ffff00]
  • class – Añadir una clase de CSS al contenedor de feeds de Instagram – Ejemplo: [instagram-feed class=feedOne]
  • Opciones de fotos
  • sortby – Ordena las publicaciones de Instagram de más reciente a más antigua (none) o aleatorias (random) – Ejemplo: [instagram-feed sortby=random]
  • num – El número de publicaciones de Instagram para mostrar inicialmente. El máximo es 33 – Ejemplo: [instagram-feed num=10]

  • cols – El número de columnas en tu feed de Instagram. De 1 a 10 – Ejemplo: [instagram-feed cols=5]

  • imageres – La resolución/tamaño de las fotos de Instagram. Automático ‘auto’, completo ‘full’, medio ‘medium’ o miniatura ‘thumb’ – Ejemplo: [instagram-feed imageres=full]
  • imagepadding – El espacio alrededor de tus fotos de Instagram – Ejemplo: [instagram-feed imagepadding=10]
  • imagepaddingunit – La unidad del relleno en tu feed de Instagram. En ‘px’ o ‘%’ – Ejemplo: [instagram-feed imagepaddingunit=px]
  • disablemobile – Desactiva el diseño móvil para tu feed de Instagram. Verdadero ‘true’ o falso ‘false’ – Ejemplo: [instagram-feed disablemobile=true]
  • Opciones de cabecera
  • showheader – Decidir si deseas mostrar la cabecera del feed de Instagram. Verdadero ‘true’ o falso ‘false’ – Ejemplo: [instagram-feed showheader=false]
  • showbio – Whether to show the account’s bio in the Instagram feed Header. ‘true’ or ‘false’ – Example: [instagram-feed showbio=false]
  • custombio – Custom Bio text for the Instagram feed Header – Example: [instagram-feed custombio="My custom bio."]
  • customavatar – URL of a custom Avatar for the header. Example: [instagram-feed customavatar="https://my-site.com/avatar.jpg"]

  • headercolor – El color del texto de la cabecera del feed de Instagram. Cualquier color en código hexadecimal – Ejemplo: [instagram-feed headercolor=#333]

  • Opciones del botón «Cargar más»
  • showbutton – Decidir si deseas mostrar el botón «Cargar más». Verdadero ‘true’ o falso ‘false’ – Ejemplo: [instagram-feed showbutton='false']
  • buttoncolor – El color de fondo del botón. Cualquier color en código hexadecimal – Ejemplo: [instagram-feed buttoncolor=#000]
  • buttontextcolor – El color del texto del botón. Cualquier color en código hexadecimal – Ejemplo: [instagram-feed buttontextcolor=#fff]
  • buttontext – El texto utilizado para el botón – Ejemplo: [instagram-feed buttontext="Cargar más fotos"]
  • Opciones del botón ‘Seguir en Instagram’
  • showfollow – Decidir si deseas mostrar el botón ‘Seguir en Instagram’. Verdadero ‘true’ o falso ‘false’ – Ejemplo: [instagram-feed showfollow=true]
  • followcolor – El color de fondo del botón ‘Seguir en Instagram’. Cualquier color en código hexadecimal – Ejemplo: [instagram-feed followcolor=#ff0000]
  • followtextcolor – El color del texto del botón ‘Seguir en Instagram’. Cualquier color en código hexadecimal – Ejemplo: [instagram-feed followtextcolor=#fff]
  • followtext – El texto utilizado para el botón ‘Seguir en Instagram’ – Ejemplo: [instagram-feed followtext="Sígueme"]

For more shortcode options, check out the Pro version.

For more FAQs related to the Instagram Feed plugin please visit the FAQ section on our website.

Reseñas

26 de octubre de 2020
Simple and easy to use. Instagram Images show nicely on my website!
25 de octubre de 2020
Excelente herramienta para difundir automáticamente lo que publicas en tu red social, directamente en tu website. La utilizo para 3 sitios diferentes.
Leer todas las 3.106 reseñas

Colaboradores y desarrolladores

«Smash Balloon Social Photo Feed» es un software de código abierto. Las siguientes personas han colaborado con este plugin.

Colaboradores

«Smash Balloon Social Photo Feed» ha sido traducido a 10 idiomas locales. Gracias a los traductores por sus contribuciones.

Traduce «Smash Balloon Social Photo Feed» a tu idioma.

¿Interesado en el desarrollo?

Revisa el código , echa un vistazo al repositorio SVN o suscríbete al registro de desarrollo por RSS.

Registro de cambios

2.5.3

  • Fix: Fixed an issue caused by an unannounced Instagram API change affecting thumbnails in certain video posts which don’t have image data available in the API.
  • Fix: Added oEmbed account info to the plugin «System Info» to make debugging easier.

2.5.2

  • Fix: Fixed an issue with an Instagram API change causing some images not to display if the image resizing feature was disabled.

2.5.1

  • Tweak: Minor update to footer.php template.
  • Tweak: Added support for improved notices on the plugin settings page.
  • Fix: Added aria-hidden=»true» attribute to loader icon for better accessibility.

2.5

  • New: Added support for Instagram oEmbeds. When you share a link to a Instagram post, WordPress automatically converts it into an embedded Instagram post for you (an «oEmbed»). However, on October 24, 2020, WordPress is discontinuing support for Instagram oEmbeds and so any existing or new embeds will no longer work. Don’t worry though, we have your back! This update adds support for Instagram oEmbeds and so, after updating, the Instagram Feed plugin will automatically keep your oEmbeds working. It will also power any new oEmbeds you post going forward.
  • New: Install our other free social media plugins right from the Instagram Feed settings menu. Use our Facebook, YouTube, and Twitter plugins to add even more social content to your website and help further engage your viewers and increase your followers.
  • Tweak: Changed the names of the CSS and JavaScript files to prevent certain ad blockers from hiding the feed. Original files with original names still included in this update.
  • Tweak: Background caching and favoring local images are now the default settings for new installs.
  • Fix: Fixed PHP warning too few arguments when using Spanish translation files.

2.4.7

  • Important: Due to recent Instagram changes, private accounts will need to be manually refreshed every 60 days. If you have a private Instagram account, consider making it public to avoid needing to manually reconnect your account.
  • New: Added a notice for accounts that are private which lets you know how long until the account needs to be refreshed. You will also be alerted using our admin notice and email notification system if a private account will soon need to be refreshed.

2.4.6

  • New: Added a PHP hook «sbi_clear_page_caches» which allows you to dynamically disable the Instagram Feed code that clears caches created by common page caching plugins.
  • New: Added a PHP hook «sbi_resize_url» which allows you to change the default URL of locally stored images. This can be helpful for sites using CDNs.
  • Tweak: Added a workaround for the wp_json_encode function used in older versions of WordPress.
  • Fix: Compatibility updates for the upcoming WordPress version 5.5 release.

2.4.5

  • Fix: Accounts can be connected without the use of JavaScript.
  • Fix: Default URL for connecting an account changed to prevent «Invalid Scope» connection issue.

2.4.4

  • Fix: Workaround added for PHP warning related to an undefined media_url index.
  • Fix: Connecting a business account on a mobile device when more than 2 pages where returned was not possible.
  • Fix: After connecting an account, the warning that there were no connected accounts would still be visible.
  • Fix: URL for retrieving image files from Instagram using a redirect method was changed to prevent an extra, unnecessary redirect.

2.4.3

  • Fix: The opt-in notice to help improve the plugin was not dismissing as expected for some sites due to the admin JavaScript file being cached by the browser.
  • Fix: Disabled the “About Us” page plugin installation if using a version of WordPress earlier than 4.6.

2.4.2

  • New: To help us improve the plugin we’ve added the ability to opt-in to usage tracking so that we can understand what features and settings are being used, and which features matter to you the most. This is disabled by default and will only be enabled if you explictly choose to opt in. If opted in, the plugin will send a report in the background once per week with your plugin settings and basic information about your website environment. No personal or sensitive data is collected (such as email addresses, Instagram account information, license keys, etc). To enable or disable usage tracking at a later date use the setting at: Instagram Feed > Customize > Advanced > Misc > Enable Usage Tracking. See here for more information.
  • Tweak: Added additional checks to make sure the HTTP protocol matches when using resized image URLs from the uploads folder.
  • Tweak: More information is given when there is an account connection error when connecting an account on the «Configure» page.
  • Tweak: Connecting a business account will permanently remove any accounts from the same user that are from the legacy Instagram API that is expiring in June.
  • Fix: Added a workaround for sanitize_textarea_field for users using an older version of WordPress.
  • Fix: Fixed HTML error causing the manually connect an account feature to not work.
  • Fix: Access token and account ID are validated and formatted before trying to manually connect an account to prevent errors.

2.4.1

  • Tweak: User feeds that do not have a user name or ID assigned to them will automatically use the first connected account for the feed.
  • Tweak: rel=»nofollow» added to all external Instagram Feed links found in the source of the page.
  • Fix: API Error #2 was not clearing properly in error reports.

2.4

  • New: Email alerts for critical issues. If there’s an issue with an Instagram feed on your website which hasn’t been resolved yet then you’ll receive an email notification to let you know. This is sent once per week until the issue is resolved. These emails can be disabled by using the following setting: Instagram Feed > Customize > Advanced > Misc > Feed Issue Email Report.
  • New: Admin notifications for critical issues. If there is an error with the feed, admins will see notices in the dashboard and on the front-end of the site along with instructions on how to resolve the issue. Front-end admin notifications can be disabled by using the following setting: Instagram Feed > Customize > Advanced > Misc > Disable Admin Error Notice.
  • New: Added a WordPress ‘Site Health’ integration. If there is a critical error with your feeds, it will now be flagged in the site health page.
  • New: Added «About Us» page for those who would like to learn more about Smash Balloon and our other products. Go to Instagram Feed -> About Us in the dashboard.
  • New: Added support for an Instagram Feed widget. When on the widgets menu, look for the widget «Instagram Feed» to add your feed to a widget area.

2.3.1

  • Fix: Added workaround for personal account connection error and header display issue due to an Instagram API bug. After updating, click «Save Changes» on the Instagram Feed settings page, «Configure» tab to clear your cache.

2.3

  • New: Added an «Instagram Feed» Gutenberg block to use in the block editor, allowing you to easily add a feed to posts and pages.

2.2.2

  • Tested with upcoming WordPress 5.4 update.
  • Tweak: Language files updated to account for all new strings.

2.2.1

  • Important: March 2 deadline for migrating to the new Instagram API pushed back to March 31.
  • Fix: Some links to Instagram were missing a backslash at the end of the URL causing a 301 redirect.
  • Fix: Error saving updated account information caused by emoji in account bio or in account names and MySQL tables that didn’t have a UTF8mb4 character set.

2.2

  • Important: On March 31, Instagram will stop supporting its old API which will disrupt feeds created from personal connected accounts. If you are using a personal account, you will need to reconnect the account on the Instagram Feed Settings page. Please see here for more information.
  • New: Support added for the new Instagram Basic Display API.
  • New: Added PHP hooks ‘sbi_before_feed’ and ‘sbi_after_feed’ for displaying HTML before and after the main Instagram feed HTML.
  • New: Added settings for adding a custom header avatar and custom header bio text. Go to the «Customize» tab «Header» area to set these or use customavatar=»AVATAR URL» or custombio=»BIO TEXT» in the shortcode.
  • Tweak: Warnings and messages displaying on the front end of sites now display at the top of the feed.
  • Tweak: Header template changed to accommodate missing data if connected as a personal account to the new API.
  • Tweak: Changes to feed.php, header.php, and item.php templates.
  • Tweak: Added CSS to prevent some themes from adding box shadows and bottom border when hovering over the header.
  • Tweak: Added code to clear page caching from Litespeed cache when clearing page caches with the plugin.
  • Tweak: Header and follow button will still be displayed when number of posts is set to 0.
  • Fix: Emoji in the first few characters of a caption would cause the main post image to switch to an emoji when loading more.
  • Fix: Pagination for «tagged» feeds not working for certain accounts.

2.1.5

  • New: Added aria-label attributes to SVGs for improved accessibility.
  • Tweak: Changed screen reader and alt text to be more SEO friendly (change made to item.php template).
  • Tweak: Added PHP hooks to use custom alt and screen reader text.
  • Fix: Image resolution setting option «Medium» dimensions changed from 306×306 to 320×320.
  • Fix: Screen reader text would be visible if text was right aligned.
  • Fix: Incorrect image resolution would be used when setting the image resolution to something other than auto.

2.1.4

  • Tweak: If sb_instagram_js_options is not defined, a default object is set.
  • Tweak: Added a text link in the settings page footer to our new free YouTube plugin
  • Fix: Local images not being used when available in certain circumstances.

2.1.3

  • New: Added filter «sbi_settings_pages_capability» to change what permission is needed to access settings pages.
  • Tweak: Updated language files for version 2.0+.
  • Tweak: Better error messages for no posts being found and API request delays.
  • Tweak: If «Favor Local Images» setting is in use, a 640px resolution image will be created for images coming from a personal account.
  • Tweak: Better error recovery when image file not found when viewing the feed.
  • Tweak: Button and input field styling updated to look better with WordPress 5.3.
  • Fix: Accounts that were connected prior to version 1.12 would not show the follow button if the header was not also displayed. Visit the «Configure» tab to have the account automatically updated.
  • Fix: MySQL error when retrieving resized images. Thanks the-louie!
  • Fix: When using the new Twenty Twenty theme, Instagram icon in «follow» button displaying as block and causing the button text to appear on a new line.

2.1.2

  • Nuevo: Añadido el ajuste «API request size» en la pestaña «Personalizar» para permitir la solicitud de más mensajes de los que se encuentran en el feed. Si lo ajustas a un número alto, evitarás que no se encuentre ningún mensaje si a menudo publicas mensajes de IG TV y utilizas una cuenta personal.
  • Retoque: Se han eliminado los atributos de anchura y altura del elemento de imagen en el feed para evitar avisos sobre la publicación de imágenes a escala en las herramientas de optimización.

2.1.1

  • Nuevo: Añadida posibilidad de encolar el archivo CSS a través de shortcode. Esto carga el archivo en el pie de página del sitio, y sólo en las páginas que incluyen un feed. Activar en la pestaña «Personalizar».
  • Retoque: Las imágenes redimensionadas se pueden utilizar en el código fuente de la página cuando la opción «Disable js image loading» está activada.
  • Corrección: HTML para la cabecera aún estaría visible en el feed de la página al eliminar la cabecera utilizando «showheader=false» en el shortcode.

2.1

  • Nuevo: Añadida posibilidad de sobrescribir las plantillas por defecto en tu tema. Mira este artículo para más información.
  • Nuevo: Añadidos varios ganchos PHP para modificar los ajustes y funcionalidad de los feeds.
  • Corrección: El uso de la opción «Load Initial Posts with AJAX» (Cargar entradas iniciales con AJAX) hará que las imágenes no cambien de tamaño en la ventana del navegador.
  • Corrección: Añadidos archivos de idioma para las traducciones.
  • Corrección: Cambiar el ajuste de la resolución de la imagen no cambiaría el tamaño de la imagen.
  • Corrección: El botón «Seguir» no se mostraría si no hubiera una cuenta conectada.
  • Corrección: Al eliminar cualquier cuenta conectada, se eliminarán todas las cuentas conectadas que tengan errores en los datos que se guardaron para ellas.

2.0.2

  • Corrección: HTML para la cabecera seguiría siendo visible en la fuente de la página al eliminar la cabecera mediante «showheader=false» en el shortcode.
  • Corrección: CSS añadido para evitar problemas de diseño al añadir el feed a un widget «texto» para ciertos temas.

2.0.1

  • Retoque: Forzar la caché de los principales plugins de caché para que se borren al actualizar el plugin para evitar problemas con archivos CSS/JavaScript anteriores que se almacenan en caché.
  • Retoque: Añadido número de versión al final de los archivos JavaScript y CSS para borrar las cachés del navegador que están causando errores.
  • Corrección: Añadido filtro de retroceso para permitir el uso de shortcode en un widget HTML personalizado.
  • Corrección: Añadido ajuste para mostrar la información biográfica en la cabecera y cambiar el tamaño de la cabecera que se eliminó por error en la última actualización.
  • Corrección: Corregido aviso PHP que podía aparecer bajo ciertas circunstancias.

2.0

  • ACTUALIZACIÓN IMPORTANTE
  • Nuevo: Hemos reconstruido el plugin desde cero, centrándonos en el rendimiento y la fiabilidad. Tus feeds se cargan ahora desde el servidor usando PHP eliminando la dependencia de AJAX.
  • Nuevo: Las copias locales de las imágenes se almacenan ahora automáticamente en tu servidor y se utilizan en tu feed. Puedes desactivar esta característica en la sección «Avanzado» de la pestaña «Personalizar». Utiliza el ajuste «Favor Local Images» de la pestaña «Personalizar», sub-pestaña «Avanzado» para que el plugin utilice imágenes locales siempre que estén disponibles, eliminando así la dependencia del CDN de Instagram.
  • Nuevo: Ahora puedes establecer el plugin para que compruebe en segundo plano si hay nuevas publicaciones de Instagram, en lugar de cuando se carga la página, utilizando la nueva opción «Background caching» que utiliza la función «cron» de WordPress. Actívalo mediante la opción «Check for new posts» en la pestaña «Configurar».
  • Nuevo: Si tienes una cuenta profesional de Instagram, ahora puede conectarte a la nueva API de Instagram. Puedes seguir utilizando tu cuenta personal conectada y no necesitas conectar una cuenta profesional.

1.12.2

  • Corrección: Corregido el error de Instagram al conectar una cuenta personal.

1.12.1

  • Retoque: Si una imagen en una publicación no se carga, el plugin intenta cargarla desde otra fuente de imagen

1.12

  • Corrección: Incluye correcciones para algunas vulnerabilidades de seguridad. Gracias a Julio Potier de SecuPress por informar de los problemas.
  • Corrección: Corregido un problema causado por un error en la API de Instagram que impedía que algunas cuentas de Instagram se pudieran conectar. Si has experimentado un problema al conectar una cuenta de Instagram, vuelve a intentarlo después de actualizar.
  • Corrección: Las citas representadas por «%20» en los datos de Instagram estaban causando un error de análisis JSON.
  • Retoque: Los datos para el feed ahora se almacenan en caché fuera de las llamadas admin-ajax.php.

1.11.3

  • Corrección: Las comillas simples escapadas causan un error de análisis JSON en ciertas circunstancias.
  • Corrección: Los errores de código traducible en el área de administración hacen que parte del texto no sea traducible.

1.11.2

  • Corrección: No era posible conectar cuentas nuevas debido a cambios en la API de Instagram. Las solicitudes remotas para conectar cuentas ahora se hacen del lado del servidor.

1.11.1

  • Corrección: El feed no se cargaría desde una caché creada con una versión anterior del plugin
  • Corrección: Corregida la advertencia de PHP al intentar contar la longitud de la cadena de un array

1.11

  • Nuevo: Añadida la capacidad «manage_instagram_feed_options» para permitir a los usuarios/perfiles, que no son el administrador, acceder a las páginas de configuración de feeds de Instagram.
  • Corrección: añadido rel=»noopener» a todos los enlaces que contienen target=»blank»
  • Corrección: HTTPS usado en el atributo `xlmns’ para SVG
  • Corrección: Corregidos problemas con las cadenas en el área de administración que se pueden traducir
  • Corrección: Corregida vulnerabilidad de seguridad potencial. Gracias a Martin Verreault por informar del problema.

1.10.2

  • Compatibilidad confirmada con la próxima actualización de WordPress 5.0 «Gutenberg»
  • Corrección: Corregido un problema causado por algunos temas que afectaba al formato de los botones «Cargar más» y «Seguir»
  • Corrección: Corregido un problema de formato ocasional con mensajes de error debido a que no se establece la altura de línea
  • Corrección: Correcciones menores en la administración UI
  • Retoque: Se elimina la mención de algunas características pro que quedarán obsoletas debido a los próximos cambios en la API de Instagram

1.10.1

  • Retoque: La configuración automática de detección de resolución de imagen ahora funciona mejor con imágenes amplias. Cambiar el tamaño del navegador ahora aumentará automáticamente la resolución de la imagen si es necesario.
  • Corrección: Corregido un problema por el cual el botón «Cargar más» desaparecería si todas las publicaciones de un feed se almacenaban en caché.

1.10

  • Nuevo: hemos mejorado la forma en que se cargan las fotos en el feed, añadiendo una transición suave para mostrar las fotos de forma sutil en lugar de repentina.
  • Nuevo: Más tamaños de cabecera; ahora puedes elegir entre tres tamaños: pequeño, mediano y grande. Cambia esto en la pestaña «Personalizar».
  • Corrección: El uso de porcentaje para el relleno de la imagen hacía que la altura de las imágenes fuera demasiado alta.
  • Corrección: Eliminado el aviso de PHP cuando el alojamiento web bloquea la API de Instagram.

1.9.1

  • Corrección: Faltan las leyendas como texto «alt» para las imágenes de Instagram.
  • Corrección: La información del sistema no estaba formateando correctamente las cuentas de Instagram y las ID de usuario conectadas
  • Corrección: Se produjo un error de «URL de redireccionamiento no autorizado» al intentar conectar una nueva cuenta de Instagram debido a cambios recientes en Instagram
  • Corrección: El uso de porcentaje para el relleno de la imagen hacía que la altura de las imágenes de Instagram fuera demasiado alta.

1.9

  • New: Retrieving Access Tokens and connecting multiple Instagram accounts is now easier using our improved interface for managing account information. While on the Configure tab, click on the big blue button to connect an account, or use the «Manually Connect an Account» option to connect one using an existing Access Token. Once an account is connected, you can use the associated buttons to either add it to your primary Instagram User feed or to a different Instagram feed on your site using the user shortcode option, eg: user=smashballoon.
  • Tweak: Disabled auto load in the database for backup caches
  • Fix: Fixed an occasional issue with the Instagram login flow which would result in an «Unauthorized redirect URL» error

1.8.3

  • Fix: SVG icons caused some display problems in IE 11
  • Fix: Removed support for using usernames in the Instagram User ID setting due to recent API changes. Will now default to the Instagram User ID attached to the Access Token.
  • Fix: Backup feed not always being used when Access Tokens expire
  • Fix: Instagram Access Tokens may have been incorrectly saved as invalid under certain circumstances

1.8.2

  • Tweak: Setting «Cache Error API Recheck» enabled by default for new Instagram Feed installs
  • Fix: Page caches created with the WP Rocket plugin will be cleared when the Instagram Feed settings are updated or the cache is forced to clear
  • Fix: Fixed a rare issue where feeds were displaying «Looking for cache that doesn’t exist» when page caching was not being used

1.8.1

  • Fix: Fixed issue where Instagram feeds were displaying «Looking for cache that doesn’t exist» when page caching was not being used
  • Fix: Font method setting not working when «Are you using an ajax theme?» setting is enabled

1.8

  • Important: Due to recent changes in the Instagram API it is no longer possible to display photos from other Instagram accounts which are not your own. You can only display the user feed of the account which is associated with your Access Token.
  • New: Added an Access Token shortcode option and support for multiple Instagram Access Tokens. If you own multiple Instagram accounts then you can now use multiple Access Tokens in order to display user feeds from each Instagram account, either in separate feeds, or in the same feed. Just use the accesstoken shortcode option. See this FAQ for more information on displaying multiple User feeds.

1.7

  • New: Added feed caching to limit the number of Instagram API requests. Use the setting on the «Configure» tab «Check for new posts every» to set how long feed data will be cached before refreshing.
  • New: Added backup caching for all feeds. If the Instagram feed is unable to display then a backup feed will be shown to visitors if one is available. The backup cache can be disabled or cleared by using the following setting: Customize > Misc > Enable Backup Caching.
  • New: Icons are now generated as SVGs for a sharper look and more semantic markup
  • New: Instagram carousel posts include an icon to indicate that they are carousel posts
  • Tweak: Using the «sort posts by random» feature will include the most recent 33 posts instead of just the posts shown in the Instagram feed
  • Fix: links back to instagram.com will use the «www» prefix

1.6.2

  • Fix: Fixed a rare issue where the Load More button wouldn’t be displayed after the last update if the Instagram account didn’t have many posts

1.6.1

  • Fix: Fixed Font Awesome 5.0 causing Instagram icon to appear as a question mark with a circle
  • Fix: Fixed inline padding style for sbi_images element causing validation error when set to «0» or blank space
  • Fix: Added a workaround for an Instagram API bug which caused some feeds to show fewer posts than expected

1.6

  • New: Loading icon appears when waiting for new posts after clicking the «Load More…» button
  • New: Added translation files for Dutch (nl_NL)
  • Fix: Fixed a potential security vulnerability. Thanks to Magnus Stubman for reporting the issue.

1.5.1

  • New: The plugin is now compatible with the WPML plugin allowing you to use multiple translations for your feeds on your multi-language sites
  • New: Added translation files for Danish (da_DK), Finnish (fi_FL), Japanese (ja_JP), Norwegian (nn_NO), Portuguese (pt_PT), and Swedish (sv_SE) to translate the «Load More» and «Follow on Instagram» text

1.5

  • New: Improved tool for retrieving Instagram Access Tokens
  • New: Added an option to show/hide Instagram bio text in feed header
  • New: Feeds that include IDs from «private» Instagram accounts will now ignore the private data and display a message to logged-in site admins which indicates that one of the Instagram accounts is private
  • New: Feeds without any Instagram posts yet will display a message informing logged-in admins to make a post on Instagram in order to view the feed
  • New: Added translation files for French (fr_FR), German (de_DE), English (en_EN), Spanish (es_ES), Italian (it_IT), and Russian (ru_RU) to translate «Load More…» and «Follow on Instagram»
  • Tweak: Optimized several images used in the Instagram feed including loader.png
  • Tweak: Font Awesome stylesheet handle has been renamed so it will only be loaded once if our Custom Facebook Feed plugin is also active
  • Fix: Updated the Font Awesome icon font to the latest version: 4.7.0
  • Fix: Padding removed from «Load More» button if no buttons are being used in the Instagram feed
  • Fix: All links in the feed are now https
  • Fix: Fixed JavaScript errors which were being caused if the Instagram Access Token had expired or the user ID was incorrect, private, or had no Instagram posts

1.4.9

  • Compatible con WordPress 4.8

1.4.8

  • Tweak: Updated plugin links for new WordPress.org repo
  • Fix: Minor bug fixes

1.4.7

  • Fix: Fixed a security vulnerabiliy
  • Tested with upcoming WordPress 4.6 update

1.4.6.2

  • Fix: Removed a comment from the plugin’s JavaScript file which was causing an issue with some optimization plugins, such as Autoptimize.

1.4.6.1

  • Fix: Fixed an issue with the Instagram image URLs which was resulting in inconsistent url references in some feeds

1.4.6

  • IMPORTANT: Due to the recent Instagram API changes, in order for the Instagram Feed plugin to continue working after June 1st you must obtain a new Access Token by using the Instagram button on the plugin’s Settings page. This is true even if you recently already obtained a new token. Apologies for any inconvenience.

1.4.5

  • New: When you click on the name of a setting on the plugin’s Settings pages it now displays the shortcode option for that setting, making it easier to find the option that you need
  • New: Added a setting to disable the Font Awesome icon font if needed. This can be found under the Misc tab at the bottom of the Customize page.
  • Tweak: Updated the Instagram icon to match their new branding
  • Tweak: Added a help link next to the Instagram login button in case there’s an issue using it
  • Fix: Updated the Font Awesome icon font to the latest version: 4.6.3

1.4.4

  • Fix: Fixed an issue caused by a specific type of emoji which would cause the feed to break when used in a post
  • Tweak: Added links to our other free plugins to the bottom of the admin pages: The Custom Facebook Feed and Custom Twitter Feeds

1.4.3

  • Fix: Important notice added in the last update is now only visible to admins

1.4.2

  • New: Compatible with Instagram’s new API changes effective June 1st
  • New: Added video icons to Instagram posts in the feed which contain videos
  • New: Added a setting to allow you to use a fixed pixel width for the feed on desktop but switch to a 100% width responsive layout on mobile
  • Tweak: Added a width and height attribute to the images to help improve Google PageSpeed score
  • Tweak: A few minor UI tweaks on the settings pages
  • Fix: Minified CSS and JS files

1.3.11

  • Fix: Fixed a bug which was causing the height of the Instagram photos to be shorter than they should have been in some themes
  • Fix: Fixed an issue where when an Instagram feed was initially hidden (in a tab, for example) then the Instagram photo resolution was defaulting to ‘thumbnail’

1.3.10

  • Fix: Fixed an issue which was setting the visibility of some Instagram photos to be hidden in certain browsers
  • Fix: The new square photo cropping is no longer being applied to Instagram feeds displaying images at less than 150px wide as the images from Instagram at this size are already square cropped
  • Fix: Fixed a JavaScript error in Internet Explorer 8 caused by the ‘addEventListener’ function not being supported

1.3.9

  • Fix: Fixed an issue where Instagram photos wouldn’t appear in the Instagram feed if it was initially being hidden inside of a tab or some other element
  • Fix: Fixed an issue where the new Instagram image cropping fuction was failing to run on some sites and causing the Instagram images to appear as blank

1.3.8

  • Fix: If you have uploaded an Instagram photo in portrait or landscape then the plugin will now display the square cropped version of the photo in your Instagram feed

1.3.7

  • Fix: Fixed an issue with double quotes in photo captions (used in the Instagram photo alt tags) which caused a formatting issue

1.3.6

  • Fix: Fixed an issue introduced in version 1.3.4 which was causing theme settings to not be applied in some themes

1.3.5

  • Fix: Reverted the ‘prop’ function introduced in the last update back to ‘attr’ as prop isn’t supported in older versions of jQuery
  • Fix: Removed the image load function as it was causing Instagram images not to be displayed for some users

1.3.4

  • Fix: Used the Instagram photo caption to add a more descriptive alt tag to the Instagram photos
  • Fix: Instagram photos are now only displayed once they’re fully loaded
  • Fix: Added a stricter CSS implementation for some elements to prevent styles being overridden by themes
  • Fix: Added CSS opacity property to Instagram images to prevent issues with lazy loading in some themes
  • Fix: Removed a line of code which was disabling WordPress Debug/Error Reporting. If needed, this can be disabled again by using the setting at the bottom of the plugin’s ‘Customize’ settings page.
  • Fix: Made some JavaScript improvements to the core Instagram Feed plugin code

1.3.3

  • Fix: Fixed an issue with the ‘Load more’ button not always showing when displaying Instagram photos from multiple Instagram User IDs
  • Fix: Moved the initiating sbi_init function outside of the jQuery ready function so that it can be called externally if needed by Ajax powered themes/plugins

1.3.2

  • New: Added an option to disable the Instagram Feed mobile layout
  • New: Added an setting which allows you to use the Instagram Feed plugin with an Ajax powered theme
  • New: Added a ‘class’ shortcode option which allows you to add a CSS to class to each individual Instagram feed: [instagram-feed class=feedOne]
  • New: Added a Support tab which contains System Info to help with troubleshooting
  • New: Added friendly error messages which display only to WordPress admins
  • New: Added validation to the Instagram User ID field to prevent usernames being entered instead of IDs
  • Tweak: Made the Instagram Access Token field slightly wider to prevent tokens being copy and pasted incorrectly
  • Fix: Fixed a JavaScript bug which caused the feed not to load photos correctly in IE8

1.3.1

  • Fix: Fixed an issue with the Instagram icon not appearing in the ‘Follow on Instagram’ button or in the Instagram Feed header
  • Fix: Addressed a few CSS issues which were causing some minor formatting issues in the Instagram Feed on certain themes

1.3

  • New: You can now display Instagram photos from multiple Instagram User IDs. Simply separate your Instagram IDs by commas.
  • New: Added an optional header to the Instagram feed which contains your Instagram profile picture, Instagram username and Instagram bio. You can activate this on the Instagram Feed Customize page.
  • New: The Instagram Feed plugin now includes an ‘Auto-detect’ option for the Instagram Image Resolution setting which will automatically set the correct Instagram image resolution based on the size of your Instagram feed.
  • New: Added an optional ‘Follow on Instagram’ button which can be displayed at the bottom of your Instagram feed. You can activate this on the Instagram Feed Customize page.
  • Nuevo: se añadió la capacidad de usar tu propio texto personalizado para el botón «Cargar más»
  • New: Added a loader icon to indicate that the Instagram photos are loading
  • New: Added a unique ID to each Instagram photo so that they can be targeted individually via CSS
  • Tweak: Added a subtle fade effect to the Instagram photos when hovering over them
  • Tweak: Improved the responsive layout behavior of the Instagram feed
  • Tweak: Improved the documentation within the Instagram Feed plugin settings pages
  • Tweak: Included a link to step-by-step setup directions for the plugin
  • Fix: Fixed an issue with the feed not clearing other widgets correctly

1.2.3

  • Fix: Replaced the ‘on’ function with the ‘click’ function to increase compatibility with themes using older versions of jQuery

1.2.2

  • Tweak: Added an initialize function to the Instagram Feed plugin
  • Fix: Fixed an occasional issue with the ‘Sort Photos By’ option being undefined

1.2.1

  • Fix: Fixed a minor issue with the Custom JavaScript being run before the Instagram photos are loaded
  • Fix: Removed stray PHP notices
  • Fix: Changed the double quotes to single quotes on the ‘data-options’ attribute

1.2

  • New: Added Custom CSS and Custom JavaScript sections which allow you to add your own custom CSS and JavaScript to the Instagram Feed plugin
  • New: Added an option to display your Instagram photos in random order
  • New: A new tabbed layout has been implemented on the Instagram Feed plugin’s settings pages
  • New: Added an option to preserve your Instagram Feed settings when uninstalling the plugin
  • New: Added a Pro version of the Instagram Feed plugin which allows you to display Instagram photos by hashtag, display Instagram captions, view Instagram photos in a pop-up lightbox, show the number of Instagram likes & comments and more
  • Tweak: The ‘Load More’ button now automatically hides if there are no more Instagram photos to load
  • Tweak: Added a small gap to the top of the ‘Load More’ button
  • Tweak: Added a icon to the Instagram Feed menu item

1.1.6

  • Fix: A maximum width is now only applied to the Instagram feed when the Instagram photos are displayed in one column

1.1.5

  • Fix: Added a line of code which enables shortcodes to be used in widgets for themes which don’t have it enabled

1.1.4

  • Fix: Fixed an issue with the Instagram Access Token and Instagram User ID retrieval functionality in certain web browsers

1.1.3

  • Fix: Fixed an issue with the maximum Instagram image width
  • Fix: Corrected a typo in the Instagram Feed Shortcode Options table

1.1.1

  • Pre-tested for the upcoming WordPress 4.0 update
  • Fix: Fixed an uncommon issue related to the output of the Instagram content

1.1

  • New: Added an option to set the number of Instagram photos to be initially displayed
  • New: Added an option to show or hide the ‘Load More’ button
  • New: Added ‘Step 3’ to the Instagram Feed Settings page explaining how to display your feed using the [instagram-feed] shortcode
  • New: Added a full list of all available Instagram Feed shortcode options to help you if customizing multiple Instagram feeds

1.0.2

  • Fix: Fixed an issue with the Instagram login URL on the plugin’s Instagram Feed Settings page

1.0.1

  • Fix: Fixed an issue with the Instagram Feed ‘Load More’ button opening an empty browser window in Firefox

1.0

  • Launched the Instagram Feed plugin!