Fondos avanzados de WordPress

Fondos avanzados de WordPress

junio 20, 2019 Amor 0

¿Ya eres Miembro?

Para Descargar este Plugin




Descripción

AWB te permite usar fondos de paralaje con imágenes, videos, youtube y vimeo. Soporte de Gutenberg y WPBakery Page Builder.

Campo de golf

  • Demo en vivo
  • GitHub

Caracteristicas

  • Fondo Los tipos:
    • Color
    • Imagen
    • Imágenes de patrones
    • Video local alojado
    • Video de Youtube / Vimeo
  • Paralaje Opciones potenciadas por el plugin de JavaScript de alto rendimiento Jarallax

    • Opción de velocidad personalizada
    • Opción Habilitar / Deshabilitar para dispositivos móviles
    • Efecto de desplazamiento
    • Efecto opacidad
    • Efecto de escala
    • Desplazamiento + efecto de opacidad
    • Efecto desplazamiento + escala
  • Paralaje del ratón
  • Personalizado vídeo hora de inicio y finalización
  • srcset soportado (es decir, a Google le encanta)
  • Cubrir Opciones de color con transparencia.
  • Opción de estiramiento. Será útil en los sitios web en caja.
  • Fabricante de shortcode visual. Puedes crear un shortcode usando el constructor visual
  • Gutenberg apoyó

  • WPBakery Page Builder soportado (opciones de fila y columna extendidas + shortcode separado)
  • Compensaciones CSS personalizadas (rellenos + márgenes)

Ejemplos de uso real

  • Skylith – Tema Gutenberg multiusos
  • Youplay – Tema de juego
  • Godlike – Tema de juego
  • Caqui – Tema multipropósito
  • Snow – Tema de cartera

Capturas de pantalla

  • Color de fondo
  • Imagen de fondo
  • Video de fondo
  • Fondo de paralaje y paralaje de ratón
  • Opciones de ROW WPBakery Page Builder extendidas

Instalación

Instalacion automatica

La instalación automática es la opción más fácil, ya que WordPress se encarga de las transferencias de archivos y no es necesario que abandone el navegador web. Para realizar una instalación automática de AWB, inicie sesión en su panel de control de WordPress, navegue hasta el menú de complementos y haga clic en Agregar nuevo.

En el campo de búsqueda, escriba AWB y haga clic en Buscar complementos. Una vez que haya encontrado nuestro complemento, puede ver detalles al respecto, como el punto de publicación, calificación y descripción. Por supuesto, lo más importante es que puede instalarlo simplemente haciendo clic en “Instalar ahora”.

Instalación manual

El método de instalación manual consiste en descargar nuestro complemento AWB y subirlo a su servidor web a través de su aplicación FTP favorita. El códice de WordPress contiene instrucciones sobre cómo hacer esto aquí.

Preguntas más frecuentes

Cómo habilitar `Stretch` con Gutenberg

Desde el apoyo de Gutenberg Amplio bloques, puedes hacer estiramiento para AWB en código de tema:

  1. Habilitar soporte para Amplio Bloques en tema. Lee aquí como
  2. Agregue este código JS a su tema o en un complemento de terceros:
    `javascript
    (función ($) {
    var $ body = $ (‘body’);

    // Función gutenberg de ancho completo.
    función stretchAWB () {
        var wndW = $ body.width ();
    
        $ ('. nk-awb.alignfull> .nk-awb-wrap'). each (function () {
            var $ this = $ (this);
    
            var rect = this.getBoundingClientRect ();
            var left = rect.left;
            var derecha = wndW - rect.right;
    
            var ml = parseFloat ($ this.css ('margin-left') || 0);
            var mr = parseFloat ($ this.css ('margin-right') || 0);
    
            $ this.css ({
                'margen izquierdo': ml - izquierdo,
                'margen derecho': mr - derecha,
            });
        });
    }
    stretchAWB ();
    $ (ventana) .on ('redimensionar orientación cambiar carga', stretchAWB);
    

    } (jQuery));
    `
    Nota: este código, por ejemplo, es posible que su tema no funcione correctamente (puede que no funcione correctamente con las barras laterales del tema). Por lo tanto, deberá cambiar este código manualmente según los estilos de su tema.

Opiniones

Configuraciones flexibles y soporte para Gutenberg.

Zabavljaev

Muchas gracias por un plugin muy útil!

Imágenes de paralaje con soporte de Gutenberg. ¡Gracias!

URBNN

