Recientemente, uno de nuestros lectores preguntó si era posible agregar un feed de fotos de Instagram personalizado a su sitio. Específicamente, querían personalizar el feed de fotos de Instagram para mostrar solo ciertas fotos en lugar de todas sus fotos de perfil. En este artículo, le mostraremos exactamente cómo crear un feed de fotos de Instagram personalizado en WordPress.
¿Por qué incluir un feed de Instagram en su sitio de WordPress?
Contents
Agregar un feed de Instagram a su sitio de WordPress le permite agregar contenido nuevo sin mucho trabajo. También anima a los lectores a seguirte en Instagram. En lugar de agregar fotos manualmente a su sitio, simplemente puede subirlas a Instagram y aparecerán en su sitio web. También puede incluir fotos de otras personas usando un hashtag. Esta podría ser una excelente manera de mostrar a las personas cómo usar sus productos, proporcionando una valiosa prueba social que podría ayudarlo a ganar más dinero en línea.
Video tutorial
Suscríbase a MundoCMS Si prefiere instrucciones escritas, siga leyendo.
Cómo crear una secuencia de fotos de Instagram personalizada en WordPress
Para configurar un feed de fotos de Instagram personalizado en su sitio, debe instalar y activar el complemento Smash Balloon Instagram Feed. Para obtener más detalles, consulte nuestra guía paso a paso sobre cómo instalar un complemento de WordPress. Esta es la versión premium del complemento de alimentación de Instagram gratuito que utilizan más de un millón de sitios web. Después de instalar el complemento, navegue hasta Feed de Instagram »Configuración en su administrador de WordPress y haga clic en la pestaña Licencia para ingresar su clave de licencia. Puedes encontrarlo en tu cuenta de Smash Balloon. Recuerde hacer clic en el botón «Guardar cambios» en la parte inferior después de activar su clave de licencia.
Una vez que haya activado su licencia, vaya a la pestaña «Configurar» y haga clic en el botón «Conectar una cuenta de Instagram».
A continuación, verá una ventana emergente que le pedirá que elija si está utilizando un perfil de Instagram personal o comercial.
Si solo desea mostrar un feed de sus fotos, puede usar una cuenta personal de Instagram. Sin embargo, si desea mostrar un feed de hashtag, necesitará una cuenta de Instagram profesional.
Consejo: ¿No tienes una cuenta profesional? Para convertir su cuenta personal de Instagram en una cuenta comercial, puede seguir las instrucciones paso a paso de Smash Balloon. Crear una cuenta profesional con Instagram es gratis. Puede volver a la aplicación de Instagram en cualquier momento. Cuando haces clic en el botón « Conectar » en el panel de WordPress, solo necesitas seguir las instrucciones y conectar tu cuenta. Después de eso, verá su cuenta junto a « Cuentas de Instagram » de la siguiente manera:
Notar: Puede conectar más de una cuenta. Más adelante en este tutorial, veremos cómo mostrar varios feeds de Instagram diferentes en su sitio.
Ver un feed de sus fotos de Instagram en WordPress
Si desea que su sitio de WordPress se mantenga actualizado y actualizado, es fácil agregar un feed de sus últimas fotos de Instagram. Primero veremos el método básico y luego veremos cómo personalizar su feed. Primero, haga clic en el botón « Agregar a la fuente principal » junto a su cuenta de Instagram conectada:
Después de eso, puede abrir cualquier publicación o página donde agregará su feed. Alternativamente, si lo prefiere, puede agregarlo en un widget de barra lateral. Crearemos una nueva página bajo Páginas »Agregar nuevo para nuestra comida. Haga clic en el símbolo (+) para agregar un nuevo bloque, luego seleccione el bloque ‘Instagram Feed’ en la sección Widgets:
Su feed de Instagram se agregará instantáneamente a su página, con un botón Seguir:
Si está utilizando el editor clásico, simplemente ingrese el código corto [instagram-feed] donde quieres tu feed. También puede usar el código corto o widget de Instagram Feed para agregar sus publicaciones de Instagram a su barra lateral o pie de página. Solo ve a Apariencia »Widgets y arrastre el widget de Instagram Feed a cualquier lugar que desee.
Personalizando su estilo de feed de Instagram en WordPress
De forma predeterminada, sus fotos de Instagram se mostrarán en una cuadrícula de cuatro columnas. Para comenzar, los usuarios verán 20 fotos de su cuenta, pero pueden hacer clic en «Cargar más» para ver fotos adicionales. El complemento Instagram Feed le brinda un control total sobre estas configuraciones. Para cambiar el aspecto de su feed de Instagram, vaya a Feed de Instagram »Configuración» Personalizar. Aquí puede cambiar el ancho y alto de su feed, cambiar el diseño, cambiar el número de fotos, columnas, etc. Para cambiar el diseño, simplemente haga clic en la opción deseada. Usaremos un diseño de Highlight para nuestras fotos de Instagram, con una tercera foto resaltada. También puede elegir en cuántas columnas dividir las fotos y cuántas columnas mostrar para comenzar. Hemos optado por tener 6 fotos en 3 columnas.
Asegúrese de hacer clic en el botón «Guardar cambios» en la parte inferior de la pantalla después de realizar los cambios. Así es como se ve ahora el feed de Instagram en nuestro sitio web:
Ver un feed de Instagram hashtag, etiquetado o mixto en WordPress
El feed de Instagram muestra las publicaciones más recientes de su cuenta de Instagram conectada de forma predeterminada. En algunos casos, es posible que desee mostrar algo diferente. Por ejemplo, es posible que desee ver las publicaciones de Instagram de cualquier cuenta siempre que utilicen un hashtag específico. Esta podría ser una excelente manera de exhibir fotos de un evento o conferencia. Puede cambiar su tipo de feed yendo a Feed de Instagram »Configurar. En Tipo de feed, puede cambiar a un hashtag o feed etiquetado. Puede hacer clic en el icono (?) Junto a una opción para obtener más información. Vamos a cambiar a un feed de hashtag usando la opción Public Hashtag. Lo ordenaremos por los mensajes más recientes:
Notar: No puede crear un feed mixto aquí. Un feed mixto es un feed que combina diferentes tipos, como fotos de una cuenta de usuario y fotos de un hashtag. Puede seguir las instrucciones en la siguiente parte del tutorial para crear un flujo como este. Así es como se ve ahora el feed en nuestro sitio:
Creando múltiples feeds de Instagram en WordPress
¿Qué sucede si desea incluir varios feeds de Instagram diferentes en su sitio de WordPress? Esto también es posible con algunas configuraciones simples. Primero, ve a Feed de Instagram »Configuración y haga clic en la pestaña «Ver su feed». Verá una serie de configuraciones que puede usar en el [instagram-feed] pequeño código.
Consejo: Si solo desea crear un feed para su sitio, puede cambiar esta configuración en la pestaña Configurar, como se muestra arriba. Si tiene varias cuentas de usuario registradas, puede usar [instagram-feed type=»user» username=»MundoCMS»] para especificar una cuenta. Reemplace MundoCMS con el nombre de usuario deseado. También puede optar por crear feeds basados en hashtags aquí. En este caso, deberá utilizar [instagram-feed type=»hashtag» hashtag=»#MundoCMS»] donde #MundoCMS es su hashtag elegido. Otra opción es crear un feed que haya etiquetado una cuenta de usuario específica. Esta opción solo está disponible si su cuenta de Instagram conectada en la configuración del complemento es una cuenta profesional. Incluso puede usar códigos cortos para crear un feed mixto que combine diferentes tipos de feeds, como su cuenta de usuario de Instagram y todas las fotos con un hashtag específico. Si está utilizando el bloque Feed de Instagram en el editor visual de WordPress, no necesita crear todo el código corto. Simplemente puede agregar la configuración de su código corto en la configuración del bloque:
Asegúrese de hacer clic en el botón «Aplicar cambios» después de realizar los cambios aquí.
Otras configuraciones populares de feed de Instagram en WordPress
Es posible que esté perfectamente satisfecho con la visualización predeterminada de sus fotos porque Instagram Feed hace un gran trabajo sin ninguna personalización. Sin embargo, es posible que desee realizar algunos cambios comunes dependiendo de cómo desee mostrar sus fotos de Instagram. Por ejemplo, puede mostrar solo fotos sin subtítulos. Esto es especialmente útil si agrega las fotos a una barra lateral bastante estrecha:
Puede deshabilitar los subtítulos agregando showcaption = «false» a su shortcode. Entonces tus fotos se mostrarán así:
Es posible que desee filtrar publicaciones si está utilizando un feed de hashtag. Por ejemplo, es posible que desee evitar publicaciones que mencionen a uno de sus competidores o publicaciones que usen malas palabras en el título. Puede utilizar excludewords = «competidor, grosero» en su shortcode. Esto excluirá todos los mensajes que utilicen cualquiera de las palabras de la lista de palabras separadas por comas. Reemplace «competidor» y «grosero» con las palabras que desea excluir. Otra opción que puede utilizar es cambiar el texto del botón Cargar más. Puede hacer esto agregando buttontext = «Ver más fotos» a su código corto. Simplemente reemplace «Ver más fotos» con el texto que desee utilizar. Hay muchas otras configuraciones que puede usar. El complemento Instagram Feed de Smash Balloon te permite editar todo sobre cómo se muestran tus fotos de Instagram en tu sitio. Si desea ver todas las configuraciones posibles, simplemente vaya a Feed de Instagram »Configuración» Ver su feed para la lista completa:
Esperamos que este artículo te haya ayudado a aprender a crear un feed de Instagram personalizado en WordPress …
Originally posted 2021-02-25 07:06:02.
){kind=link}