Dominar WPBakery Page Builder: Una guía básica para renovar temas de Basilea con facilidad (06)

Este artículo le llevará paso a paso a través del proceso de dominarEditor WPBakery Page Builderutilizado para renovar el tema Basel. Cada paso y ajuste se explica en detalle, desde el Revolution Slider hasta el uso de filas (ROW).

A continuación comenzaremos oficialmente

WPBakery Page Builder Editor Empieza a Renovar el Tema Basel

Pasos Website Frontend → Editar con WPBakery Page Builder

Como se muestra arriba en la página de edición del front-end, podemos ver que hay diferentes módulos, el de arriba muestra el revolution slider (poster banner)

También hay funciones como ROW y Column.

Déjame que te lo cuente.

¡1. En primer lugar hablamos de la revolución slider (Revolution Slider) Esta es la página de inicio de la función de cartel, esto no se establece aquí, así que no necesitamos para moverlo!

Como se muestra arriba vamos a la página de edición

1. Steps site front-end → símbolo del bolígrafo (editar)

Sólo tienes que seleccionar la plantilla de póster (banner) de la que hemos importado los datos de la demo y ¡listo!

2. FILA

3. Columnas

¡Filas y columnas son básicamente el mismo módulo, por supuesto, usted puede poner el módulo directamente, pero no se puede controlar el tamaño del módulo, así como algunas de las características de visualización, vamos a hablar poco a poco más tarde!

ROW (fila) es para controlar todo el módulo, no importa cuántos módulos estén dentro, él es un todo, también se establece dentro del todo en lugar de uno solo, posteriormente hablaremos de la columna (Columna), ya lo verás.

Como se ha demostrado anteriormente, es capaz de arrastrar todo el módulo

Paso fila → Símbolo (Ampliado)

Fila de pasos → Símbolo del bolígrafo (editar)

Pasos Fila Ajustes→General

Como se muestra arriba en la página de edición, voy a escribir una explicación de algunas de las funciones básicas marcadas con un círculo arriba

Extensión de la fila: puede interpretarse como el tamaño de todo el módulo.

Estirar fila y contenido y Estirar fila y contenido (sin rellenos) son de ancho completo (todo incluido) y el contenido no es de ancho completo

Por defecto y Estirar fila son la diferencia entre un defecto y un hueco, que es la posición del centro.

Como muestra la imagen de arriba, se puede ajustar según las necesidades reales.

Columnas brecha: se puede entender como una brecha, la situación general no es necesario mover, pero si la parte delantera es más concurrida, nos ajustamos según sea necesario

Posición del contenido: la posición del contenido, normalmente la predeterminada.

¡Como se muestra arriba, ajustar de acuerdo a la situación real, configurar recuerde Guardar los cambios para guardar!

Pasos Configuración de filas→Opciones de diseño

Hablemos de las Opciones de diseño, donde se ajustan el fondo y los colores, así como el espaciado entre la parte superior, inferior, izquierda y derecha.

Color del borde: color del borde

Estilo del borde: el estilo del borde (style)

Radio del borde: el espacio del borde (generalmente no es necesario ajustarlo)

No es necesario ajustar nada de lo anterior para casos sencillos

Fondo: el color y la imagen de fondo que se van a añadir, así como el efecto de visualización de la imagen.

Ajuste el fondo de todo el módulo en función de la situación real, como se muestra arriba

Si la imagen anterior muestra una pantalla sin fondo frente a una pantalla con fondo

Paso Configuración de filas→Cuadro CSS

Como se muestra en la figura anterior, aquí para ajustar la parte superior e inferior, así como las lagunas izquierda y derecha, se puede utilizar para la visualización frontal del ajuste, así como el estilo del módulo, en general, no necesita ser ajustado, los módulos superior e inferior general se utilizará en el caso de la congestión, lo anterior tiene el marco exterior se ha ajustado en el marco del módulo, por lo general ajustar el margen fuera del marco de la brecha, puede agregar un valor positivo o un valor negativo, para lograr brecha

Paso ROW → tres símbolos (formato de número de filas)

Disposición de las filas: seleccione el número de filas (ejemplos mostrados arriba: una, dos, dos izquierda ancha, derecha estrecha y tres), puede ver según el icono

Introduzca el diseño personalizado para su fila: puede añadir el número de filas usted mismo (el formulario molecular está bien)

Como significa el icono detrás de la imagen anterior →
+: añadir módulo, clonar fila entera, copiar fila, pegar, cerrar, todo el mundo entiende de acuerdo a los botones, así como la traducción

¡Lo anterior describe la función de WPBakery Page Builder editor ROW, voy a decir más sobre la función del editor para decorar el tema de Basilea, este artículo sólo describe algunas de las funciones básicas, más adecuado para los principiantes, si usted tiene un estudio más profundo de la decoración tema de Basilea, bienvenido a discutir conmigo!

resúmenes

Lo anterior es una introducción a las características básicas de Fila (ROW) en el editor WPBakery Page Builder. En el próximo post, vamos a seguir para explicar más características del editor para ayudarle a renovar completamente tema Basilea, estad atentos.