Durante mucho tiempo he estado buscando una manera de usar imágenes de Parallax con el Editor de Gutenberg. ¡Gracias a Dios me encontré con este plugin y estoy muy feliz!
Todo funciona entonces también en dispositivos móviles. Muchas gracias por este plugin.

Bueno, pero no funciona en el móvil con películas.

jvargas

He instalado este plugin, muy fácil de usar y listo para usar. El único problema es que he agregado una película de YouTube como fondo. Funciona perfectamente en mi Mac, pero no en mi Iphone. Estaba probando diferentes soluciones de la web, pero nada funciona hasta ahora.

Este plugin es impresionante.

David Foreman

Qué plugin increíble. Funciona perfectamente fuera de la caja.

Es posible que tenga problemas si está utilizando Autoptimize o un complemento minificador, pero es solo un caso de excluir los complementos JS de la caché y / o la minificación (solución fácil, además el JS se minimiza de todos modos).

Envolví esto en un campo personalizado avanzado para personalizar la interfaz y mostrarla en el sitio con la función do_shortcode.

Funciona a la perfección, y es una solución simple a lo que normalmente es bastante compleja y ahora es una nueva herramienta imprescindible en todas nuestras nuevas versiones de WordPress.

5 estrellas no son suficientes!

Dave @ Toast

Excelente plugin

Sergey

Buen complemento con opciones de gran alcance!

Gran complemento para agregar secciones de paralaje rápido

Tfadz

He estado usando esto por un tiempo y es uno de los mejores complementos que existen para la configuración de paralaje.

Leer las 14 opiniones

Colaboradores y Desarrolladores

“Advanced WordPress Backgrounds” es un software de código abierto. Las siguientes personas han contribuido a este plugin.

Contribuyentes

Traduzca “Advanced WordPress Backgrounds” a su idioma.

¿Interesado en el desarrollo?

Busque el código, revise el repositorio de SVN o suscríbase al registro de desarrollo por RSS.

Registro de cambios

1.5.8

  • Se ha corregido la vista previa de fondo del editor Gutenberg para imágenes de patrones
  • Se corrigió la imagen de fondo de las columnas de la cuadrícula del juego de fantasmas después de la importación de la demostración WP

1.5.7

  • Se solucionó el error de JS si el complemento Ghost Kit no estaba instalado
  • Gutenberg fijo fondo de vista previa

1.5.6

  • Se agregó soporte para los bloques Ghost Kit Grid y Column. Ver en vivo
  • Se agregó soporte para la actualización de Ghost Kit 2.0.
  • Se agregó la opción Loop en el bloque Gutenberg para videos.
  • Se corrigieron los estilos de previsualización del fondo del editor en el bloque de alineación
  • Se corrigió la reproducción de video AWB sin paralaje en dispositivos móviles
  • cambios menores

1.5.5

  • Se agregaron limitaciones de tipos de archivos en la selección de imágenes y videos alojados automáticamente.

1.5.4

  • Condicionamiento actualizado script
  • Uso fijo de PanelColor en desuso

1.5.3

  • Solucionado error de captura de imagen en Gutenberg 4.2
  • cambia el selector de color a componente Gutenberg

1.5.2

  • eliminó los rellenos predeterminados del código corto de AWB, guárdelo solo para el bloque Gutenberg

1.5.1

  • Vista previa de la imagen seleccionada fija en Inspector

1.5.0

  • Se agregó el relleno predeterminado al bloque AWB en la interfaz y en el editor de Gutenberg.
  • opciones de espaciado agregado (rellenos, márgenes) en el bloque Gutenberg
  • Se agregó inicialización AWB para contenido dinámico (carga AJAX)
  • Estilos de editor mejorados con grilla GhostKit
  • tamaños de imagen adicionales registrados
  • Arreglo fijo del mouse en dispositivos móviles (aceleración calculada correctamente ahora)
  • Tipo de atributo de número fijo Gutenberg 4.0 conversión automática
  • Arreglado Gutenberg 4.0 AWB frontera frontera
  • Cálculo fijo de la altura de la imagen cuando la altura del bloque es mayor que la altura de la ventana.
  • actualizar condicionar script del vendedor

1.4.10

  • Se ha añadido el botón de reinicio al Selector de color en el bloque Gutenberg.
  • Iconos actualizados en el bloque de Gutenberg.
  • Se han corregido las casillas de verificación en dispositivos móviles en WPBakery Page Builder
  • Se corrigió la reproducción automática de Vimeo en dispositivos móviles.
  • Se instaló una cadena de construcción de url de video alojada en el bloque Gutenberg.

