Cómo crear fácilmente un deslizador WordPress con Soliloquy

Los deslizadores se utilizan comúnmente en la primera página de los sitios web de negocios o portafolios. Hay cientos de plugins de deslizamiento de WordPress, cada uno con sus propias características. Sin embargo, hemos escuchado de nuestros usuarios que la mayoría de los plugins de deslizamiento son demasiado complicados para ellos. En este artículo le mostraremos cómo añadir fácilmente un control deslizante de WordPress en su sitio con Soliloquy. El objetivo aquí es encontrar el mejor plugin de deslizamiento de WordPress que sea fácil de usar, que funcione con todos los temas y que sea sensible, es decir, que se adapte a todas las pantallas (teléfonos inteligentes, escritorio y tabletas).

¿Por qué usar Soliloquy como su deslizador de WordPress?

Soliloquy es un plugin de deslizamiento de WordPress robusto y rico en funciones, y es bastante fácil de manejar. Aquí están algunas de las cosas que nos gustan de Soliloquy sobre otros plugins:

  • Soliloquy se adhiere a los estándares de codificación de WordPress y a las mejores prácticas.
  • Utiliza un tipo de poste personalizado para manejar los deslizadores que facilita la importación/exportación de los deslizadores con cualquier solución de WordPress Backup.
  • Está listo para ser traducido al 100%, lo que es ideal para audiencias internacionales.
  • Es compatible con SEO. Puede agregar metadatos, títulos, texto alternativo y pies de foto a cada diapositiva.
  • La clasificación de diapositivas mediante arrastrar y soltar impulsada por Ajax hace que sea muy fácil de usar.
  • Deslizador WordPress con soporte de deslizamiento táctil para dispositivos táctiles como teléfonos inteligentes y tabletas.
  • Desarrollador amigable con gran documentación y más de 50 ganchos y filtros. Usted puede fácilmente ponerle una etiqueta blanca si es necesario.

Aparte de todas las características, Soliloquy es bastante asequible en comparación con otros plugins de deslizamiento. La opción básica es de sólo $19. Los usuarios de AprenderWP obtienen un descuento exclusivo del 25% utilizando el cupón Soliloquy, lo que hace que la oferta sea aún mejor. Usa el código: AprenderWP .

Video Tutorial

Suscribirse a AprenderWP

Si no te gusta el video o necesitas más instrucciones, entonces continúa leyendo.

Creación de un deslizador de WordPress con Soliloquy

Lo primero que tiene que hacer es comprar Soliloquio. Una vez que tenga Soliloquy, deberá instalarlo y activarlo (vea cómo instalar un plugin de WordPress). Una vez activado, el plugin añadirá un nuevo menú Soliloquy en su administrador de WordPress. Al hacer clic en él, accederá a la página de la lista de deslizadores, que estará vacía porque aún no ha creado ningún deslizador. Para añadir un nuevo control deslizante, haga clic en Soliloquy » Añadir nuevo .

Usted desea comenzar añadiendo el título de su deslizador. A continuación, haga clic en el botón Cargar diapositivas . Aparecerá una ventana emergente, muy parecida a la que aparece en WordPress por defecto. Puede cargar imágenes para su diapositiva, elegir imágenes de la biblioteca de medios, añadir diapositivas de vídeo añadiendo URLs de vídeos de YouTube o Vimeo, o crear una diapositiva HTML.

Para añadir un vídeo como diapositiva, necesitas subirlo a YouTube o a Vimeo (lee por qué nunca debes subir un vídeo a WordPress). Una vez que tenga la URL del vídeo, simplemente péguela y Soliloquy se encargará del resto.

En cuanto a las diapositivas HTML, es necesario pegar el código HTML. Este html puede ser cualquier cosa que quieras. Un ejemplo sería añadir un formulario de suscripción por correo electrónico para su boletín informativo o un botón de llamada a la acción.

En este artículo, le mostraremos cómo crear un deslizador de imagen en WordPress. Clic en Seleccionar Archivos para cargar imágenes de diapositivas desde su computadora.

