¿Quieres mostrar varios feeds de Instagram en tu sitio web? ¿Quieres añadir diferentes feeds con publicaciones de Instagram de una o varias cuentas de Instagram, o incluso un feed de hashtags?
Estás de suerte. Con Spotlightpuedes crear tantos feeds de Instagram como quieras a partir de un número ilimitado de cuentas de Instagram o hashtags públicos. Es muy sencillo y solo te llevará unos clics.
En este tutorial, voy a guiarte a través de los pasos que debes seguir para crear y mostrar múltiples feeds de Instagram desde una o varias cuentas de Instagram o hashtags utilizando tanto la versión gratuita como la premium del plugin Spotlight .
Empecemos.
Cómo mostrar múltiples feeds de Instagram usando Spotlight
Instalar y activar Spotlight
Para empezar, vamos a instalar el plugin Spotlight . La versión gratuita se puede encontrar en el directorio de plugins de WordPress. Vaya a Plugins > Añadir nuevo y busque Spotlight en la barra de búsqueda.
Seleccione el botón Instalar, seguido de Activar. Puedes optar por suscribirte a la notificación de actualizaciones de seguridad y funciones del plugin, o pulsar Omitir.
Spotlight ya está instalado en su sitio web WordPress.
Conecta tu cuenta de Instagram
Antes de llegar a Spotlight, asegúrate de que has iniciado sesión en tu cuenta de Instagram en tu ordenador de sobremesa.
Ahora, podemos conectar nuestra cuenta al plugin Spotlight . En primer lugar, determina si tienes una cuenta personal o de empresa.
Mi primera cuenta es Personal. Así que voy a hacer clic en el botón de cuenta Personal y autorizar Spotlight para acceder a mis medios de comunicación. En este punto, el plugin te permite añadir una foto de perfil y una biografía personalizadas.
Debido a las restricciones de Instagram, los plugins no pueden importar fotos de perfil ni biografías de usuario de cuentas personales. Spotlight Por lo tanto, Instagram te ofrece una solución. Si lo deseas, puedes omitir este paso.
A continuación, vaya a Añadir nuevo en la barra lateral de WordPress y seleccione su cuenta. Tu feed aparecerá automáticamente en el editor de vista previa de Spotlight.
Configurar el pie de página
Vamos a empezar por el diseño de nuestra alimentación de pie de página. Mi tema actual tiene un pie de página que se divide en 3 secciones. Quiero mostrar mi feed de Instagram en la primera sección, mis últimas publicaciones en la sección central y algo de texto para presentarme en la tercera sección.
Debido a la naturaleza horizontal de mi pie de página, quiero crear una cuadrícula de 3×2 para mi feed de Instagram. Cambia a la pestaña Diseño y aquí encontrarás más de 40 opciones de personalización.
Para este feed de pie de página, he establecido el número de columnas en 3 y el número de entradas en 6. También he establecido que mis entradas estén ordenadas por fecha (las más recientes primero) y que el feed tenga un relleno exterior de 0px. También he configurado mis entradas para que se ordenen por fecha(las más recientes primero) y el feed para que tenga 0px de relleno exterior.
Dado que mi feed se mostrará en el pie de página, quiero que el color de fondo del feed sea el mismo que el de la sección del pie de página. Por esta razón, he establecido el color de fondo transparente. También configuro el encabezado y el botón Cargar más para que estén ocultos.
Nota: Recuerda guardar tu feed con un nombre memorable. Yo he guardado mi feed con el nombre "Footer Feed".
Para mostrar tu feed en el pie de página, ve a Apariencia > Widget y arrastra y suelta el widget Spotlight Instagram Feed. Selecciona Footer Feed en el menú desplegable y haz clic en Guardar.
El pie de página debería contener su primer feed.
Actualice a Spotlight's premium tiers
En las próximas secciones, le mostraré cómo añadir varios feeds al utilizar Spotlight PRO. La versión premium de Spotlight le proporciona opciones de personalización adicionales y características tales como la capacidad de ver historias de Instagram.
Si desea continuar con la versión gratuita, puede seguir adelante. Tenga en cuenta que algunas funciones podrían no estar disponibles para usted. Vaya a Configurar el feed de la barra lateral para continuar con el tutorial.
Para actualizar a Spotlight PRO , primero tienes que comprar una licencia. Una vez descargado el plugin, ve a Plugins > Añadir nuevo y carga el archivo zip.
Instale y active el plugin y, a continuación, copie y pegue su licencia (que recibirá por correo electrónico).
Spotlight PRO ya está totalmente instalado.
Configurar el feed de la barra lateral
Para configurar un nuevo feed, ve a Instagram Feeds > Añadir nuevo, selecciona tu cuenta y ve a la pestaña Diseño.
Para este feed, he optado por un feed destacado con 6 entradas y 3 columnas. También he resaltado una de cada cuatro entradas.
He configurado el color de fondo para el feed y la cabecera como transparente y la cabecera centrada. Spotlight también te permite añadir una biografía personalizada en la pestaña Diseño, así que puedes añadirla aquí si te has saltado ese paso antes. A continuación, personaliza el botón Seguir y oculta el botón Cargar más.
Hay algunas fotos en este feed que no quiero mostrar en mi barra lateral. Para ocultarlas, ve a Moderar y selecciona las imágenes que quieras ocultar. Así de fácil.
Dale un nombre a tu feed (yo lo he llamado Sidebar Feed) y pulsa guardar. A continuación, ve a Apariencia > Widget y arrastra y suelta el widget Spotlight Instagram Feed en la sección de la barra lateral. Selecciona Sidebar Feed en el menú desplegable y haz clic en Guardar.
Tu feed debería aparecer ahora en tu barra lateral.
Conectar otra cuenta de Instagram
Para conectar otra cuenta de Instagram, primero, ve a Instagram, cierra la sesión de tu cuenta anterior e inicia sesión en la nueva.
A continuación, vamos a añadir esta cuenta de Instagram yendo a Ajustes > Cuentas > Conectar más cuentas de Instagram.
Esta vez voy a conectar una cuenta Business de Instagram. La actualización a una cuenta de negocios es gratuita y le permite acceder a las funciones de negocios y puntos de vista dentro de Instagram, mientras que también la apertura de algunas características más dentro Spotlight.
Una vez más, autoriza a Spotlight a acceder a tus mensajes.
Puedes volver a la página de configuración para añadir más cuentas en cualquier momento. Aquí también puedes editar las fotos de perfil y los textos de las biografías de todas tus cuentas haciendo clic en el botón de información en Acciones.
Nota: Esta página de Configuración también le ofrece una visión general de los feeds en los que se muestran sus cuentas.
A continuación, ve a Feeds > Añadir nuevo feed, selecciona tu cuenta y tu feed aparecerá en el personalizador de vista previa en directo.
Configura tu feed de entradas
Para este feed, he optado por el diseño Masonry con 10 entradas y 5 columnas. Este diseño muestra las entradas en su totalidad.
También he ocultado la cabecera y he puesto el botón Cargar más en negro.
Recuerda comprobar siempre la versión responsive de tu feed. En este caso, he optado por un diseño de 3 columnas con 6 entradas en dispositivos móviles.
Como habrás notado, algunas de mis publicaciones en Instagram incluyen consejos de fotografía. Todas estas publicaciones tienen un hashtag específico: #photographytips.
Para ocultar estas publicaciones, ve a la pestaña Filtro y desplázate hasta Ocultar publicaciones con estos hashtags. He añadido el hashtag #photographytips y, al instante, las publicaciones han desaparecido.
Finalmente, todo lo que necesitamos hacer ahora es copiar el shortcode generado.
Para mostrar tu feed dentro de un post, ve a tu post y añade un bloque de shortcode en Gutenberg. Pega el shortcode y actualiza tu entrada.
Ha colocado con éxito 3 feeds en nuestro sitio web WordPress.
Conclusión
En este post, hemos repasado el proceso de mostrar múltiples feeds de Instagram en un solo sitio web. Con Spotlight, puedes mostrar tantos feeds como quieras y conectar un número ilimitado de cuentas de Instagram o fuentes de hashtags.
Este proceso puede aplicarse tanto a la versión gratuita de Spotlight, como a la versión premium. Spotlight PRO le proporciona funcionalidades adicionales como opciones de personalización añadidas, feeds etiquetados y con hashtags y, por último, filtrado y moderación.
¿Has utilizado Spotlight para mostrar varios feeds de Instagram? Comparte algunos ejemplos en la sección de comentarios a continuación e inspírate
