Este artículo puso todos mis complementos existentes de WPBakery Page Builder ($250+ valor) en un paquete por solo $ 25, y agregará más complementos de forma gratuita en la actualización futura. Todos los complementos tienen un diseño simple y amplían WPBakery Page Builder con más funciones. Este paquete funciona bien con WPBakery Page Builder que se instaló como complemento o en un tema. El complemento cargará los activos de javascript/css sobre la marcha, y puede optar por habilitar/deshabilitar cada complemento a través del Administrador de funciones del creador de páginas.
Nota: Este complemento es el complemento para WPBakery Page Builder, requiere que WPBakery Page Builder esté instalado y activado en su sitio. Algunas de las funciones de transición 3D CSS3 solo están disponibles en navegadores modernos como Chrome, Firefox, Safari, Opera o IE10+. El elemento HotSpot necesita que el editor frontend esté habilitado para arrastrar y actualizar la posición del icono.
Puede arrastrar el ícono del punto de acceso para actualizar su posición en el editor de interfaz, haga clic en la imagen para ver una demostración de video de Youtube:
Reseñas
Incluido:
Galería de videos de YouTube o Vimeo
Ayudarlo a agregar la galería de videos de YouTube o Vimeo, con miniaturas y subtítulos o información sobre herramientas opcional.
Comparar tarjeta
Muestre 2 tarjetas una al lado de la otra, botón de soporte y caja de luz de avatar, la caja de luz puede ser una imagen, un video de YouTube o un mapa de Google, etc.
Control deslizante de paralaje
presentación de diapositivas con retraso automático con imagen, leyenda, flecha y navegación de puntos.
Tarjeta de línea de tiempo
Brinde la flexibilidad de agregar una tarjeta de línea de tiempo receptiva con imagen, video de YouTube o mapa de Google, etc.
Control deslizante de materiales
Ayudarlo a agregar fácilmente un control deslizante de retraso automático de estilo Material de Google.
Caja sesgada
Lo ayuda a agregar 2 imágenes una al lado de la otra con un cuadro de texto, puede agregar un control deslizante de comparación con él.
Tarjeta de sombra
Ayudarle a agregar Apple TV como una imagen 3D de desplazamiento de inclinación, con un título opcional a continuación.
Expandir cuadrícula
- Diseño impulsado por caja flexible CSS3hágalo receptivo y expandible.
- Avatar opcional, soporte de avatar icono o imagenicono con WPBakery Page Builder incorporado Selector de iconos.
- Presentación de diapositivas con retraso automático
- Estilo de color degradado incorporado, también compatible personalizar el color.
- Agregue contenido fácilmente a través del editor de texto enriquecido incorporado de WordPress, lo ayuda a agregar cualquier HTML (como un enlace) fácilmente.
- Información sobre herramientas opcional.
Pasar el cursor
- transición CSS3.
- 20 transiciones para el círculo, 15 transiciones para el cuadrado.
- Ambas transiciones admiten de izquierda a derecha, de derecha a izquierda, de arriba a abajo y de abajo a arriba.
- Soporte de miniaturas enlace personalizado o lightbox.
- Listo para retina, puede optar por mostrar la miniatura en retina.
Punto de acceso de imagen con información sobre herramientas, caja de luz de soporte
- Puede personalizar fácilmente la posición de cada ícono de punto de acceso en el editor de frontend de WPBakery Page Builder.
- Soporte de enlace de punto de acceso YouTube, video de Vimeo, imagen o mapa de Google como caja ligera.
- Soporte de icono de punto de acceso Icono o números de Font Awesomenúmeros o un solo punto.
- El icono del punto de acceso (y el punto circular) admiten cualquier tipo de color.
- Sensible y retina Listo.
- Soporte de icono de punto de acceso animación de pulsoy puede ser en blanco, gris, rojo, verde, azul o morado.
- Opcional, abre cada información sobre herramientas de forma predeterminada cuando se carga la página.
- La información sobre herramientas es compatible con cualquier tipo de contenido, como una imagen o un video.
- Estilo de información sobre herramientas opcional: sombra, luz, noir, punk.
- Animación de información sobre herramientas opcional: crecer, deslizar, desvanecerse, caer.
- Posición de flecha de información sobre herramientas opcional: arriba, derecha, abajo, izquierda, arriba a la derecha, arriba a la izquierda, abajo a la derecha, abajo a la izquierda.
Caja abatible
- Imagen de fondo opcional en ambos lados.
- Avatar opcional, imagen de círculo de soporte o icono.
- Imagen o icono del círculo de soporte de Avatar.
- Compatibilidad con iconos Icon Picker incorporado después de WPBakery Page Builder 4.4
- Sensible y retina Listo.
- El avatar puede estar en ambos lados o fijo en la parte superior.
- Enlace opcional para todo el elemento.
- Botón de enlace opcional en los lados traseros.
- Suave transición de cambio de CSS3.
Caja de degradado
- Avatar opcional, soporte de avatar icono o imagenicono con WPBakery Page Builder incorporado Selector de iconos.
- El avatar (icono o imagen) puede estar en círculo, redondeado pequeño, redondeado grande o cuadrado.
- La caja entera puede ser cuadrada, pequeña redondeada o grande redondeada.
- Estilo de color degradado incorporado, también compatible personalizar el color.
- El área de contenido se puede alinear verticalmente al centro o solo con relleno.
- El color de fondo opcional para el área de contenido lo ayuda a hacer que se vea un borde degradado.
- Fondo de icono opcional.
- Enlace opcional para toda la caja.
- Agregue contenido fácilmente a través del editor de texto enriquecido incorporado de WordPress, lo ayuda a agregar cualquier HTML (como un enlace) fácilmente.
- Información sobre herramientas opcional para toda la caja.
- La alineación del título del cuadro puede estar a la izquierda, al centro o a la derecha.
- Y más…
Antes después
- Compatibilidad con Icon Picker después de WPBakery Page Builder 4.4
- Deslizamiento de retardo automático opcional.
- Opción ilimitada de color de icono.
- Estilo de mango integrado.
- Información sobre herramientas opcional para el mango.
- Retina, sensible.
Caja de cubo
- Imagen de fondo opcional en ambos lados.
- Avatar opcional, imagen de círculo de soporte o icono.
- Imagen o icono del círculo de soporte de Avatar.
- Compatibilidad con iconos Icon Picker incorporado después de WPBakery Page Builder 4.4
- Sensible y retina Listo.
- Enlace opcional para todo el elemento.
- Transición suave del cubo CSS3.
Paralaje
- Imágenes opcionales, contenido de texto, puede elegir la imagen o el texto para mostrar primero.
- Color de contenido de texto opcional, fondo de contenido de texto, relleno de contenido de texto.
- Ancho del contenedor opcional.
- Las imágenes admiten enlaces personalizados.
- El paralaje está deshabilitado en la vista móvil, mantenga las imágenes y los textos legibles.
Línea de tiempo arrastrable
- La etiqueta de la línea de tiempo admite solo el icono, la imagen o el texto sin formato de Font Awesome.
- El icono y la imagen pueden tener forma cuadrada, redonda o circular.
- Presentación de diapositivas de reproducción automática para la línea de tiempo.
- Compatibilidad con la barra de desplazamiento automática para el contenido largo en la ventana de la línea de tiempo.
- Retina lista.
- Color de barra opcional, estilo de color de ventana de línea de tiempo, color de fuente de etiqueta.
- Botón de arrastre opcional.
- Título de la línea de tiempo opcional, contenido de la línea de tiempo.
Transición de página
- Animación en 2 modos: modo normal o superpuesto.
- 58 animaciones diferentes.
- Color de superposición opcional.
- Velocidad de animación de entrada y salida de página opcional.
Miniatura con título
- Las miniaturas admiten lightbox o enlace personalizado.
- Presentación de diapositivas de reproducción automática para las miniaturas.
- Retina lista y receptiva.
- Título de subtítulo opcional, contenido de subtítulo y botón.
- Color de fondo de botones y subtítulos opcional.
Separador con Texto o Icono
- Enlace de soporte de texto o icono.
- Ícono múltiple, puede optar por mostrar 1~5 del mismo ícono en un separador.
- Forma opcional, estilo de borde (sólido, punteado, discontinuo, color degradado), color de fuente, color de fondo, color de borde, familia de fuentes para el texto, ancho del elemento, margen de todo el separador, etc.
Introducción a pantalla completa
- El fondo puede ser una imagen (repetida o no repetida) o un color sólido.
- Texto de introducción opcional, icono de Font Awesome debajo del texto de introducción, tamaño de fuente opcional, color de fuente, familia de fuentes, posición del texto de introducción.
- Opcional, haga clic en el texto de introducción para desplazarse, elemento opcional para desplazarse hasta el elemento, velocidad de desplazamiento opcional, desplazamiento de desplazamiento.
- Altura del contenedor opcional.
Metro carrusel y mosaico
- Puede elegir mostrar la imagen en modo Carrusel o Mosaico.
- El botón de navegación en Carrusel admite estas posiciones: abajo a la izquierda, abajo al centro, abajo a la derecha, arriba a la izquierda, arriba al centro y arriba a la derecha.
- El botón de navegación en Carrusel puede ser uno de estos 3 tipos: predeterminado (línea corta), ciclo y cuadrado.
- Botón de navegación en carrusel con 12 opciones de colores activos disponibles.
- Compatibilidad con animación de diapositivas: diapositiva, desvanecimiento, cambio o desaceleración en el modo Carrusel.
- Compatibilidad con efectos de diapositivas: slideLeft, slideRight, slideLeftRight, slideUp, slideDown y slideUpDown en el modo Mosaico.
- Las miniaturas admiten lightbox o enlace personalizado en ambos modos.
- Presentación de diapositivas de reproducción automática en ambos modos, puede personalizar el tiempo de retraso en el editor.
- Retina lista y receptiva.
- Metro UI CSS impulsado, incluye solo el componente necesario, mantiene los archivos ligeros.
Carrusel y galería
- Puede elegir mostrar las imágenes en Carrusel o Galería.
- Navegación opcional de puntos y flechas.
- Caja de luz de soporte de carrusel o enlace personalizado.
- Retina lista, receptiva.
- Presentación de diapositivas de reproducción automática.
- Información sobre herramientas opcional para las miniaturas.
- Ancho del contenedor opcional y ancho máximo, alinear el centro automáticamente.
Zoom o Ampliar (imagen)
- Puede elegir mostrar la imagen en modo Zoom o Ampliar.
- En el modo Zoom, puede elegir la posición de la barra de control, el patrón de fondo del contenedor, el ancho del contenedor, etc. en el backend.
- La barra de control puede estar en la parte superior, inferior, izquierda o derecha.
- La imagen del zoom se puede mostrar en la retina.
- En el modo Ampliar, puede personalizar el radio del cristal, el tamaño del borde, el color del borde, aplicar un filtro gris a la imagen, cómo mover la lupa (pulsar o pasar el mouse), personalizar la posición predeterminada del cristal cuando se carga la página, etc.
Pestañas
- Título del menú de pestañas opcionales, color de menú ilimitado, fondo de menú, color de contenido, fondo de contenido.
- El menú de pestañas admite el icono Font Awesome.
- 3 estilos de pestañas disponibles.
- Transición suave.
- Retina lista.
- Elemento de pestañas ilimitado, soporte de contenido de cualquier tipo de contenido.
- Rotación de retardo automático opcional para las pestañas.
- Ancho del contenedor opcional, alinear el centro automáticamente.
Acordeón CSS3
- Título de menú de acordeón opcional, color de menú, fondo de menú, patrón de fondo de menú, color de contenido, fondo de contenido, tamaño de fuente, etc.
- 2 estilos de acordeón disponibles.
- Transición suave de CSS3.
- Responsive y retina ready.
- Elemento de acordeón ilimitado, soporte de acordeón para cualquier tipo de contenido.
- Borde opcional.
- Ancho del contenedor opcional, alinear el centro automáticamente.
Imagen con flecha
- Imagen opcional, contenido de texto, la posición del contenido puede estar en la parte superior, derecha, inferior o izquierda.
- La imagen se puede abrir como caja de luz o enlace personalizado.
- Retina y sensible.
Color de contenido opcional, fondo de contenido, tamaño de fuente, posición de flecha,
Galería de portadas de productos
- Imagen de portada opcional, etiqueta de portada, color de etiqueta, título cuando el usuario pasa el mouse por encima.
- Miniaturas opcionales cuando el usuario se desplaza, la miniatura se puede abrir en la vista actual, lightbox o enlace personalizado.
- Retina y Responsivo.
Galería mediana
- Diseño opcional de la galería mediana, puede configurar manualmente una cadena de números para especificar la cantidad de imágenes que contiene cada fila en la galería.
- Ancho de galería opcional, medianil, título y alt para la imagen en la Galería mediana.
- Etiqueta de cinta opcional, enlace de cinta, posición, fondo de cinta, color de cinta, enlace de imagen, etc. en el complemento Cinta.
- Retina y Responsivo.
Lista de tareas o tabla de precios
- Puede personalizarlo como una lista de tareas pendientes o lista de precios.
- Solo frontal opcional interactivo para la lista de tareas.
- Font Awesome icon 4.2, color opcional para cada icono.
- Responsive y retina ready.
- Texto de encabezado opcional, color, fondo, patrón de fondo.
- Lista ilimitada de artículos.
- Separador de etiquetas opcional dentro de la lista.
- Botón opcional debajo de la lista de artículos.
- Opcional, divida cada elemento con fondo o borde.
Figura Navegación
- Etiqueta de figura opcional, fondo, color, color de borde, título, descripción y tamaño de fuente, etc.
- Admite otros códigos abreviados de Page Builder, por ejemplo, puede colocar los botones de Page Builder dentro del contenido.
- Imagen de fondo opcional para cada bloque, puede elegir la repetición de la imagen o no.
- Imagen de encabezado y tamaño de imagen opcionales.
- Retina, puede optar por mostrar la imagen del encabezado en retina o no.
- Altura de bloque opcional, fondo de bloque.
- Pantalla opcional que bloquea por defecto.
Galería de pilas
- Imagen opcional, tamaño de imagen opcional, borde de imagen, imagen de retina opcional.
- Información sobre herramientas opcional para cada imagen.
- Animación de entrada y salida opcional.
- Retina y sensible.
- Flecha de navegación opcional, color de flecha opcional (blanco/negro).
- Altura del contenedor opcional, fondo del contenedor.
- Presentación de diapositivas de retraso automático opcional, y el segundo de retraso.
Carrusel de Testimonios
- Avatar opcional, tamaño de avatar opcional y margen CSS, avatar de retina opcional, enlace opcional para cada avatar.
- Número de testimonio opcional que se mostrará de forma predeterminada.
- Ancho de testimonio opcional, color de fondo y texto, familia de fuentes, estilo de fuente y tamaño de fuente.
- Reproducción automática opcional y retraso de la presentación de diapositivas en segundo lugar.
- Bucle infinito opcional para el carrusel.
- Soporte de iconos Font Awesome.
- Responsive y retina ready.
- Tamaño, color y posición del icono opcional.
Galería de albañilería
- Cuadrícula receptiva.
- Ancho de miniatura opcional, relleno de miniatura, desplazamiento del contenedor, minWidth de la imagen de la caja de luz.
- Lightbox de compatibilidad con miniaturas, enlace personalizado, la imagen en miniatura puede estar en retina.
Notificación de desplazamiento
- Transición CSS3 (impulsada por animar.csscon más de 20 opciones de transición) para la notificación emergente.
- Fondo de ventana emergente opcional, color de texto, ancho y margen superior.
- La notificación puede estar en Cualquier posición de la página, por ejemplo, arriba a la izquierda, arriba a la derecha, abajo a la izquierda, abajo a la derecha, etc.
- Múltiple…