1.4.9

  • Opción de altura completa agregada en la barra de herramientas Gutenberg AWB
  • añadido retroceso para alinear completo. Si el tema no es compatible con alineación amplia, AWB seguirá mostrando el botón correspondiente.
  • Añadidos algunos controles útiles en la barra de herramientas del bloque Gutenberg.
  • icono cambiado a svg en el bloque de Gutenberg

1.4.8

  • Se corrigió el error JS “solo se permite una instancia de babel-polyfill” en el editor de Gutenberg

1.4.7

  • soporte añadido para Gutenberg 3.7.0
  • adicional wp_admin> Configuraciones> AWB página
  • Configuraciones agregadas para deshabilitar el paralaje en dispositivos móviles y en algunos navegadores
  • Jarallax actualizado y scripts de objetos de ajuste de imágenes
  • Se eliminó la opción de volumen de video ya que los navegadores no admiten la reproducción automática con sonido https://developers.google.com/web/updates/2017/09/autoplay-policy-changes
  • Se corrigió la compatibilidad con el contenido de importación / exportación de WordPress (Gutenberg).
  • evento de arrastre fijo en fondos de imagen (sin paralaje)

1.4.6

  • soporte añadido para Gutenberg 3.4.0
  • se agregó soporte para la extensión Ghostkit Indents (puede agregar rellenos y márgenes al bloque AWB)
  • se corrigió el error JS al seleccionar una imagen con un título de tamaño de imagen específico

1.4.5

  • Se corrigió el error js en UpperCase de undefined en el editor de Gutenberg.
  • Mejoras menores de código para bloques de Gutenberg.
  • ha cambiado el evento jquery ready a DOMContentLoaded

1.4.4

  • Fondos mejorados de Gutenberg
  • Solucionado el conflicto con el complemento YouTube Embed Plus

1.4.3

  • Jarallax actualizado a 1.10.3

1.4.2

  • Se corrigió la adición de estilos desde la pestaña “Opciones de diseño” de WPBakery Page Builder en el código corto de AWB

1.4.1

  • Jarallax actualizado a 1.10.2

1.4.0

  • Añadido soporte para el constructor de bloques Gutenberg.
  • Opción añadida para desactivar el video en dispositivos móviles.
  • Se corrigió el error WPBakery Page Builder y Stretch row JS en dispositivos móviles
  • Se ha corregido la posición del icono de WPBakery Page Builder.
  • Jarallax actualizado a 1.10.1

1.3.2

  • Jarallax actualizado a 1.9.1

1.3.1

  • paralaje fijo redimensionado dentro de la fila del generador de páginas WPBakery estirada

1.3.0

  • Opción de volumen de video agregado
  • Vídeo añadido siempre opción de reproducción
  • Opción de tamaño de imagen de fondo agregada (soporte para fondos de patrón)
  • Opción de posición de imagen de fondo añadida
  • imagen de fondo modificada para etiquetar con soporte srcset
  • los scripts modificados se ponen en cola para registrarse primero (evita que algunos temas sobrescriban los scripts)
  • plugin actualizado de jarallax
  • se actualizó el complemento wp-color-picker-alpha para admitir WordPress 4.9

1.2.4

  • paralaje mejorado del mouse (se eliminó GSAP, ahora esto es pura animación CSS)

1.2.3

  • URL fija que se escapa en el atributo de estilo

1.2.1

  • Columnas elásticas fijas en algunas situaciones.
  • evitar estirar la columna cuando se estira la fila

1.2.0

  • se agregó soporte para el fondo de la columna WPBakery Page Builder
  • iconos agregados con imágenes y superposición en la vista de fondo de WPBakery Page Builder
  • pequeña solución para la opción de estiramiento

1.1.1

  • Se agregó compatibilidad con Mouse Parallax con GSAP.
  • Se agregó soporte para envolver el contenido seleccionado en el código corto de MCE predeterminado.
  • corregir la posición z de la imagen de safari

1.0.1

  • Vimeo fijo de reproducción automática de videos.
  • iframe de video fijo – restablece algunos estilos como ancho máximo
  • paralaje fijo para velocidad> 1 (cálculo incorrecto)
  • Fijo local alojado video mute y bucle
  • Se corrigió la visualización de videos alojados en el Local si la imagen no está establecida
  • Relación de aspecto del conjunto de video fijo (en algunas situaciones se agregan líneas negras)

1.0.0

  • Versión inicial

¿Ya eres Miembro?

Para Descargar este Plugin



Por favor Comparte y Síguenos:
RSS
Follow by Email
Facebook
Twitter

Deja un comentario