Cómo crear fácilmente un control deslizante responsivo de WordPress con Soliloquy - Aprender Marketing
PLUGINS

Cómo crear fácilmente un control deslizante responsivo de WordPress con Soliloquy

¿Quiere crear un control deslizante receptivo para su sitio de WordPress?

Los controles deslizantes se utilizan a menudo en la página de inicio de un sitio web comercial o de cartera. Lo ayudan a presentar sus productos más vendidos y contenido relacionado a su audiencia.

En este artículo, le mostraremos cómo agregar fácilmente un control deslizante de WordPress con Soliloquy para que pueda agregar un control deslizante hermoso, rápido y receptivo a su sitio web.

¿Por qué usar Soliloqu como tu control deslizante de WordPress?

Soliloquy es un complemento de WordPress adaptable rico en funciones para controles deslizantes y es muy fácil de administrar. Estas son algunas de las ventajas de usar Soliloquy sobre otros suplementos:

  • Soliloquy sigue los estándares de codificación y las mejores prácticas de WordPress.
  • Utiliza tipos personalizados de publicaciones de procesamiento de 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 y títulos alternativos a cada diapositiva.
  • La clasificación de diapositivas con arrastrar y soltar con la tecnología de Ajax hace que sea muy fácil de usar.
  • Control deslizante de WordPress receptivo con soporte para dispositivos táctiles como teléfonos inteligentes y tabletas.
  • Conveniente para desarrolladores, con excelente documentación y más de 100 ganchos. Puede marcarlo fácilmente en blanco si es necesario.

Dicho esto, veamos cómo crear un control deslizante de WordPress con Soliloquy.

Crear un control deslizante de WordPress con Soliloqu

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

Luego, debe instalar y activar el complemento Soliloquy en su sitio web. Para obtener más detalles, puede seguir nuestra guía sobre cómo instalar complementos de WordPress.

Después de la activación, debe conectarse Habla contigo mismo » Configurar Desde su panel de WordPress, luego ingrese su clave de licencia. Puede encontrar fácilmente la clave de licencia en el área de la cuenta en el sitio web de Soliloquy.

Introduzca su clave de licencia de Soliloque

Después de confirmar su clave, puede agregar un nuevo control deslizante a su sitio de WordPress. Para agregar un nuevo control deslizante, simplemente vaya a Habla contigo mismo »AgregarPuede comenzar agregando un título a su control deslizante de WordPress.

Agregar un nuevo control deslizante

Luego, debe agregar los archivos al control deslizante de WordPress. El complemento le permite arrastrar y soltar archivos o seleccionar imágenes de la biblioteca multimedia.

Para agregar un video como una presentación de diapositivas, debe cargar el video en YouTube o Vimeo. Subir videos directamente a su sitio web no es una buena idea, ya que ralentizará su sitio web y ocupará mucho espacio de almacenamiento.

Una vez que haya recibido la URL del video, simplemente haga clic en «Seleccionar un archivo de otra fuente» en Soliloquy y coloque el enlace al video en la sección «Insertar desde URL». Cuando haya terminado, continúe y haga clic en el botón «Insertar control deslizante» en la esquina inferior derecha.

Pegue el enlace del video en la biblioteca de medios

Una vez que haya colocado las diapositivas, puede verlas en la sección Control deslizante.

Ver una presentación de diapositivas del control deslizante

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

También puede activar opciones para mostrar flechas deslizantes, botones de pausa/inicio, ciclo 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 la configuración del control deslizante

A continuación, puede ir a la pestaña Móvil y activar la opción para crear una imagen específica para dispositivos móviles y mostrar el título de la imagen en un dispositivo móvil.

Mover la configuración del control deslizante

También puede acceder a más configuraciones en la sección «Otros». Soliloquy le permite agregar CSS personalizado a los controles deslizantes, importar y exportar controles deslizantes, editar controles deslizantes y títulos de controles deslizantes, y más.

Diferentes configuraciones del control deslizante

Cuando esté satisfecho con su configuración, ahora puede continuar publicando su control deslizante haciendo clic en el botón «Publicar».

Publica tu control deslizante

Agregue controles deslizantes de WordPress a publicaciones y páginas

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

Para empezar, edite cada publicación o página del blog. Luego, en el editor de contenido de WordPress, simplemente haga clic en (+) si Inicia sesión para agregar un bloque de monólogo.

Agregar un bloque de monólogo

Luego puede seleccionar su control deslizante de WordPress desde el menú desplegable del bloque Soliloquy.

Elija 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.

Echa un vistazo a tu control deslizante de WordPress

Edite y actualice los controles deslizantes de WordPress con Soliloquy

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

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

Editar el control deslizante de la imagen

Ahora vamos a editar el control deslizante que creó anteriormente. Puede agregar un título, una URL y una descripción a sus diapositivas individuales simplemente haciendo clic en el botón de edición junto a las diapositivas individuales en su control deslizante.

Edite el texto alternativo y los subtítulos para cada imagen

Verá una ventana emergente donde puede ingresar un título de imagen, texto alternativo, vincular la presentación de diapositivas a una URL e ingresar un título. También puede usar HTML en el encabezado si desea agregar un formulario de suscripción al boletín.

Agregue un título y texto alternativo a las imágenes que se desplazan

Después de agregar la información, guarde la imagen del control deslizante. Sus cambios se reflejarán automáticamente en cualquier parte del control deslizante integrado en su sitio web.

Agregue WordPress Soliloquy Slider al widget

Soliloquy viene con un widget que puede usar para agregar controles deslizantes a su sitio web, al igual que en la barra lateral.

Puede agregar un control deslizante al widget a través de Apariencia »Widgets Y arrastre y suelte los widgets de Soliloquy en cualquier lugar de su sitio web.

Agregue el widget Monólogo a WordPress

Luego seleccione su control deslizante de WordPress en el menú desplegable y agregue un título. Debido a que los controles deslizantes de Soliloquy responden, se ajustan 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 el área de gadgets.

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

Si te ha gustado este artículo, suscríbete a nuestro canal de tutoriales en vídeo de YouTube para WordPress. También puede encontrarnos en Twitter y Facebook.

Deja una respuesta

Tu dirección de correo electrónico no será publicada.

Botón volver arriba