Bienvenido de nuevo.
Entonces ahora que te he mostrado
una breve introducción a la interfaz de usuario de Elementor.
Echemos un vistazo a las variables globales y cómo se pueden
establecer los tipos de familias de fuentes que desea usar,
los colores y así sucesivamente.
Ahora, en la misma interfaz de interfaz de usuario aquí mismo,
vas a ir al botón Menú aquí arriba,
y luego ahora pasa a la configuración de tu sitio.
¿ Verdad? Ahora Aquí está la delgada.
Podríamos establecer colores globales,
colores que se pueden utilizar en todo
nuestro sitio web para hacer eso,
haga clic en colores globales.
Ahora esta sería la cláusula por defecto de que
tendría un azul,
gris oscuro, gris claro, y luego lima.
Entonces esto sería para tu primaria
nuestra cabeza hace tus encabezados secundarios,
tus textos, este sería un cuerpo regular toma
un acento suele ser para enlaces o botones como.
Ahora, lo que voy a hacer es que en realidad voy a cambiarlas
a alguna ropa que tengo por aquí.
Ahora para cambiarlos, voy a hacer click en el interior.
Y si una primaria, voy a ir con blanco.
De acuerdo, Entonces por qué va a ser fff,
FFF six Fs es básicamente para White Album mi primaria.
Y luego para secundaria,
en realidad vamos a mantener esto tal como está.
Pero luego para los textos, vamos a ir con el negro.
El negro va a ser de seis ceros.
Entonces 123456, estos son los que llamamos los valores hexadecimales.
De acuerdo, entonces seis ceros para negro,
seis F para blanco.
Y luego por último por los acentos,
que serían para los enlaces.
Yo sí tengo mi color aquí.
Permítanme simplemente agarrar rápidamente el color para mi otra pantalla.
Ven aquí y pega eso.
Entonces es un tono de naranja,
es básicamente un DECA 570.
Ahora, podrías decidir agregar
tus propios colores personalizados también.
Puede entrar aquí, haga clic en Agregar color.
Se puede nombrar a éste como
cualquier cosa podría dar un like o digamos
el color especial especial.
Te mostraré cómo funciona esto un poco más tarde.
Llamemos a este colo especial.
Y aquí voy a hacer clic en el cuadro.
Y escojamos algo rojizo.
Así que tengo mi propio color personalizado llamado columna especial.
Voy a seguir adelante ahora y simplemente actualizaciones.
Hemos establecido nuestra cláusula global, la cual,
que podemos utilizar en todo el sitio.
Pero entonces también tenemos acceso a fuentes globales.
Las familias de fuentes son muy, muy, muy importantes.
Así que revisa este artículo.
Voy a bajar fuentes globales.
El primero aquí va a ser primario.
Esto sería para tus encabezados primarios.
Ahora sólo echemos un vistazo a mi otra pantalla de aquí,
porque he optado por ir
por la familia de fuentes de los ciudadanos ir con Oswald.
Oswald es una fuente particular de Google que me gusta.
Voy a elegir a Oswald para la familia de fuentes.
El peso aquí va a ser 700s,
habrá un poco más pesado.
Entonces voy a transformar estos dos mayúsculas.
Y luego voy a dejar los otros
altura de línea, espaciado de letras,
qué espaciado, y así sucesivamente el deslizamiento los que están arriba.
A continuación va a ser la secundaria.
Y luego secundaria otra vez,
voy a ir con Oswald.
También todo para secundaria.
Y entonces el tamaño aquí,
en realidad voy a ir con nuestros 20 pixeles
porque va a haber píxeles un poco más pequeños.
Y entonces los pesos aquí serían nuestros 600.
Y ahí vas.
Eso es para la secundaria.
Y luego texto, este será nuestro texto regular.
En realidad voy a cambiar de familias de
nuestras dos nuevas arenas D2.
Entonces busquemos puerta nueva.
Dije, lo siento, no es nuevo veto Nieto.
Lo siento.
Incluso usa mis anteojos. Todavía no puedo ver correctamente.
Millones de sensores va a ser texto completo.
Y entonces el tamaño aquí sería
18 píxeles y el ancho va a ser de 500.
Y eso es que último pero no menos importante,
sí tenemos los acentos.
Los acentos va a ser Roboto.
Mantengámonos con Roboto para que
uno y luego esperemos a que sean 500.
Entonces no estamos cambiando nada aquí.
Voy a seguir adelante ahora y actualizarme.
El punto aquí es que en realidad podemos
utilizar estas familias de fuentes,
esta fuente colorea en cualquier parte de nuestro sitio.
Como ejemplo.
Permítanme cerrar esto
y déjame seguir adelante ahora y sumar un rumbo.
Por lo que voy a hacer clic arrastrar,
soltar la cabeza y los elementos aquí.
Ahora echa un vistazo a esto.
Si iba a ir a Style, está bien,
aquí mismo se puede ver tenemos la opción de tipografía para
elegir qué tipo de topografía quería trabajar
con todo el color del texto.
Ahora echa un vistazo a estos. Si hago clic
en este ícono de aquí mismo,
este ícono de aspecto global, hago clic ahí.
Ahora mira podemos elegir entre las cinco opciones,
textos primarios, secundarios, acento,
e incluso el color especial que agregamos.
Así es como se puede hacer uso
de la octava provocada global acaba
establecer los mismos objetivos con la tipográfica haciendo clic aquí de nuevo.
Y ahora puedo elegir ya sea ir con los textos primarios, textos
secundarios, textos regulares, o el acento.
Así funcionarían estos.
Pero déjame mostrarte algo aún más interesante.
Si vuelvo a la configuración del sitio,
justo debajo del sistema de diseño,
tienes tu estilo de tema.
Si hago clic en la tipografía aquí, aquí
es donde ahora podemos establecer
familias de fuentes específicas, colores,
tamaños para nuestra etiqueta H1 o H2,
h3 y así sucesivamente.
Pero para que podamos hacer uso de este sistema en
particular,
vamos a necesitar desactivar
colores y fuentes predeterminados de la página de configuración.
Recuerda, déjame simplemente seguir adelante actualizar esto.
Mostraré de lo que estoy hablando.
Si volvemos al backend,
déjame venir aquí mismo,
vaya a Salir a Dashboard.
Si regresas a tus conjuntos elementales
en la configuración de Elementor,
aquí mismo,
vamos a tener que desactivar los colores y fuentes predeterminados
para poder hacer uso de
este nuevo editor de estilos de tema.
Así que voy a marcar estas dos casillas.
Guarda esos cambios.
Y ahora déjame cerrar esto.
Permítanme refrescar esta página de nuevo.
Ahora echa un vistazo a esto.
Si vuelvo aquí, vaya a
Configuración del sitio y acompañe en topografía nativa.
Ahora puedo establecer un color de texto específico para el cuerpo, el
tamaño de la tecnología, para los enlaces, y así sucesivamente.
Además, si vuelvo, si vuelvo
al back-end regular del laboratorio y luego solo
cierro esto y luego agrego mi rumbo de nuevo aquí.
Si voy al estilo,
correcto, no has ido al color del texto.
Todavía tengo acceso a los colores molestos Alia.
Y luego también para la tipografía,
todavía tengo acceso a
los textos secundarios. Básicamente las mismas opciones.
Dije ls, tendrás acceso a ellos.
Tan básico litigioso.
Vuelve al set
que una vez más y luego solo quería tratarlo.
Todavía tengo acceso a esas opciones.
Volvamos a la tipografía de estilo temático.
Yo sí tengo mis opciones aquí que ya he establecido.
Entonces lo que voy a hacer aquí es esto.
De acuerdo, primero escojamos
la tipografía para nuestro cuerpo.
Así que aquí mismo por cuerpo,
voy a ir por aquí a la columna de texto.
Vamos a elegir nuestro negro que será para el texto.
Por la tipografía.
Simplemente voy a ir con mensajes de texto.
Recuerda que dijimos textos para ser newtonianos a arenas,
tamaño de 18 pixeles y luego el peso de 500.
Eso va a ser para el cuerpo.
Bueno.
Ahora por el enlace.
Y solo revisa lo que tengo aquí para el enlace.
Voy a ir con el color,
la tipografía del color de acento.
Yo también voy a ir con acento.
Ahora para la edad advierte, vale,
esto va a ser un poco diferente para los F1's
Lo que he hecho aquí mismo es para
la familia molesta que quiero por defecto.
Pero el tamaño aquí va a ser de 100 píxeles.
Muy, muy, muy, muy, muy masivo.
Y entonces el peso aquí va a ser 600.
Apenas vamos a usar las H en nuestro sitio,
así que no te preocupes por el enorme tamaño.
Voy a mantener esa a las 100.
Ahora vamos a pasar al H2.
Para H2, sí tengo el tamaño aquí.
Voy a hacer click en la tipografía.
El tamaño aquí, lo he configurado hasta 32 pixeles.
32 pixeles, y luego sí tengo el peso aquí para ser 700.
Básicamente, este es el encabezado principal
con el que vamos a estar trabajando.
En realidad, mis disculpas, lo dije a 36,
lo siento, seis por seis píxeles para H2.
Entonces para los tres años, Echa un vistazo a esto.
Para los tres años,
el color aquí va a ser
el color de acento, el color naranja.
Entonces el tamaño aquí va a ser de 22 pixeles.
Entonces la familia aquí va a ser primaria,
que también sería viejo límite también dijo
la familia de fuentes primarias aquí
para ser nuestro Oswald voy a ser para el H12.
Así que básicamente h dos,
tendríamos 36 tamaño y pixel,
la familia de Oswald.
Habrá mayúsculas y luego 708 y espera.
Y luego finalmente, también he dicho para el H4,
mismo color sería el color axón.
Y entonces el tamaño aquí va a ser nuestros 18 pixeles.
De acuerdo, así que vamos a elegir a Oswald otra vez.
Entonces el tamaño aquí serían nuestros 18 píxeles,
del mismo tamaño que nuestros textos corporales.
Y luego uno más.
El mismo, muy último será el de cinco años,
que en realidad no creo que
vamos a caminar con ese múltiple
legislado hasta H5 y luego topografía sería la
misma secundaria o primaria si tú quiero.
Y entonces el tamaño aquí sería de 16 píxeles.
Ahí vas.
Así que voy a seguir adelante ahora y simplemente actualizar esto.
Y eso es todo ahora, sé que este fue un video muy,
muy largo conmigo solo
hablando de préstamos para automóviles y esas cosas.
Pero señala aquí es que en nuestro sitio,
si dondequiera que agregue un H2 automáticamente,
va a heredar los valores de aquí.
Entonces nuestro H2 está en este momento,
tendría la familia de fuentes de Oswald,
tamaño de 36 píxeles y luego un peso de 700.
Y luego lo mismo sucede con los tres años,
cuatro patas y así sucesivamente.
Mou básicamente configurar los valores globales caen
o nos golpeo así como nuestros textos corporales.
Pero también, hemos dicho que los colores globales,
que podemos usar una y otra vez.
Hemos dicho cinco de ellos primarios,
textos secundarios acento,
sobre todo cuando no uso ecologista especial In,
quería mostrarte cómo puedes hacer audio en
colores personalizados adicionales si quisieras.
Pero como básicamente están configurando
nuestras familias de fuentes globales, colores y tamaños.
Alemania, muy próximo video donde ahora comenzaremos
a construir el
encabezado lleno de página web.