Cómo crear fácilmente un control deslizante receptivo en WordPress

¿Desea crear un control deslizante receptivo para sus sitios web de WordPress?

Los controles deslizantes se usan comúnmente en la página principal de los sitios web comerciales o de cartera. Ayudan a mostrar sus productos más vendidos y contenido relevante para su audiencia.

En este artículo, le mostraremos cómo agregar fácilmente un control deslizante de WordPress con Soliloquy, para que pueda agregar controles deslizantes rápidos, receptivos y hermosos para su sitio web.

Cómo crear un control deslizante de WordPress con Soliloquy

¿Por qué usar Soliloquy como su control deslizante de WordPress?

Soliloquy es un complemento deslizante de WordPress receptivo rico en funciones, y es bastante fácil de administrar. Estos son algunos de los beneficios de usar Soliloquy sobre otros complementos:

  • Soliloquy sigue los estándares de codificación y las mejores prácticas de WordPress.
  • Utiliza un tipo de publicación personalizada para manejar los controles deslizantes, lo que facilita la importación/exportación de controles deslizantes con cualquier solución de copia de seguridad de WordPress.
  • Es compatible con WordPress SEO, ya que puede agregar texto alternativo y subtítulos a cada diapositiva.
  • La clasificación de diapositivas de arrastrar y soltar impulsada por Ajax hace que sea muy fácil de usar.
  • Control deslizante sensible de WordPress con soporte de deslizamiento táctil para dispositivos táctiles como teléfonos inteligentes y tabletas.
  • Desarrollador amigable con excelente documentación y más de 100 ganchos. Puede etiquetarlo fácilmente en blanco si es necesario.

Dicho esto, veamos cómo puede usar Soliloquy para crear un control deslizante de WordPress.

Crear un control deslizante de WordPress con Soliloquy

Primero, deberá registrarse para obtener una cuenta de Soliloquy, ya que es un complemento premium de WordPress.

A continuación, deberá instalar y activar el complemento Soliloquy en su sitio web. Para obtener más detalles, puede seguir nuestra guía sobre cómo instalar un complemento de WordPress.

Tras la activación, deberá dirigirse a Soliloquio » Ajustes desde su tablero de WordPress y luego ingrese su clave de licencia. Puede encontrar fácilmente la clave de licencia en el área de su cuenta en el sitio web de Soliloquy.

Introduzca su clave de licencia de Soliloquy

Después de verificar su clave, puede agregar un nuevo control deslizante para su sitio web de WordPress. Para agregar un nuevo control deslizante, simplemente vaya a Soliloquio » Añadir nuevo. Puede comenzar agregando un título para su control deslizante de WordPress.

Agregar un nuevo control deslizante

A continuación, deberá agregar archivos a su control deslizante de WordPress. El complemento le permite arrastrar y soltar archivos, o elegir imágenes de la biblioteca de medios.

Para agregar un video como diapositiva, deberá cargar su video en YouTube o Vimeo. Subir videos directamente a su sitio web no es una buena idea, ya que puede ralentizar su sitio web y ocupar mucho espacio de almacenamiento.

Una vez que tenga la URL del video, simplemente haga clic en ‘Seleccionar archivos de otras fuentes’ en Soliloquy y luego pegue el enlace del video en la sección ‘Insertar desde URL’. Cuando haya terminado, siga adelante y haga clic en el botón ‘Insertar en control deslizante’ en la parte inferior derecha.

Pegue el enlace del video en la biblioteca de medios

Después de insertar sus diapositivas, puede verlas en la pestaña ‘Deslizador’.

Ver sus diapositivas en el control deslizante

A continuación, puede hacer clic en la pestaña ‘Configuración’ y cambiar la configuración de visualización del control deslizante. Por ejemplo, hay opciones para cambiar el tema del control deslizante, editar el tamaño de la imagen, la dimensión del control deslizante, la posición del control deslizante y la posición del título.

También puede habilitar opciones para mostrar flechas deslizantes, botón de pausa/reproducción, bucle deslizante y más. También hay configuraciones para editar la transición del control deslizante, ajustar la velocidad de transición y cambiar el tiempo de retraso.

Cambiar las configuraciones del control deslizante

Después de eso, puede dirigirse a la pestaña ‘Móvil’ y habilitar las opciones para crear imágenes específicas para dispositivos móviles y mostrar leyendas de imágenes en dispositivos móviles.

Ajustes móviles deslizantes

Además de eso, también puede acceder a más configuraciones en la pestaña ‘Misc’. Soliloquy le permite agregar CSS personalizado para su control deslizante, importar y exportar control deslizante, editar el título y el slug del control deslizante, y más.

Configuraciones misceláneas del control deslizante

Cuando esté satisfecho con la configuración, puede continuar y publicar su control deslizante haciendo clic en el botón ‘Publicar’.

Publica tu control deslizante

Agregar un control deslizante de WordPress en publicaciones y páginas

El siguiente paso es insertar ese control deslizante en un blog de WordPress o en su tienda de comercio electrónico.

Para comenzar, edite cualquier publicación o página del blog. Luego, en el editor de contenido de WordPress, simplemente haga clic en el (+) más firme para agregar un bloque de Soliloquio.

Agregar un bloque de Soliloquio

Después de eso, puede seleccionar su control deslizante de WordPress desde el menú desplegable en el bloque Soliloquy.

Seleccione su control deslizante de WordPress

Ahora, continúe y publique su publicación de blog o página de destino para ver el control deslizante en acción.

Ver tu control deslizante de WordPress

Edición y actualización de un control deslizante de WordPress con Soliloquy

Lo mejor de crear un control deslizante de WordPress con Soliloquy es que puede editar su control deslizante en cualquier momento que desee sin editar la publicación o la página donde ha insertado el control deslizante.

Simplemente haga clic en el ícono de Soliloquy en su barra lateral de administración y luego haga clic en el enlace ‘Editar’ debajo del control deslizante que desea actualizar.

Edite el control deslizante de su imagen

Ahora, editemos el control deslizante que creaste arriba. Puede agregar un título, URL y subtítulos a sus diapositivas individuales simplemente haciendo clic en el botón de edición junto a una diapositiva individual en su control deslizante.

Edite el texto alternativo y el pie de foto para cada imagen

Verá una ventana emergente donde puede ingresar el título de la imagen, el texto alternativo, vincular su diapositiva a una URL e ingresar un título. También puede usar HTML en su título en caso de que desee agregar un formulario de suscripción al boletín.

Agregue título y texto alternativo para sus imágenes deslizantes

Cuando haya agregado la información, guarde las imágenes del control deslizante. Sus cambios se reflejarán automáticamente en el control deslizante dondequiera que esté incrustado en su sitio.

Adición del control deslizante de Soliloquy WordPress en widgets

Soliloquy viene con un widget que puede usar para agregar un control deslizante en su sitio web, como en la barra lateral.

Puede agregar un control deslizante en un widget yendo a Apariencia » Widgets y arrastre y suelte el widget Soliloquy en cualquier área de su sitio web.

Agregue un widget de Soliloquy en WordPress

A continuación, elija su control deslizante de WordPress en el menú desplegable y agregue un título. Dado que los controles deslizantes creados con Soliloquy responden, se ajustarán automáticamente para adaptarse al ancho de la barra lateral.

Ahora haga clic en el botón ‘Guardar’ y visite su sitio web para ver el control deslizante Soliloquy en su área de widgets.

Esperamos que este artículo le haya ayudado a aprender cómo crear fácilmente un control deslizante responsivo de WordPress con Soliloquy. También puede consultar nuestra guía sobre cómo elegir el mejor software de diseño.

.

Deja un comentario