Post Top Ad

Your Ad Spot

sábado, 25 de julio de 2020

Cómo crear un feed de fotos de Instagram personalizado en WordPress

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 fotos seleccionadas en lugar de todas las fotos de su perfil.
En este artículo, le mostraremos exactamente cómo crear un feed de fotos de Instagram personalizado en WordPress.
Crear un feed personalizado de Instagram para tu sitio de WordPress

¿Por qué incluir un feed de Instagram en su sitio de WordPress?

Agregar un feed de Instagram en su sitio de WordPress le permite agregar contenido nuevo sin mucho trabajo. También alienta 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 utilizando un feed de hashtag.
Esta podría ser una excelente manera de mostrar a las personas que usan sus productos, proporcionando una valiosa prueba social que podría ayudarlo a ganar más dinero en línea .

Video Tutorial


Suscríbase a WPBeginner
Si prefieres instrucciones escritas, sigue leyendo.

Cómo crear un feed de fotos de Instagram personalizado en WordPress

Para configurar un feed de fotos de Instagram personalizado en su sitio, deberá 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 gratuito de Instagram que utilizan más de 1 millón de sitios web.
Una vez que haya instalado el complemento, vaya a la página Configuración de feed de Instagram en su administrador de WordPress y haga clic en la pestaña Licencia para ingresar su clave de licencia. Puede encontrar esto en su cuenta de Smash Balloon.
No olvide hacer clic en el botón 'Guardar cambios' en la parte inferior después de activar su clave de licencia.
Agregar su licencia de feed de Instagram
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'.
Conectando tu cuenta de Instagram
Luego verá una ventana emergente que le pedirá que elija si está utilizando un perfil de Instagram personal o comercial.
Seleccione si está utilizando una cuenta de Instagram personal o comercial
Si simplemente 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 Business Instagram.
Consejo: ¿No tiene una cuenta comercial? Para convertir su cuenta personal de Instagram en una cuenta comercial, puede seguir las instrucciones paso a paso de Smash Balloon .
Crear una cuenta comercial con Instagram es gratis. Puede volver a cambiar en cualquier momento en la aplicación de Instagram.
Cuando hace clic en el botón 'Conectar' en el panel de WordPress, simplemente necesita seguir las indicaciones y conectar su cuenta.
Después de eso, verá su cuenta junto a las 'Cuentas de Instagram' de esta manera:
El complemento de feed de Instagram ahora está conectado a su cuenta de Instagram
Nota: 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.

Mostrar un feed de tus fotos de Instagram en WordPress

Si desea mantener su sitio de WordPress como nuevo y actualizado, es fácil agregar una fuente 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 al feed principal' junto a su cuenta de Instagram conectada:
Agrega tus publicaciones de Instagram a tu feed principal
Después de eso, puede abrir una publicación o página donde va a agregar su feed. Alternativamente, si lo prefiere, puede agregarlo en un widget de barra lateral.
Vamos a crear una nueva página en Páginas »Agregar nuevo para nuestro feed.
Haga clic en el símbolo (+) para agregar un nuevo bloque, luego seleccione el bloque 'Instagram Feed' en la sección Widgets:
Agregar un bloque de feed de Instagram a tu página
Su feed de Instagram se agregará instantáneamente a su página, con un botón Seguir:
Ver tus fotos de Instagram en tu sitio
Si está utilizando el editor clásico , simplemente ingrese el código corto [instagram-feed]donde desea su feed.
También puede usar el shortcode o el widget de feed de Instagram para agregar sus publicaciones de Instagram en su barra lateral o pie de página. Simplemente ve a Apariencia »Widgets y arrastra el widget de Instagram Feed a donde quieras.
Agregar el widget de feed de Instagram a tu barra lateral

Personalizando tu estilo de feed de Instagram en WordPress

Por defecto, sus fotos de Instagram se mostrarán en una cuadrícula de cuatro columnas. Para empezar, los usuarios verán 20 fotos de su cuenta, pero pueden hacer clic en 'Cargar más' para ver fotos adicionales.
El complemento de feed de Instagram te da control total sobre esta configuración.
Para cambiar el aspecto de su feed de Instagram, vaya a Feed de Instagram »Configuración» Personalizar .
Aquí, puede cambiar el ancho y la altura de su feed, cambiar el diseño, cambiar el número de fotos, columnas y más.
Para cambiar el diseño, simplemente haga clic en la opción que desee. Vamos a utilizar un diseño Highlight para nuestras fotos de Instagram, con cada 3ra foto resaltada.
También puede elegir en cuántas columnas dividir las fotos y cuántas mostrar para comenzar. Elegimos tener 6 fotos en 3 columnas.
Cambiar el diseño de tus fotos de Instagram
Asegúrese de hacer clic en el botón "Guardar cambios" en la parte inferior de la pantalla después de realizar cualquier cambio.
Así es como se ve el feed de Instagram en nuestro sitio web:
Las fotos de Instagram en el sitio, organizadas en un diseño destacado

