Slide Anything en WordPress – Contenido Responsive / Slider HTML y Carrusel

Categorias: Plugins, Wordpress

Curioso cuanto menos el Plugin del que te vamos a hablar en el día de hoy. ¡No te lo pierdas! Seguro que te sorprenderá. 😉

Slide Anything

Slide Anything

Se trata de Slide Anything, un plugin para WordPress que permite crear un carrusel/slider (deslizante) donde puedes poner todo lo que quieras: imágenes, textos, HTML e incluso Shortcodes. Más allá de eso, el plugin tiene múltiples efectos y, con la versión Pro (de pago), se puede abrir una ventana con modalidad Popup para mostrar el contenido deseado, por ejemplo, un vídeo embed.

Este plugin utiliza el plugin jQuery Owl Carousel 2, lo que permite crear bonitos carruseles y sliders (deslizantes) con capacidad táctil.

Slide Anything ofrece muchas características de Owl Carousel 2, que incluyen:

  • Soporte Táctil – Diseñado especialmente para incrementar la experiencia desde dispositivos móviles.
  • Completamente Responsive – Puedes definir el número de slides que se mostrarán según desde donde se consulte el contenido. Por ejemplo, desde un ordenador normal -> 4 Slides, desde un tableta -> 3 Slides, desde un dispositivo móvil (Smartphone) -> 2 Slides.
  • Navegadores Modernos – Owl usa un hardware de aceleración con transiciones CSS3 Translate3d. ¡Es rápido y funciona muy bien! Además, también soporta CSS2 para hacer frente a navegadores más antiguos.
  • Nueva Carga Diferida de Imágenes – Con esta característica activada, las imágenes solo se cargan cuando les toca, es decir, no se cargan todas de golpe.
  • Looping Infinito – Introducido con Owl Carousel 2, esta característica significa que el primer slide ahora se muestra sin problemas después del último, sin ser necesario ningún tipo de rebobinado en el carrusel. De ahí lo de Looping Infinito; cuando se llega al final se vuelve a empezar de nuevo.
  • Nueva Transición de Efectos – Las Nuevas transiciones para el Owl Carousel incluyen: Slide, Fade, Zoom In, Zoom Out, Flip Out X/Y, Rotate Left/Right, Bounce Out, Roll Out y Slide Down.
  • Función Link Slide – Una característica que permite crear un botón de link slide para cualquier slide dentro de los carruseles.
  • Reordenación de Slides – Ahora puedes usar una interfaz de «arrastrar y soltar» para reordenar fácilmente los slides dentro de los sliders (deslizantes) que crees.

Click AQUÍ para Consultar Algunos Ejemplos de USO

Activación y Puesta en Marcha

Para activar el plugin basta con dirigirse hasta el panel de control de WordPress y allí realizar el siguiente proceso:

1) Click en Plugins -> Añadir nuevo
2) En “Palabra clave” teclear lo siguiente: “Slide Anything”
3) Pulsar en Instalar ahora
4) Por último, click en Activar

Slide Anything Instalar

Acto seguido, en el menú principal de WordPress, aparecerá una sección llamada SA Sliders, la cual te dará acceso a 3 opciones: SA Sliders (para ver los sliders que tienes creados), Add New Slider (para crear un nuevo slider) y Re-Order Slides (para reordenar los Slides).

Slide Anything SA Sliders

Por defecto, el plugin ya viene con un Slider de ejemplo (Sample Slider), así que como vamos a tomar ese como de referencia para explicar algunas cosillas, pero básicamente puedes o editar el que viene de ejemplo para adaptarlo a tus necesidades o crear uno nuevo con la opción Add New Slider.

Luego ya es un tema más de creación del propio Slider que otra cosa, según las necesidades que tengas; primero debes ponerle un nombre en la parte superior, después seleccionar los Ajustes del Slider (Slider Settings): la duración de los Slides, el tiempo de transición entre uno y otro, los efectos, ect e incluso tienes la opción de ver un previo de cómo está quedando el Slider que estás montando con los Slides que estás poniendo.
La opción es Preview Slider, arriba del todo a la derecha, donde también se muestra un Shortcode del Slider para que lo pongas en donde quieras en tu web.

Por otra parte, en el lateral derecho, también puedes indicar los Slides a mostrar según el dispositivo con el que se consulte la web (Items Displayed). Por ejemplo, desde un ordenador normal -> 4 Slides, desde un tableta -> 3 Slides, desde un dispositivo móvil (Smartphone) -> 2 Slides.

Slide Anything Edit Slider

Si haces “scroll” un poco para abajo viene tal vez la parte más complicada que es en la que debes confeccionar los Slides que quieres mostrar en el Slider, así como también sus estilos (Slider Style) en el lateral derecho.

Slide Anything Edit Slider Slides Style

Como se puede comprobar en la imagen superior dispones tanto de un Editor HTML como de un Editor Visual, así como la posibilidad de poner un enlace o usar el “Modo Popup” en caso de que tengas la versión Pro. También hay 3 botones más en la parte inferior de cada Slide: Delete Slide (para borrarlo), Duplicate Slide (para duplicarlo y no empezar de 0 con un Slide nuevo) y Move Slide Up (para moverlo a otra posición, ya que igual te interesa que ese Slider salga antes que otro).

