Cómo agregar un widget deslizante de Instagram a WordPress

¿Está buscando una forma sencilla de agregar un control deslizante de Instagram a su sitio web de WordPress? Instagram es una de las plataformas de redes sociales más populares disponibles, y muchos propietarios de sitios web gastan muchos recursos para producir contenido de alta calidad en la plataforma.

Puede aprovechar esto agregando un control deslizante de Instagram en su sitio web. Esto le permitirá mostrar estas imágenes de su cuenta, así como otras. Esto no solo agregará contenido a su sitio web, sino que también puede ayudarlo a crear su propia presencia en Instagram.

Hoy, demostraré cómo agregar un control deslizante usando el complemento Social Slider Widget.

¿Por qué agregar un control deslizante de Instagram en WordPress?

Las imágenes juegan un papel importante en la mayoría de los sitios web y siguen siendo populares. Sin embargo, tienen algunos problemas.

El primero es la cantidad de espacio que ocupan en sus páginas. Si bien puede crear imágenes de cualquier tamaño, aún requieren espacio, y eso puede ser un problema. Especialmente cuando se tienen en cuenta las pantallas de los móviles. Simplemente no hay mucho espacio.

Por lo tanto, cuando tiene muchas imágenes para mostrar, crea un problema

El segundo es el tamaño de archivo de las imágenes. La razón principal por la que una página se carga lentamente es generalmente porque las imágenes o videos en la página no están optimizados correctamente. Y como visitante, todos podemos estar de acuerdo, los sitios web lentos no son buenas experiencias. La velocidad también es un factor que los motores de búsqueda utilizan para clasificar su sitio web, por lo que realmente puede impactar su sitio.

Los controles deslizantes solucionan ambos problemas.

Un control deslizante solo requiere un espacio en una página para mostrar varias imágenes. Esto resuelve por completo el problema de espacio en los sitios móviles. Muchos controles deslizantes utilizan la carga diferida, lo que significa que una página solo cargará la imagen que necesita. Esto evita que se carguen muchas imágenes a la vez, lo que evita velocidades de carga lentas.

Instalación del widget de control deslizante social

El Social Slider Widget hace que agregar un control deslizante en WordPress sea realmente fácil. El plugin es extremadamente intuitivo. Puede agregar el control deslizante a cualquier página o publicación usando Shortcode o simplemente puede usar el widget que agrega. Gracias a la interfaz fácil de usar, la configuración solo lleva unos minutos, así que comencemos de inmediato.

Haga clic en Complementos y seleccione la opción Agregar nuevo en el panel de administración de la izquierda.

Busque Social Slider Widget en el cuadro de búsqueda disponible. Esto abrirá complementos adicionales que pueden resultarle útiles.

Desplácese hacia abajo hasta que encuentre el complemento Social Slider Widget, haga clic en el botón "Instalar ahora" y active el complemento para su uso.

El complemento ahora estará activado. Pero si desea obtener imágenes de su cuenta, deberá conectarse con Instagram.

Conexión a Instagram

Lo primero que debe hacer una vez que instale este complemento es conectarlo a su cuenta de Instagram. El complemento hace que esto sea realmente fácil al hacerlo con solo hacer clic en un botón.

En el panel de administración de la izquierda, haga clic en Social Slider Widgets y seleccione la opción Configuración.

Haga clic en el botón "Instagram Agregar cuenta".

Se le pedirá que seleccione el tipo de cuenta de Instagram que desea conectar. Aquí puede elegir entre una cuenta personal o una cuenta comercial. simplemente elija el que desea usar y puede iniciar sesión.

Nota: si desea utilizar varias cuentas de Instagram, deberá actualizar a la edición Pro del complemento. Esto puede ser muy útil si planea crear muchos controles deslizantes de Instagram en el futuro.

Ahora se le pedirá que autorice el complemento para conectarse con su cuenta de Instagram. Haga clic en el botón "Autorizar".

Nota: si no ha iniciado sesión en la cuenta de Instagram, se le pedirá que lo haga antes de ver esta parte.

Su cuenta de Instagram no se conectará al complemento y puede comenzar a crear un widget deslizante de Instagram para usted.

Crear un control deslizante de Instagram

Haga clic en el enlace "configuración del widget" que se encuentra arriba de la información de su cuenta personal. Alternativamente, puede ir al área de widgets de WordPress como de costumbre.

Verá una nueva área de widgets llamada Social Slider. Ubique y arrastre el widget Social Slider Instagram a esta área.

Nota: Esta área de widgets es solo para crear su control deslizante y no aparecerá en su sitio web.

Ahora, solo necesita pasar por la configuración para elegir qué hará su control deslizante. La primera es seleccionar si quieres imágenes de una cuenta o de un hashtag específico. Elige el que se ajuste a tus necesidades.

Nota: si elige usar la opción Hashtag, asegúrese de ingresarla sin el "#" o de lo contrario no funcionará.

El resto de las opciones deciden cosas como cuántas imágenes mostrará el control deslizante, qué tan rápido cambiarán las imágenes, qué estilo usará el control deslizante y otras configuraciones basadas en la apariencia. Simplemente elija las opciones que mejor se adapten a su sitio web.

Cuando haya terminado, haga clic en el botón "Guardar".

Visualización de su control deslizante

El widget ahora mostrará un código abreviado que puede agregar a una publicación, página o widget de texto. Copie el código corto.

Si elige pegar el código abreviado en una publicación o una página, puede pegarlo en un bloque de texto o usar un bloque de código abreviado. Ambos tendrán el mismo resultado.

Demostraré cómo agregar el shortcode a un widget de texto. Tenga en cuenta que si planea que sea un widget, debe asegurarse de que la configuración coincida con sus necesidades. Por ejemplo, no desea una imagen enorme en su barra lateral.

Localice y arrastre un widget de texto al área de widget deseada (barra lateral o pie de página).

Agregue un título, pegue el código abreviado y haga clic en el botón "Guardar".

Ahora puede visitar su sitio web para verlo en acción.

Felicitaciones por agregar un control deslizante de Instagram a su sitio web de WordPress. Hay muchas maneras de integrar Instagram y widgets en WordPress, así que asegúrese de buscar otras ideas de integración.

Cuidado con las huelgas de derechos de autor

Si bien esto es poco común, puede meterse en problemas por mostrar imágenes de Instagram que no son de su propiedad. Nuevamente, puede suceder y puede causar algunos dolores de cabeza, por lo que le recomiendo que se asegure de usar solo imágenes que cargó o que tiene permiso para usar.

El uso de imágenes de hashtags generalmente es seguro, pero existe un riesgo si decide hacerlo.

Integrar Instagram de otras maneras

WordPress es una plataforma muy versátil y ofrece numerosas formas de integrar Instagram en ella. Puede agregar un conjunto de botones de redes sociales a su sitio web que facilita a los visitantes seguir sus diversas cuentas. Incluso podría agregar sus historias de Instagram directamente en WordPress con la ayuda de un complemento.

Y asegúrate de no limitarte solo a Instagram. , Twitter y muchas otras plataformas tienen formas similares de integrarse con WordPress, así que asegúrese de aprovecharlas.

¿Cuántas imágenes tienes en tu slider? ¿A qué tipos de contenido agregas controles deslizantes?