Bem-vindo de volta.
Então, agora que mostrei
uma breve introdução à interface do usuário do Elementor.
Vamos dar uma olhada nas variáveis globais e como você pode
definir os tipos de famílias de fontes que deseja usar,
as cores e assim por diante.
Agora, na mesma interface da interface do usuário aqui,
você vai para o botão Menu aqui
e agora vá para as configurações do seu site.
Certo? Agora aqui está o magro.
Poderíamos definir cores globais,
cores que podem ser usadas em todo
o nosso site para fazer isso,
clicar em cores globais.
Agora, essa seria a cláusula padrão de que você
teria um azul,
cinza escuro, cinza claro e depois limão.
Então isso seria para o seu primário
nossa cabeça faz seus cabeçalhos secundários,
seus textos, isso seria um corpo regular assume
um sotaque geralmente é para links ou botões.
Agora, o que eu vou fazer é mudar
isso para algumas roupas que tenho aqui.
Agora, para alterá-los, vou clicar dentro.
E se for primário, vou com branco.
Ok, então por que vai ser fff,
FFF seis Fs é basicamente para White Album minha principal.
E então, para o secundário,
vamos realmente manter isso como está.
Mas então, para mensagens, vamos com preto.
O preto vai ser seis zeros.
Então, 123456, estes são o que chamamos de valores hexadecimais.
Ok, então seis zeros para preto,
seis F's para branco.
E, por último, para os acentos,
que seriam para os links.
Eu tenho minha cor aqui.
Deixe-me pegar rapidamente a cor da minha outra tela.
Venha aqui e cole isso.
Então é um tom de laranja,
é basicamente um DECA 570.
Agora, você pode decidir
adicionar suas próprias cores personalizadas também.
Ele pode vir aqui, clique em Adicionar cor.
Você pode nomear este como se
qualquer coisa pudesse dar uma curtida ou digamos que
a cor especial especial.
Vou te mostrar como isso funciona um pouco mais tarde.
Vamos chamar isso de colo especial.
E aqui vou clicar na caixa.
E vamos escolher algo avermelhado.
Então eu tenho minha própria cor personalizada chamada coluna especial.
Vou seguir em frente agora e simplesmente atualizá-lo.
Definimos nossa cláusula global, que,
que podemos usar em todo o site.
Mas também temos acesso a fontes globais.
As famílias de fontes são muito, muito, muito importantes.
Portanto, verifique este item.
Vou descer fontes globais.
O primeiro aqui será primário.
Isso seria para seus cabeçalhos primários.
Agora vamos dar uma olhada na minha outra tela aqui,
porque eu escolhi ir para a
família de fontes de cidadãos ir com Oswald.
Oswald é uma fonte específica do Google que eu gosto.
Vou escolher Oswald para a família da fonte.
O peso aqui vai ser 700s,
haverá um pouco mais pesado.
Então vou transformar esses dois maiúsculas.
E então deixarei os outros
altura da linha, espaçamento entre letras,
que espaçamento, e assim por diante o deslizamento aqueles como estão para cima.
O próximo será o secundário.
E depois secundário de novo,
vou com Oswald.
Também tudo para secundário.
E então o tamanho aqui,
eu realmente vou usar nossos 20 pixels
porque haverá pixels um pouco menores.
E então os pesos aqui seriam nossos 600.
E lá vai você.
Isso é para o secundário.
E, em seguida, texto, este será o nosso texto normal.
Na verdade, vou mudar de famílias de
nossas duas novas areias D2.
Então, vamos procurar uma nova porta.
Eu disse, desculpe, não é novo veto Nieto.
Sinto muito.
Até use meus óculos. Ainda não consigo ver corretamente.
Milhões de sensores serão texto completo.
E então o tamanho aqui seria
18 pixels e a largura será de 500.
E isso é por último, mas não menos importante,
nós temos os sotaques.
Acents vai ser Roboto.
Vamos ficar com Roboto para esse
e depois esperar até que seja 500.
Então, não estamos mudando nada aqui.
Vou seguir em frente agora e atualizar.
O ponto aqui é que podemos realmente usar essas
famílias de fontes, essas
cores de fonte em qualquer lugar do nosso site.
Como exemplo.
Deixe-me fechar isso
e deixe-me ir em frente agora e adicionar um título.
Então, vou clicar em arrastar,
soltar a cabeça e os elementos aqui.
Agora dê uma olhada nisso.
Se eu fosse para o Estilo, tudo bem,
aqui você pode ver que temos a opção de tipografia para
escolher que tipo de topografia queria
trabalhar com toda a cor do texto.
Agora dê uma olhada nestes. Se eu
clicar neste ícone aqui,
neste ícone de aparência global, eu clico lá.
Agora veja que podemos escolher entre as cinco opções,
textos primários, secundários, sotaque
e até mesmo a cor especial que adicionamos.
É assim que você pode fazer uso
da oitava causada global apenas
definir as mesmas metas com o clique tipográfico aqui novamente.
E agora posso optar por ir com os textos primários, textos
secundários, textos regulares ou o sotaque.
É assim que isso funcionaria.
Mas deixe-me mostrar algo ainda mais interessante.
Se eu voltar às configurações do site,
logo abaixo do sistema de design,
você tem seu estilo de tema.
Se eu clicar em tipografia aqui,
é aqui que agora podemos definir
famílias de fontes específicas, cores,
tamanhos para nossa tag H1 ou H2,
h3 e assim por diante.
Mas para que possamos
usar esse sistema específico,
precisaremos desativar
as cores e fontes padrão na página de configurações.
Lembre-se, deixe-me ir rapidamente em frente, atualize isso.
Vou mostrar do que estou falando.
Se voltarmos para o back-end,
deixe-me vir aqui,
vá para Sair to Dashboard.
Se você voltar aos seus conjuntos elementares
nas configurações do Elementor,
aqui,
teremos que desativar as cores e fontes padrão
para fazer uso desse novo editor de
estilo de tema.
Então, vou marcar essas duas caixas.
Salve essas alterações.
E agora deixe-me fechar isso.
Deixe-me atualizar esta página novamente.
Agora dê uma olhada nisso.
Se eu voltar aqui, vá para
Configurações do site e acompanhe a topografia nativa.
Agora eu sou capaz de definir uma cor de texto específica para o corpo,
tamanho técnico, para os links e assim por diante.
Além disso, se eu voltar,
se eu voltar ao back-end do laboratório regular e depois fechar isso
e depois adicionar meu título novamente aqui.
Se eu for para o estilo,
certo, você não vai para a cor do texto.
Ainda tenho acesso às cores chateadas Alia.
E também para a tipografia,
ainda tenho acesso aos
textos secundários. Basicamente, as mesmas opções.
Eu disse que é, você terá acesso a eles.
Tão litigioso básico.
Volte para o set
que mais uma vez e então eu só queria tratá-lo.
Ainda tenho acesso a essas opções.
Vamos voltar à tipografia do estilo do tema.
Tenho minhas opções aqui que já defini.
Então, o que vou fazer aqui é isso.
Certo, vamos primeiro escolher
a tipografia para o nosso corpo.
Então aqui para o corpo,
vou aqui para a coluna de texto.
Vamos escolher nosso preto que será para o texto.
Para a tipografia.
Vou simplesmente ir com mensagens de texto.
Lembre-se que dissemos textos newtonianos para areias,
tamanho de 18 pixels e depois o peso de 500.
Isso vai ser para o corpo.
Bom.
Agora, para o link.
E basta verificar o que tenho aqui para o link.
Vou com a cor,
a tipografia da cor do sotaque.
Vou com sotaque também.
Agora, para a idade avisa, ok,
isso vai ser um pouco diferente para os F1.
O que eu fiz aqui é para
a família chateada que eu quero dar o padrão.
Mas o tamanho aqui será de 100 pixels.
Muito, muito, muito, muito, muito massivo.
E então o peso aqui será 600.
Dificilmente vamos usar os H em nosso site,
então não se preocupe com o tamanho enorme.
Vou manter esse em 100.
Agora vamos para o H2.
Para H2, eu tenho o tamanho aqui.
Vou clicar em tipografia.
O tamanho aqui, eu configurei até 32 pixels.
32 pixels, e então eu tenho o peso aqui para ser 700.
Basicamente, este é o cabeçalho principal
com o qual vamos trabalhar.
Na verdade, minhas desculpas, eu disse para 36,
desculpe, seis por seis pixels para H2.
Então, para os três anos, confira isso.
Para os três anos,
a cor aqui será a
cor do acento, a cor laranja.
Então o tamanho aqui será de 22 pixels.
Então a família aqui será primária,
que também seria antigo limite também disse
a família de fontes primárias aqui
para ser nosso Oswald Eu serei para o H12.
Então basicamente h dois,
teríamos 36 tamanhos e pixels,
a família de Oswald.
Haverá maiúsculas e depois 708 e esperas.
E finalmente, eu também disse para o H4,
mesma cor seria a cor axônio.
E então o tamanho aqui será nossos 18 pixels.
Ok, então vamos escolher Oswald novamente.
Então o tamanho aqui seria nossos 18 pixels,
do mesmo tamanho que nossos textos corporais.
E depois mais um.
O último, muito último será a idade de cinco anos, o
que eu realmente não acho que
vamos andar com esse múltiplo
legislado H5 e, em seguida, a topografia seria a
mesma secundária ou primária se você quero.
E então o tamanho aqui seria de 16 pixels.
Lá vai você.
Então, vou seguir em frente agora e simplesmente atualizar isso.
E é isso agora, eu sei que este foi um vídeo muito,
muito longo comigo falando
sobre empréstimos de carro e outras coisas.
Mas isso aponta aqui é que em nosso site,
se onde quer que adicione um H2 automaticamente,
ele herdará os valores daqui.
Então nosso H2 é agora,
teria a família de fontes de Oswald,
tamanho de 36 pixels e, em seguida, um peso de 700.
E então o mesmo acontece com a idade de três,
quatro e assim por diante.
Mou basicamente configurou os valores globais caem
ou eu bati em nós, bem como nossos textos corporais.
Mas também, dissemos que as cores globais,
que podemos usar repetidamente.
Dissemos que cinco deles sotaque de textos primários
e secundários,
especialmente quando não uso o ecologista especial In,
queriam mostrar como você pode áudio em
cores personalizadas adicionais, se quiser.
Mas, como basicamente estão configurando
nossas famílias de fontes globais, cores e tamanhos.
Alemanha, próximo vídeo onde agora começaremos
a construir o
cabeçalho cheio de site.