Configuración de una guía de estilos globales para preajuste para el próximo sitio web Div (¡descarga gratuita!)

¡Hola nación div! Gracias por acompañarnos para la próxima entrega de nuestra iniciativa semanal de diseño de la Divic, donde ofrecemos nuevos regalos cada semana. Hoy, compartimos un estilo gratuito de guía de estilo preestablecido, que puede usar para cualquier sitio web que tenga la intención de construir. El preajuste global de la división le ayuda a acelerar el proceso de diseño web en el menor tiempo, ¡así que eche un vistazo!

¡Consulte los marcos preestablecidos globales, la guía de estilo a continuación, tómalo gratis hoy!

Descargue la Guía de estilo global para que Preset ponga su mano en la guía gratuita de Global Preset Style, primero deberá descargarla usando el botón a continuación. Para tener acceso a la descarga, deberá suscribirse a nuestra lista diaria de correo electrónico utilizando el formulario a continuación. ¡Como nuevo suscriptor, recibirá más buenas divisiones y un paquete Divaut gratuito todos los lunes! Si ya está en la lista, simplemente ingrese la dirección de correo electrónico a continuación y haga clic en Descargar. No será “reubicado” y no recibirá correos electrónicos adicionales.
Descargar archivos

Descargue el registro gratuito para el Boletín Informativo Divic y le enviaremos una copia de la página de la página de la página final, además de muchos otros recursos, consejos y consejos para Div gratis. Sigue a ti mismo y serás una división maestra en el menor tiempo. Si ya está suscrito, simplemente ingrese el correo electrónico a continuación y haga clic en Descargar para acceder al paquete de apariencia.
Te has suscripto satisfactoriamente. ¡Consulte su correo electrónico para confirmar su suscripción y obtener acceso a paquetes de diseño semanales gratuitos! Configuración de una guía de estilo global para el próximo sitio Div
¿Qué es una guía de estilo para el preajuste global? Una guía global de estilos preestablecidos es una presentación general de los elementos más importantes que enfatizará en su sitio web Div. Consiste en tres partes: 1. Paleta de colores
2. Estilos de texto

3. Estilos de módulos