En fin… ¿A qué estás esperando para crear un Slider con varios Slides?

Hosting WordPress SSD con LiteSpeed

Ahora, en Hostinet puedes contratar un Hosting WordPress SSD con LiteSpeed para incrementar el rendimiento de tu web hasta en un 300%. ¡Te garantizamos una IP española, así como el mejor soporte en tu idioma! 

En Hostinet trabajamos desde hace más de 15 años con servidores ubicados en España (Madrid y Bilbao) para ofrecer a nuestros clientes las mejores prestaciones posibles.

  • Hosting especializado en WordPress con discos SSDWordPress 1desde4´38€ / mes
  • Hosting especializado en WordPress con discos SSDWordPress 2desde5´54€ / mes
  • Hosting especializado en WordPress con discos SSDWordPress 3desde8´34€ / mes
  • Hosting especializado en WordPress con discos SSDWordPress 1desde4´38€/mes
  • Hosting especializado en WordPress con discos SSDWordPress 2desde5´54€/mes
  • Hosting especializado en WordPress con discos SSDWordPress 3desde8´34€/mes
    • Almacenamiento en disco duro ultra rápido SSDAlmacenamiento en disco duro ultra rápido SSDAlmacenamiento en disco duro ultra rápido SSDAlmacenamiento en disco duro ultra rápido SSD
    • El espacio en disco es la suma del espacio que ocupan los archivos que forman la web y el correo electrónico.
    • La transferencia de datos mensual es la cantidad total de información que se descargan los visitantes de nuestra web en cada acceso más nuestro uso a través de FTP y correo.
    • Ideado para sacar el máximo partido a tu WordPress
    • Aumenta la velocidad de tu web + Info
    • Tras evaluación de nuestro equipo de migraciones
    • Te ayudamos vía email y teléfono en todas tus consultas sobre hosting web
    • Elige la versión de PHP que necesites
    • Certificado SSL autofirmadoCertificados Let's Encrypt. Mas Información AQUICertificados Let's Encrypt. Mas Información AQUICertificados Let's Encrypt. Mas Información AQUI
    • Contrata tu hosting web y consigue dominios gratisUna vez dado de alta tu alojamiento web, recibirás los vales correspondientes para registrar nuevos dominios .ES, .COM, .INFO, .NET, .ORG ó .EU.
    • Migramos tu web de tu actual host a HostinetMigramos tu web de tu actual host a HostinetMigramos tu web de tu actual host a Hostinet
    • Ideado para sacar el máximo partido a tu WordPress
    • Te ayudamos vía email y teléfono en todas tus consultas sobre hosting web
    • Hosting específicamente preparado para sacar el máximo rendimiento a tu Wordpress
    • Contrata tu hosting web y consigue dominios gratisUna vez dado de alta tu alojamiento web, recibirás los vales correspondientes para registrar nuevos dominios .ES, .COM, .INFO, .NET, .ORG ó .EU.
    • Cada dominio alojado muestra un contenido único y diferente del resto
    • Aparcando un dominio secundario en el alojamiento de nuestro dominio principal conseguimos que ambos dominios resuelvan indistintamente con la misma página que tenemos colgada.
    • Cuentas de correo gestionables a través de POP, IMAP y servicio Webmail
    • Tus buzones de correo y mails limpios de virus y con un potente filtro antispam
    • Centro de datos en Madrid (España)
    • Opción de contratación de IP dedicadaPuedes contratar tu Ip dedicada por solo 11.95 € al año AQUIPuedes contratar tu Ip dedicada por solo 11.95 € al año AQUIPuedes contratar tu Ip dedicada por solo 11.95 € al año AQUI
    • Opción de contratación de certificados SSL. Se requiere Ip dedicada.Puedes contratar tu certificado SSL por solo 14.95 € al año AQUIPuedes contratar tu certificado SSL por solo 14.95 € al año AQUIPuedes contratar tu certificado SSL por solo 14.95 € al año AQUI
    • Bases de datos MySQL disponibles para su uso en cada alojamiento web
    • ¿Quieres realizar desarrollos con Python? En Hostinet innovamos dia a dia en tu beneficio y por ello te presentamos como última novedad en todos nuestros servidores Web la posibilidad de desplegar tus aplicaciones con Python directamente desde el cPanel de tu Hosting.
    • ¿Quieres desarrollar tus aplicaciones con Ruby? En Hostinet te presentamos como última novedad en todos nuestros servicios de Hosting Web la posibilidad de desplegar tus aplicaciones con Ruby on Rails directamente desde el panel de control cPanel.
    • El fichero .htaccess permite modificar diferentes variables en la configuración de nuestra cuenta de alojamiento en el servidor.
    • El módulo mod_rewrite permite crear direcciones URL alternativas a las dinámicas generadas por la programación de nuestros sitio web (blog, foro, portal…), de tal modo que sean más legibles y fáciles de recordar
    • Te ayudamos vía email y teléfono en todas tus consultas sobre hosting web. Soporte en español por personal de Hostinet.
    • Completa recopilación de tutoriales sobre Hosting, Dominios y Wordpress
    • 30 dias para probar tu servicio de Hosting y si no te convence el servicio... te devolvemos el dinero!!