Avartan Slider – Complemento responsivo de control deslizante de WordPress
Avartan Slider es un complemento responsivo de WordPress para crear controles deslizantes de imágenes y videos de contenido en capas innovadores e impresionantes. Este complemento es una forma efectiva y fácil de usar de embellecer su página de inicio, sección de encabezado/banner y exhibir en sus sitios web. Tiene características únicas como navegación táctil y deslizable, creador de controles deslizantes visuales de arrastrar y soltar, contenido multimedia y muchas más.
Le permite crear fácilmente controles deslizantes potentes con capas animadas (texto/HTML, imagen, código corto, botón, video, icono y capa de forma), lo que hace que sea muy fácil crear un control deslizante listo para usar. Avartan Slider hace que su sitio web sea más intuitivo sin necesidad de conocimientos de codificación. Es muy fácil de administrar desde principiantes hasta desarrolladores de sitios web.
El complemento Avartan Slider incluye plantillas de control deslizante diseñadas con precisión para varias categorías como Diseño creativo, Moda, Producto, Boda, etc., para que pueda importar ese control deslizante y, al modificarlo, puede crear rápidamente un control deslizante según sus necesidades. Además, seguiremos agregando más plantillas de controles deslizantes en versiones futuras.
Si está buscando agregar secciones animadas en la página de inicio, dentro de las publicaciones y el diseño de páginas, Avartan Slider es la mejor solución para usted que nunca antes había visto.
Todas y cada una de las capas de diapositivas contienen numerosas opciones para administrar el estilo y diseño de su elemento, como colores, estilo de fuente, familia de fuentes, etc.
Control deslizante verdaderamente responsivo
- Este control deslizante es muy efectivo para temas responsivos de WordPress, porque se ajustaría automáticamente a su contenedor.
- Esto funcionaría de inmediato, ya que no hay necesidad de JavaScript o CSS en su tema.
- Slider se encarga de manejar la visualización en todos los dispositivos posibles mediante el escalado completo de la imagen y el ajuste de elementos.
Compatible con SEO
- Atributos Alt y Título disponibles para todas las imágenes de elementos, diapositivas y también para la imagen de fondo.
- Todas las etiquetas de encabezado (h1, h2, h3, h4, h5, h6) y el párrafo (p) se pueden usar en el elemento de contenido para que su contenido sea compatible con SEO.
- Atributos Rel y Título disponibles para enlaces.
Navegación táctil y deslizada
- El control deslizante Avartan proporciona navegación táctil y deslizada, lo que facilita mucho la función de navegación.
- Navegación fluida con los dedos al tocar la superficie de sus dispositivos móviles.
- Experimente la misma navegación que arrastrando el mouse en un dispositivo de escritorio.
Generador de arrastrar y soltar
- Avartan Slider admite una cantidad impresionante de opciones, incluso los principiantes podrán crear hermosos controles deslizantes.
- El usuario puede arrastrar y soltar todos y cada uno de los elementos y crear un hermoso control deslizante en minutos.
- No es necesario desarrollar habilidades para construir un control deslizante.
Control deslizante de publicación
- Cree un control deslizante donde el contenido del control deslizante se tome de las publicaciones de su sitio.
- El control deslizante basado en publicaciones es un control deslizante basado en una categoría/etiqueta específica (o varias categorías/etiquetas) de su elección.
- Elija Publicaciones regulares o uno de sus tipos de publicaciones personalizadas.
- Hay diferentes tipos de filtros de publicaciones disponibles.
- Se agregaron más de 10 diseños preestablecidos integrados para el control deslizante de publicaciones.
Capas asombrosas
- Un elemento de texto desempeña múltiples funciones, como solo texto o html personalizado.
- El usuario puede agregar una sola imagen cada vez en la diapositiva por elemento de imagen.
- Agregue videos de Youtube, Vimeo o HTML5 autohospedados mediante Video Element.
- Avartan admite todos los códigos cortos de complementos de Shortcode Element.
- Cree rápidamente un elemento botón por botón.
- Agregue rápidamente un ícono por elemento de ícono.
- Agregue forma rápidamente por elemento de forma.
Vista previa de diapositiva/control deslizante
- Todas las diapositivas son diferentes en un control deslizante. ¿Por qué no obtener una vista previa de la diapositiva antes de publicarla?
- El usuario puede obtener una vista previa de todas y cada una de las diapositivas en el momento de la creación, modificarlas y ahorrar un tiempo valioso.
- El usuario puede obtener una vista previa de la diapositiva según los diseños del control deslizante, como ancho fijo o ancho completo y modo de pantalla Escritorio o Móvil.
- Ahora, el usuario puede obtener una vista previa del control deslizante completo antes de publicarlo en el front-end.
Animación y transición
- Haga que su control deslizante sea efectivo con animación y transición. El control deslizante Avartan le permite crear diapositivas más hermosas mediante el uso de retardo y facilitar el tiempo de entrada y salida.
- Más de 50 animaciones de diapositivas interactivas y diferentes tipos de facilidad en los efectos.
- Más de 15 efectos de animación para elementos y diferentes tipos de efectos de facilidad.
Paralaje / Animación 3D
- El efecto de paralaje se utiliza para aplicar movimiento a elementos de diapositiva según los eventos de desplazamiento o del mouse.
- Establezca la velocidad de la animación cuando pase el mouse o se desplace.
- Configure la vista del efecto Parallax en un mundo 3D.
Animación de Ken Burns
- El efecto Ken Burns le permite crear animaciones de zoom para la imagen de fondo.
- Se permite que la animación de Ken Burns gire en sentido antihorario.
- La opción Escalar aumentará o disminuirá el tamaño de la imagen de fondo de la diapositiva para el efecto Ken Burns.
Opciones de estilo de diseño de elementos
- Diseña tus elementos con opciones de estilo avanzadas.
- Puede configurar el color, el tamaño de fuente, el alto de línea, el color de fondo, el borde, etc.
- Editor fácil de usar.
Redimensionable y giratorio
- El control deslizante Avartan proporciona flexibilidad de elementos ajustables y giratorios.
- Cambie el tamaño y gire elementos según su elección.
Soporte de vídeo
- Avartan admite videos de Youtube, Vimeo y HTML5 autohospedados en diapositivas.
- Agregue fácilmente videos de youtube o vimeo mediante URL o identificación de video en el fondo de la diapositiva o video como elemento.
- Obtenga la información del video para mostrarla en video.
- El video HTML5 admite videos tipo mp4, webm y ogv.
Configuración de vídeo
- Soporte de vídeo de ancho completo.
- Establecer/eliminar imagen de vista previa para videos de Youtube o Vimeo.
- Puede agregar una imagen de póster para video HTML5.
- Más configuraciones de video como reproducción automática, siguiente diapositiva al final del video, forzar rebobinado, silencio, video en bucle, etc.
Clasificación de diapositivas
- Los controles deslizantes se utilizan comúnmente en la página principal de sitios web comerciales o de cartera.
- Es importante mostrar todas las diapositivas. Pero es muy importante mostrar las diapositivas en el orden que usted elija.
- Para cumplir con este requisito, Avartan Slider le permite reorganizar sus diapositivas fácilmente con solo arrastrar y soltar.
Copiar y mover diapositiva
- Disfrute copiando la misma diapositiva del control deslizante actual a otro control deslizante utilizando la función Copiar diapositiva.
- Si desea eliminar la misma diapositiva del control deslizante actual y agregar esa diapositiva en otro control deslizante, utilice el mecanismo Mover diapositiva.
Diapositiva activa/inactiva
- Ahora puede elegir entre diapositiva individual activa o inactiva, como en la publicación de WordPress.
- Si está «Inactivo», la diapositiva seguirá existiendo en el backend, pero será invisible cuando el control deslizante se muestre en la interfaz de su sitio.
Superposición de fondo de diapositiva
- Increíble superposición de colores para diapositivas utilizando el nuevo selector de colores bootstrap con opacidad.
- Establezca Superposición de patrón en el fondo de la diapositiva de más de 35 colecciones de patrones.
- Configure Degradado y Superposición de degradado en el fondo de la diapositiva según su elección.
Elemento duplicado, diapositiva y control deslizante
- El tiempo es dinero. El usuario puede ahorrar tiempo utilizando la función de duplicación.
- El control deslizante Avartan proporciona la función de duplicar todos y cada uno de los elementos.
- El usuario puede crear un nuevo control deslizante en cuestión de segundos duplicando otro control deslizante. El control deslizante también permitió duplicar la diapositiva.
Soporte de ayuda de cuadrículas y capas
- Grid Helper facilita la tarea de diseñar diapositivas. Hay varias opciones para ver la línea auxiliar de cuadrícula para el editor, como 10×10, 25×25, etc.
- Layer Helper facilita la configuración del diseño de elementos en las diapositivas.
Diseñar contenido en varios tamaños de pantalla
- Disfrute diseñando su diapositiva para el nivel de vista de escritorio/móvil.
- Hay varias opciones de estilo disponibles para configurar el tamaño de la pantalla.
- Incluso puede configurar la posición del elemento por separado para cada tamaño de pantalla.
Soporte de fuentes
- Hace que el texto de tus diapositivas sea increíble gracias a varias colecciones de fuentes de Google.
- Utilice fuentes Font Awesome para decorar texto y elementos de botones.
Increíbles flechas de navegación
- Activar/desactivar las flechas de navegación.
- Más de 25 flechas de navegación CSS3 personalizables.
- Configuraciones avanzadas de flechas como posición, desplazamiento.
Colección de viñetas de navegación
- Activar/desactivar las viñetas de navegación.
- Más de 20 viñetas de navegación CSS3 personalizables.
- Más de 5 formas de configurar la posición de navegación.
- Configuraciones avanzadas de viñetas como desplazamiento, dirección, espacio.
Biblioteca de cargadores
- Activar/desactivar cargadores
- Más de 15 cargadores CSS3 predeterminados
- Sube tu cargador personalizado.
Visibilidad móvil
- Ahora oculta tu control deslizante en el móvil según el ancho definido
- Ocultar todos los elementos bajo definir ancho
- Ocultar elementos específicos en definir ancho
- Ocultar flechas de navegación debajo de definir ancho
- Ocultar viñetas de navegación bajo definir ancho
Diapositiva en solitario
- Diseñe su sitio web usando Solo Slide
- Simplemente cree una diapositiva con el control deslizante avartan que no mostrará la navegación ni la barra de tiempo.
- Solo Slide es posible bloquear un sitio web totalmente responsivo.
Control deslizante Importar Exportar
- No se preocupe por transferir el control deslizante de un sitio a otro.
- El potente control deslizante Avartan proporciona funciones para exportar e importar controles deslizantes.
Diapositiva única de importación/exportación
- No se preocupe por transferir una sola diapositiva de un sitio a otro.
- Simplemente exporte su diapositiva única favorita e impórtela en su control deslizante favorito.
Soporte deslizante vertical
- Avartan Slider admite control deslizante vertical
- Ahora las configuraciones avanzadas de las viñetas de navegación, como la dirección y las posiciones, le ayudarán a diseñar el control deslizante vertical.
Forzar control deslizante de ancho completo
- Avartan Slider admite un control deslizante de diseño de ancho completo para una exhibición más hermosa
- Ahora puedes estirar ese control deslizante hasta el ancho de la ventana forzando el ancho completo
Compositor Visual
- Avartan Slider es totalmente compatible con el complemento de compositor visual.
- Agregue Slider desde las opciones de contenido de Visual Composer.
- Se agregó soporte para más de 8 creadores de páginas.
Agregar control deslizante favorito a la publicación/página
- Agregue fácilmente el control deslizante favorito con un solo clic en el botón Agregar control deslizante Avartan en su publicación o página.
- Widget deslizante de Avartan para mostrar su control deslizante en cualquier área de widgets. Simplemente seleccione su control deslizante favorito de la lista y luego disfrútelo.
Créditos:
Nota: Cualquier medio, foto o video utilizado en la vista previa no está incluido en este elemento y debe comunicarse con los autores para obtener permiso en caso de que desee usarlos en sus proyectos comerciales o no comerciales.
Hemos utilizado los siguientes complementos de jQuery que se enumeran.
- WP Color Picker Alpha: una nueva serie Alpha de WP Color Picker para agregar soporte para el selector de color con opacidad.
- Jquery Growl: un complemento de notificación similar a Growl para jQuery.
- Web Font Loader: una interfaz común para cargar fuentes independientemente de la fuente.
- Perfect Scrollbar: complemento de barra de desplazamiento personalizado minimalista pero perfecto.
- Jquery UI Rotatable: complemento jQuery UI que funciona de manera similar a Draggable y Resizable.
- Select-2 JS: Select2 es un reemplazo basado en jQuery para cuadros de selección.
- Portapapeles: un caso de uso bastante común es copiar contenido de otro elemento.
- TouchSwipe: complemento jQuery para usar en dispositivos táctiles.
- Greensock: biblioteca JavaScript para animaciones HTML5 de alto rendimiento.
- Fontawesome: la fuente icónica y el conjunto de herramientas CSS.
- Flaticon – El motor de búsqueda de iconos gratuitos más grande del mundo.