Mostrar un hashtag, etiquetado o una fuente de Instagram mixta en WordPress

El feed de Instagram por defecto muestra las publicaciones más recientes de su cuenta de Instagram conectada.
En algunos casos, es posible que desee mostrar algo diferente. Por ejemplo, es posible que desee mostrar las publicaciones de Instagram desde cualquier cuenta siempre que usen un hashtag específico. Esta podría ser una excelente manera de mostrar fotos de un evento o conferencia .
Puede cambiar su tipo de feed yendo a Instagram Feed »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 una fuente de hashtag utilizando la opción Public Hashtag. Lo ordenaremos por publicaciones más recientes:
Cambiar a un feed de etiquetas hashtag
Nota: No puede crear un feed mixto aquí. Un feed mixto es aquel que combina diferentes tipos, como fotos de una cuenta de usuario más fotos de un hashtag. Puede seguir las instrucciones en la siguiente parte del tutorial para crear un feed como ese.
Así es como se ve ahora el feed en nuestro sitio:
El feed hashtag #wpbeginner

Crear múltiples feeds de Instagram en WordPress

¿Qué sucede si desea incluir varias fuentes de Instagram diferentes en su sitio de WordPress? Eso también es posible con pocas configuraciones simples.
Primero, vaya a Instagram Feed »Configuración y haga clic en la pestaña 'Mostrar su feed'.
Verá una serie de configuraciones diferentes que puede usar dentro del [instagram-feed]shortcode.
Sugerencia: 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 conectadas, puede usar [instagram-feed type="user" username="wpbeginner"]para especificar una cuenta. Cambie wpbeginner al nombre de usuario que desee.
También puede optar por crear feeds basados ​​en hashtags aquí. En este caso, deberá usar [instagram-feed type="hashtag" hashtag="#wpbeginner"]donde #wpbeginner 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 comercial.
Incluso puede usar códigos cortos para crear un feed mixto que combine diferentes tipos de feed, como su cuenta de usuario de Instagram más todas las fotos con un hashtag específico.
Si está utilizando el bloque Instagram Feed en el editor visual de WordPress, no necesita crear todo el shortcode. Simplemente puede agregar su configuración de shortcode en la configuración del bloque:
Agregar la configuración de shortcode para el bloque de feed de Instagram
Asegúrese de hacer clic en el botón 'Aplicar cambios' después de hacer 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, ya que Instagram Feed hace un gran trabajo sin ninguna personalización.
Sin embargo, hay algunos ajustes comunes que puede hacer dependiendo de cómo desee mostrar sus fotos de Instagram.
Por ejemplo, es posible que desee mostrar solo las fotos sin los subtítulos. Esto es especialmente útil si agrega las fotos en una barra lateral bastante estrecha:
El feed de Instagram en la barra lateral, con subtítulos
Puede desactivar los subtítulos agregando showcaption="false"a su shortcode. Luego, tus fotos se mostrarán así:
Las fotos de Instagram en la barra lateral sin subtítulos
Es posible que desee filtrar las publicaciones si está utilizando una fuente de hashtag. Por ejemplo, es posible que desee evitar publicaciones que mencionen a uno de sus competidores o publicaciones que usen palabras groseras en el título.
Puedes usar excludewords="competitor, rude"en tu shortcode. Esto excluirá cualquier publicación que use cualquiera de las palabras dentro de la lista de palabras separadas por comas. Cambie "competidor" y "grosero" por cualquier palabra que desee excluir.
Otra opción que puede utilizar es cambiar el texto del botón Cargar más. Puede hacer esto agregando buttontext="See More Photos"a su shortcode. Simplemente reemplace "Ver más fotos" con el texto que desea usar.
Hay muchas otras configuraciones que puede usar. El complemento de feed de Instagram de Smash Balloon le permite ajustar todo sobre cómo se muestran sus fotos de Instagram en su sitio.
Si desea ver todas las configuraciones posibles, solo vaya a Instagram Feed »Configuración» Mostrar su Feed para obtener la lista completa:
Configuración de pantalla de Instagram Feed Pro
Esperamos que este artículo te haya ayudado a aprender cómo crear un feed personalizado de Instagram en WordPress. También es posible que desee ver nuestra comparación de los mejores complementos de regalo de WordPress para aumentar su seguimiento social y los mejores servicios de marketing por correo electrónico para aumentar el tráfico de su sitio web.
Si te gustó este artículo, suscríbete a nuestro canal de YouTube para ver videos tutoriales de WordPress. También nos puede encontrar en Twitter y Facebook .

No hay comentarios.:

Publicar un comentario

Dejanos tu comentario para seguir mejorando!

outbrain

Páginas