Aunque las prestaciones globales alcanzan más que módulos (columnas, filas y secciones también pueden contener preajuste global, nos centramos en algunos de los elementos más uniformes en su sitio web, que son las tres partes mencionadas anteriormente. La idea es que estilizará todos los elementos en un solo lugar y tan pronto como esté satisfecho con el estilo de diseño que ha aplicado, puede transformar los diferentes estilos de texto y módulos en preajuste global.

La paleta de colores es algo que puede agregar a las opciones de su tema de su división, pero más al respecto a continuación. Podrá mantener la guía de estilo en una ventana separada mientras diseña sus páginas y plantillas. Esto lo ayudará a copiar y superar la configuración de fondo de gradiente a medida que avanza, a diferencia de la necesidad de aplicar manualmente la configuración una por una. Al crear / usar un estilo para el preajuste preestablecido global, creará y comenzará a usar una guía de estilo global antes de crear sus páginas, plantillas, etc. Vuelva a su diseño, restablezca los estilos en línea a un nivel de artículo y aplique un preajuste global.
El lanzamiento del proceso de construcción de la división después de crear una guía de estilo lo ayuda a evitar cambiar manualmente los módulos desde su configuración individual. Si trabaja con Global Preset desde el principio, podrá cambiarlos en un lugar y ver los cambios que tienen lugar simultáneamente en todo el sitio. La guía global del estilo preestablecido gratuito que compartimos en esta publicación lo ayudará a ingresar directamente la fase de diseño. En lugar de tener que construir su propia guía de estilo, puede concentrarse en crear un estilo de diseño con armonía y equilibrio. Tan pronto como haya terminado de estilizar los elementos de la interfaz en la guía de estilo, podrá convertirlos en un preajuste global y usarlos a medida que construye sus páginas y plantillas. ¿Cómo es la guía de estilo preestablecido global y cargar el marco? La biblioteca de Divic Comience descargando el diseño gratuito de la guía de estilo global en esta publicación. Luego, después de que haya descomprimido la carpeta de descarga, navegue en la biblioteca de la Divic en el sitio y haga clic en “Importar / Exportar” en la parte superior. Una vez que llegue allí, pase a la pestaña “Importar” y cargue el aspecto de la guía de estilo que puede encontrar en la carpeta de descarga.
Cree una nueva página de boceto para el diseño del marco de diseño y carga Una vez que se haya cargado su apariencia, puede abrirla en la biblioteca en sí o puede crear un boceto de página separado para él. Para mantener la experiencia en la página, elegiremos la segunda opción. Agregue una nueva página y ubique la apariencia en “sus aspectos guardados”.
Configure la paleta de colores Una vez que llegue a la guía de estilo, podrá configurar la paleta de colores. La cantidad de colores que agrega depende completamente de usted para mostrar visualmente los colores en nuestra guía de estilo, utilizamos la configuración de fondo de un módulo de texto. Abra ese módulo de texto, acceda a la configuración de fondo y cambie el color de fondo. Copie el código hexagonal que usa y colóquelo en el módulo de texto debajo de él, para que siempre tenga una versión escrita de cada código hexagonal y en la guía de estilo global. Corte una paleta de colores personalizada con códigos. Color dentro del Constructor de temas Divin Access Las opciones de la división Los códigos hexagonales en la guía de estilo se pueden usar para crear una paleta de colores personalizada a la que podrá acceder rápidamente mientras construye dentro del DIV. Le recomendamos que haga esto antes de diseñar el texto y los módulos en la guía de estilo. Para agregar la paleta de colores, acceda a las opciones del tema de la Divic.



Personalice la paleta de colores utilizando los códigos hexagonales en la guía de estilo Agregue los códigos hexagonales de color, que puede encontrar en la guía de estilo, a la paleta de colores predeterminada.



Agregue estilos de texto, podrá estilizar los diferentes tipos de texto dentro de la guía de estilo. ¿Cuántas alternativas ofrece para cada tipo de texto depende completamente de usted, solo porque hay una opción “primaria”, “secundaria” y “terciaria” allí, no significa que debe tener 3 variantes para cada tipo de texto? . Siéntase libre de eliminar o agregar más posibilidades.


Módulos de estilo En la última parte de la guía de estilo de estilo, enumeré todos los módulos Divi más utilizados. Aquí puede comenzar a cambiar los módulos de acuerdo con el estilo que tiene en mente. El hecho de que todos los módulos sean tan útiles para el otro lo ayudará a obtener una mejor imagen del estilo de diseño y su equilibrio. Para cada módulo popular, también proporcionamos una opción “primaria”, “secundaria” y “terciaria”. Pero, nuevamente, no dude en establecer solo cuántas variantes de cada módulo usa en el proceso de construcción de la página y plantilla. Transforme los módulos en el preajuste global (una por una y con el nombre elegido) una vez que todos los estilos de texto y Se han completado estilos: no olvide el aspecto receptivo: es hora de convertir los módulos en preajuste global. Para hacer esto, puede abrir cada modo estilizado a un nivel individual y crear un nuevo preajuste de los estilos actuales en la parte superior del modo. Puede elegir hacer que su módulo principal sea predeterminado. Una vez que haya creado un preajuste global, asegúrese de que el preajuste específico esté seleccionado para el modo, esto lo ayudará a importar y exportar el preajuste global utilizando el estilo de la guía de estilo.

Trate de encontrar también una forma simplificada de designar sus módulos para que pueda consultar fácilmente la guía de estilo en caso de que confunda. Un buen enfoque para el nombramiento de tres variantes de un estilo de módulo de propaganda podría ser:

Botón principal

Botón secundario

Botón terciario



Y puede repetir este enfoque para cada estilo de texto o la forma en que se convierte en un preajuste global. Módulos curados: convierta los artículos vestidos en preajuste global para los módulos vestidos, como los módulos de seguimiento de las redes sociales, deberá abrir el artículo dentro del módulo y guardar ese elemento como un nuevo preajuste. Exportar e importar el aspecto de la guía de estilo (con preajuste) en otro sitio web tan pronto como haya transformado todos los módulos en el preajuste global y haya seleccionado esos preajuste de la configuración del módulo, podrá exportar la apariencia con todo el preajuste. Luego, tan pronto como cargue la apariencia en otro sitio web, tendrá la oportunidad de importar el preajuste con la apariencia, lo que, a su vez, le ayuda a ahorrar tiempo. Guarde la apariencia completa de la guía de estilo, incluido el preajuste en el Div. Luego exporte el archivo.
¡Vaya al sitio web que desea cargar la nueva guía de estilo, navegar por la biblioteca de la Divica y cargue el archivo JSON para comenzar con el proceso de construcción de la Divica!
Consejo: Mantenga la guía de estilo en la pestaña separada para copiar / pegar estilos específicos (degradaciones / sombra / borde / …) No menos importante, es una idea maravillosa mantener siempre la guía de estilo en una pestaña separada. ¡El uso de la opción de copia CORCAS incorporada y cruzada lo ayudará a transferir estilos, como fondos de gradiente, de un elemento a otro!