Una vez que haya seleccionado las diapositivas de imagen, se cargarán en su biblioteca multimedia. Clic en el botón Insertar Diapositivas para añadir estas diapositivas a su control deslizante. Después de insertar sus diapositivas, puede configurar otras opciones en la página de añadir un nuevo control deslizante. Mientras que puede ajustar el tamaño del deslizador predeterminado, la capacidad de respuesta le permite ajustarse automáticamente para pantallas más pequeñas. Los tamaños por defecto son el punto relativo a medida que su deslizador se ajusta a sí mismo en diferentes dispositivos.

Entre otras opciones, puede elegir la velocidad del deslizador, el efecto de animación de diapositivas, el efecto de transición, etc. Una vez que esté satisfecho con la configuración, haga clic en el botón Publicar para guardar su deslizador y ponerlo a disposición del público.

Agregar un deslizador de WordPress en Posts/Página

Ahora que ha creado su deslizador, el siguiente paso es insertarlo en un mensaje o en una página. Abra el editor de mensajes, seleccione la ubicación en la que desea añadir el control deslizante y haga clic en el botón Añadir control deslizante junto al cargador de medios.

Verá cuadros para cada control deslizante que haya creado. Seleccione el control deslizante que desea insertar y, a continuación, haga clic en el botón Insertar control deslizante .

Esto agregará un código abreviado de deslizador en su mensaje. Ahora puede guardar o previsualizar su mensaje y ver el control deslizante en acción.

Edición y actualización de un deslizador de WordPress con Soliloquy

Lo bueno de crear un deslizador de WordPress con Soliloquy es que puede editar su deslizador en cualquier momento sin tener que editar el mensaje o la página en la que ha insertado el deslizador. Simplemente haga clic en el icono de Soliloquio en su barra lateral de administración y luego haga clic en Editar enlace debajo del control deslizante que desea actualizar.

Ahora vamos a editar el control deslizante que creamos arriba. Recuerde que le dijimos que los deslizadores creados con Soliloquy son compatibles con SEO. Puede agregar metadescripciones, títulos, URL y pies de foto a sus diapositivas individuales. Haga clic en el botón de edición junto a una diapositiva individual en su control deslizante.

Esto abrirá una ventana emergente donde podrá ingresar el título de la imagen, texto alternativo, vincular su diapositiva a una URL e ingresar un título. También puede utilizar HTML en su pie de foto en caso de que desee añadir un formulario de suscripción al boletín. Una vez que haya ingresado la meta información para la diapositiva, haga clic en el botón Guardar diapositiva.

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 plantillas y widgets

Soliloquy viene con un widget que puede utilizar para añadir un control deslizante en cualquier área widgetada de su sitio web. Vaya a Apariencia » Widgets y arrastre el widget de Soliloquy a su barra lateral. Verá la lista de diapositivas que ha creado. Elija el que desea insertar y guarde el widget. Dado que los controles deslizantes creados con Soliloquy son sensibles, se ajustarán automáticamente para ajustarse a la anchura de la barra lateral.

Cada control deslizante de Soliloquy tiene su propio código abreviado y una función. Puede utilizar esta función para añadir el control deslizante en cualquier parte de los archivos de plantilla de temas. Para obtener el código de función, haga clic en el icono de Soliloquio en su administrador de WordPress. Esto mostrará la lista de deslizadores que ha creado junto con el código abreviado y la función junto al título del deslizador. Copie y pegue el código de función en consecuencia.

Pensamientos finales

Soliloquy es uno de los mejores plugins de deslizamiento de WordPress que hemos visto en el mercado. Confíe en nosotros, hemos probado muchos de ellos. Después de un uso intensivo de Soliloquy, estamos realmente impresionados por su velocidad y potencia.

La mayoría de los plugins de deslizadores están hinchados de código y mal documentados. Soliloquio es ligero y rápido. Está diseñado tanto para usuarios como para desarrolladores. Han hecho un gran trabajo para seguir todos los estándares de WordPress mientras que hacen que el deslizador sea extremadamente fácil de usar para los principiantes. Su documentación de código facilita a otros desarrolladores la personalización y ampliación de la funcionalidad según sea necesario.

Podemos decir fácilmente que Soliloquy se ha convertido en nuestra opción número uno para un plugin de deslizamiento de WordPress.

Esperamos que este artículo le haya ayudado a añadir un slider en su sitio de WordPress. Para comentarios y preguntas, por favor deje un comentario a continuación. Tampoco olvides seguirnos en Twitter @AprenderWP.

Deja un comentario