1 00:00:00,000 --> 00:00:00,750 Bem-vindo de volta. 2 00:00:00,750 --> 00:00:02,010 Então, agora que mostrei 3 00:00:02,010 --> 00:00:05,480 uma breve introdução à interface do usuário do Elementor. 4 00:00:05,475 --> 00:00:08,915 Vamos dar uma olhada nas variáveis globais e como você pode 5 00:00:08,910 --> 00:00:12,690 definir os tipos de famílias de fontes que deseja usar, 6 00:00:12,689 --> 00:00:14,759 as cores e assim por diante. 7 00:00:14,760 --> 00:00:18,050 Agora, na mesma interface da interface do usuário aqui, 8 00:00:18,045 --> 00:00:21,815 você vai para o botão Menu aqui 9 00:00:21,810 --> 00:00:25,620 e agora vá para as configurações do seu site. 10 00:00:25,620 --> 00:00:27,680 Certo? Agora aqui está o magro. 11 00:00:27,675 --> 00:00:29,825 Poderíamos definir cores globais, 12 00:00:29,820 --> 00:00:31,410 cores que podem ser usadas em todo 13 00:00:31,410 --> 00:00:33,360 o nosso site para fazer isso, 14 00:00:33,360 --> 00:00:34,960 clicar em cores globais. 15 00:00:34,960 --> 00:00:37,280 Agora, essa seria a cláusula padrão de que você 16 00:00:37,280 --> 00:00:39,770 teria um azul, 17 00:00:39,770 --> 00:00:44,270 cinza escuro, cinza claro e depois limão. 18 00:00:44,269 --> 00:00:46,209 Então isso seria para o seu primário 19 00:00:46,205 --> 00:00:48,605 nossa cabeça faz seus cabeçalhos secundários, 20 00:00:48,605 --> 00:00:50,815 seus textos, isso seria um corpo regular assume 21 00:00:50,810 --> 00:00:54,020 um sotaque geralmente é para links ou botões. 22 00:00:54,020 --> 00:00:56,330 Agora, o que eu vou fazer é mudar 23 00:00:56,330 --> 00:00:59,300 isso para algumas roupas que tenho aqui. 24 00:00:59,300 --> 00:01:01,970 Agora, para alterá-los, vou clicar dentro. 25 00:01:01,970 --> 00:01:04,280 E se for primário, vou com branco. 26 00:01:04,280 --> 00:01:06,610 Ok, então por que vai ser fff, 27 00:01:06,605 --> 00:01:11,405 FFF seis Fs é basicamente para White Album minha principal. 28 00:01:11,405 --> 00:01:13,205 E então, para o secundário, 29 00:01:13,205 --> 00:01:15,845 vamos realmente manter isso como está. 30 00:01:15,845 --> 00:01:18,565 Mas então, para mensagens, vamos com preto. 31 00:01:18,560 --> 00:01:21,530 O preto vai ser seis zeros. 32 00:01:21,530 --> 00:01:26,660 Então, 123456, estes são o que chamamos de valores hexadecimais. 33 00:01:26,660 --> 00:01:28,070 Ok, então seis zeros para preto, 34 00:01:28,070 --> 00:01:29,590 seis F's para branco. 35 00:01:29,585 --> 00:01:32,065 E, por último, para os acentos, 36 00:01:32,060 --> 00:01:33,430 que seriam para os links. 37 00:01:33,425 --> 00:01:35,845 Eu tenho minha cor aqui. 38 00:01:35,840 --> 00:01:39,200 Deixe-me pegar rapidamente a cor da minha outra tela. 39 00:01:39,200 --> 00:01:41,780 Venha aqui e cole isso. 40 00:01:41,780 --> 00:01:42,800 Então é um tom de laranja, 41 00:01:42,800 --> 00:01:47,570 é basicamente um DECA 570. 42 00:01:47,570 --> 00:01:49,040 Agora, você pode decidir 43 00:01:49,040 --> 00:01:50,600 adicionar suas próprias cores personalizadas também. 44 00:01:50,600 --> 00:01:53,530 Ele pode vir aqui, clique em Adicionar cor. 45 00:01:53,525 --> 00:01:55,175 Você pode nomear este como se 46 00:01:55,175 --> 00:01:57,005 qualquer coisa pudesse dar uma curtida ou digamos que 47 00:01:57,005 --> 00:02:02,975 a cor especial especial. 48 00:02:03,490 --> 00:02:06,290 Vou te mostrar como isso funciona um pouco mais tarde. 49 00:02:06,290 --> 00:02:08,110 Vamos chamar isso de colo especial. 50 00:02:08,105 --> 00:02:10,265 E aqui vou clicar na caixa. 51 00:02:10,265 --> 00:02:13,145 E vamos escolher algo avermelhado. 52 00:02:13,145 --> 00:02:16,885 Então eu tenho minha própria cor personalizada chamada coluna especial. 53 00:02:16,880 --> 00:02:20,260 Vou seguir em frente agora e simplesmente atualizá-lo. 54 00:02:20,255 --> 00:02:22,285 Definimos nossa cláusula global, que, 55 00:02:22,280 --> 00:02:24,190 que podemos usar em todo o site. 56 00:02:24,185 --> 00:02:27,625 Mas também temos acesso a fontes globais. 57 00:02:27,620 --> 00:02:29,480 As famílias de fontes são muito, muito, muito importantes. 58 00:02:29,480 --> 00:02:30,680 Portanto, verifique este item. 59 00:02:30,680 --> 00:02:32,260 Vou descer fontes globais. 60 00:02:32,255 --> 00:02:34,525 O primeiro aqui será primário. 61 00:02:34,520 --> 00:02:36,020 Isso seria para seus cabeçalhos primários. 62 00:02:36,020 --> 00:02:38,210 Agora vamos dar uma olhada na minha outra tela aqui, 63 00:02:38,210 --> 00:02:39,440 porque eu escolhi ir para a 64 00:02:39,440 --> 00:02:43,750 família de fontes de cidadãos ir com Oswald. 65 00:02:43,745 --> 00:02:46,555 Oswald é uma fonte específica do Google que eu gosto. 66 00:02:46,550 --> 00:02:49,600 Vou escolher Oswald para a família da fonte. 67 00:02:49,595 --> 00:02:52,255 O peso aqui vai ser 700s, 68 00:02:52,250 --> 00:02:54,140 haverá um pouco mais pesado. 69 00:02:54,140 --> 00:02:57,400 Então vou transformar esses dois maiúsculas. 70 00:02:57,395 --> 00:02:58,765 E então deixarei os outros 71 00:02:58,760 --> 00:03:00,230 altura da linha, espaçamento entre letras, 72 00:03:00,230 --> 00:03:03,190 que espaçamento, e assim por diante o deslizamento aqueles como estão para cima. 73 00:03:03,185 --> 00:03:05,795 O próximo será o secundário. 74 00:03:05,795 --> 00:03:08,045 E depois secundário de novo, 75 00:03:08,045 --> 00:03:11,165 vou com Oswald. 76 00:03:11,470 --> 00:03:13,850 Também tudo para secundário. 77 00:03:13,850 --> 00:03:15,320 E então o tamanho aqui, 78 00:03:15,320 --> 00:03:17,870 eu realmente vou usar nossos 20 pixels 79 00:03:17,870 --> 00:03:20,690 porque haverá pixels um pouco menores. 80 00:03:20,690 --> 00:03:23,420 E então os pesos aqui seriam nossos 600. 81 00:03:23,420 --> 00:03:25,450 E lá vai você. 82 00:03:25,445 --> 00:03:27,115 Isso é para o secundário. 83 00:03:27,110 --> 00:03:29,810 E, em seguida, texto, este será o nosso texto normal. 84 00:03:29,810 --> 00:03:31,640 Na verdade, vou mudar de famílias de 85 00:03:31,640 --> 00:03:35,740 nossas duas novas areias D2. 86 00:03:35,735 --> 00:03:41,975 Então, vamos procurar uma nova porta. 87 00:03:41,975 --> 00:03:45,065 Eu disse, desculpe, não é novo veto Nieto. 88 00:03:45,065 --> 00:03:46,025 Sinto muito. 89 00:03:46,025 --> 00:03:48,805 Até use meus óculos. Ainda não consigo ver corretamente. 90 00:03:48,800 --> 00:03:51,970 Milhões de sensores serão texto completo. 91 00:03:51,965 --> 00:03:54,475 E então o tamanho aqui seria 92 00:03:54,470 --> 00:03:59,390 18 pixels e a largura será de 500. 93 00:03:59,390 --> 00:04:02,180 E isso é por último, mas não menos importante, 94 00:04:02,180 --> 00:04:04,070 nós temos os sotaques. 95 00:04:04,070 --> 00:04:06,110 Acents vai ser Roboto. 96 00:04:06,110 --> 00:04:07,310 Vamos ficar com Roboto para esse 97 00:04:07,310 --> 00:04:09,450 e depois esperar até que seja 500. 98 00:04:09,445 --> 00:04:11,405 Então, não estamos mudando nada aqui. 99 00:04:11,405 --> 00:04:13,855 Vou seguir em frente agora e atualizar. 100 00:04:13,850 --> 00:04:16,040 O ponto aqui é que podemos realmente usar essas 101 00:04:16,040 --> 00:04:18,230 famílias de fontes, essas 102 00:04:18,230 --> 00:04:21,620 cores de fonte em qualquer lugar do nosso site. 103 00:04:21,620 --> 00:04:23,120 Como exemplo. 104 00:04:23,120 --> 00:04:25,220 Deixe-me fechar isso 105 00:04:25,219 --> 00:04:28,509 e deixe-me ir em frente agora e adicionar um título. 106 00:04:28,505 --> 00:04:29,935 Então, vou clicar em arrastar, 107 00:04:29,930 --> 00:04:32,350 soltar a cabeça e os elementos aqui. 108 00:04:32,345 --> 00:04:34,105 Agora dê uma olhada nisso. 109 00:04:34,100 --> 00:04:37,310 Se eu fosse para o Estilo, tudo bem, 110 00:04:37,310 --> 00:04:41,270 aqui você pode ver que temos a opção de tipografia para 111 00:04:41,270 --> 00:04:43,340 escolher que tipo de topografia queria 112 00:04:43,340 --> 00:04:45,860 trabalhar com toda a cor do texto. 113 00:04:45,860 --> 00:04:47,120 Agora dê uma olhada nestes. Se eu 114 00:04:47,120 --> 00:04:48,440 clicar neste ícone aqui, 115 00:04:48,440 --> 00:04:51,050 neste ícone de aparência global, eu clico lá. 116 00:04:51,050 --> 00:04:54,670 Agora veja que podemos escolher entre as cinco opções, 117 00:04:54,665 --> 00:04:56,755 textos primários, secundários, sotaque 118 00:04:56,750 --> 00:04:59,240 e até mesmo a cor especial que adicionamos. 119 00:04:59,240 --> 00:05:00,700 É assim que você pode fazer uso 120 00:05:00,695 --> 00:05:02,395 da oitava causada global apenas 121 00:05:02,390 --> 00:05:06,670 definir as mesmas metas com o clique tipográfico aqui novamente. 122 00:05:06,665 --> 00:05:10,085 E agora posso optar por ir com os textos primários, textos 123 00:05:10,085 --> 00:05:13,835 secundários, textos regulares ou o sotaque. 124 00:05:13,835 --> 00:05:16,885 É assim que isso funcionaria. 125 00:05:16,880 --> 00:05:20,490 Mas deixe-me mostrar algo ainda mais interessante. 126 00:05:20,494 --> 00:05:24,024 Se eu voltar às configurações do site, 127 00:05:24,020 --> 00:05:26,300 logo abaixo do sistema de design, 128 00:05:26,300 --> 00:05:28,730 você tem seu estilo de tema. 129 00:05:28,730 --> 00:05:32,320 Se eu clicar em tipografia aqui, 130 00:05:32,315 --> 00:05:34,105 é aqui que agora podemos definir 131 00:05:34,100 --> 00:05:36,440 famílias de fontes específicas, cores, 132 00:05:36,440 --> 00:05:40,300 tamanhos para nossa tag H1 ou H2, 133 00:05:40,295 --> 00:05:41,935 h3 e assim por diante. 134 00:05:41,930 --> 00:05:43,900 Mas para que possamos 135 00:05:43,895 --> 00:05:46,775 usar esse sistema específico, 136 00:05:46,775 --> 00:05:49,145 precisaremos desativar 137 00:05:49,145 --> 00:05:54,275 as cores e fontes padrão na página de configurações. 138 00:05:54,275 --> 00:05:57,265 Lembre-se, deixe-me ir rapidamente em frente, atualize isso. 139 00:05:57,260 --> 00:05:58,490 Vou mostrar do que estou falando. 140 00:05:58,490 --> 00:06:03,110 Se voltarmos para o back-end, 141 00:06:03,110 --> 00:06:04,960 deixe-me vir aqui, 142 00:06:04,955 --> 00:06:07,615 vá para Sair to Dashboard. 143 00:06:07,610 --> 00:06:10,970 Se você voltar aos seus conjuntos elementares 144 00:06:10,970 --> 00:06:13,540 nas configurações do Elementor, 145 00:06:13,535 --> 00:06:15,295 aqui, 146 00:06:15,290 --> 00:06:17,750 teremos que desativar as cores e fontes padrão 147 00:06:17,750 --> 00:06:19,640 para fazer uso desse novo editor de 148 00:06:19,640 --> 00:06:21,710 estilo de tema. 149 00:06:21,710 --> 00:06:23,630 Então, vou marcar essas duas caixas. 150 00:06:23,630 --> 00:06:25,720 Salve essas alterações. 151 00:06:25,715 --> 00:06:28,015 E agora deixe-me fechar isso. 152 00:06:28,010 --> 00:06:31,110 Deixe-me atualizar esta página novamente. 153 00:06:31,150 --> 00:06:33,080 Agora dê uma olhada nisso. 154 00:06:33,080 --> 00:06:34,610 Se eu voltar aqui, vá para 155 00:06:34,610 --> 00:06:37,780 Configurações do site e acompanhe a topografia nativa. 156 00:06:37,775 --> 00:06:41,725 Agora eu sou capaz de definir uma cor de texto específica para o corpo, 157 00:06:41,720 --> 00:06:45,220 tamanho técnico, para os links e assim por diante. 158 00:06:45,215 --> 00:06:48,275 Além disso, se eu voltar, 159 00:06:48,275 --> 00:06:52,195 se eu voltar ao back-end do laboratório regular e depois fechar isso 160 00:06:52,190 --> 00:06:55,990 e depois adicionar meu título novamente aqui. 161 00:06:55,985 --> 00:06:57,835 Se eu for para o estilo, 162 00:06:57,830 --> 00:07:00,100 certo, você não vai para a cor do texto. 163 00:07:00,095 --> 00:07:03,275 Ainda tenho acesso às cores chateadas Alia. 164 00:07:03,275 --> 00:07:06,925 E também para a tipografia, 165 00:07:06,920 --> 00:07:08,240 ainda tenho acesso aos 166 00:07:08,240 --> 00:07:12,740 textos secundários. Basicamente, as mesmas opções. 167 00:07:12,740 --> 00:07:14,690 Eu disse que é, você terá acesso a eles. 168 00:07:14,690 --> 00:07:15,980 Tão litigioso básico. 169 00:07:15,980 --> 00:07:17,930 Volte para o set 170 00:07:17,930 --> 00:07:19,730 que mais uma vez e então eu só queria tratá-lo. 171 00:07:19,730 --> 00:07:21,110 Ainda tenho acesso a essas opções. 172 00:07:21,110 --> 00:07:23,510 Vamos voltar à tipografia do estilo do tema. 173 00:07:23,510 --> 00:07:27,290 Tenho minhas opções aqui que já defini. 174 00:07:27,290 --> 00:07:28,790 Então, o que vou fazer aqui é isso. 175 00:07:28,790 --> 00:07:30,670 Certo, vamos primeiro escolher 176 00:07:30,665 --> 00:07:33,085 a tipografia para o nosso corpo. 177 00:07:33,080 --> 00:07:35,230 Então aqui para o corpo, 178 00:07:35,225 --> 00:07:37,775 vou aqui para a coluna de texto. 179 00:07:37,775 --> 00:07:40,925 Vamos escolher nosso preto que será para o texto. 180 00:07:40,925 --> 00:07:42,275 Para a tipografia. 181 00:07:42,275 --> 00:07:44,605 Vou simplesmente ir com mensagens de texto. 182 00:07:44,600 --> 00:07:47,950 Lembre-se que dissemos textos newtonianos para areias, 183 00:07:47,945 --> 00:07:52,085 tamanho de 18 pixels e depois o peso de 500. 184 00:07:52,085 --> 00:07:54,305 Isso vai ser para o corpo. 185 00:07:54,305 --> 00:07:55,295 Bom. 186 00:07:55,294 --> 00:07:57,004 Agora, para o link. 187 00:07:57,005 --> 00:08:00,385 E basta verificar o que tenho aqui para o link. 188 00:08:00,380 --> 00:08:02,050 Vou com a cor, 189 00:08:02,045 --> 00:08:05,245 a tipografia da cor do sotaque. 190 00:08:05,240 --> 00:08:07,180 Vou com sotaque também. 191 00:08:07,175 --> 00:08:10,075 Agora, para a idade avisa, ok, 192 00:08:10,070 --> 00:08:14,680 isso vai ser um pouco diferente para os F1. 193 00:08:14,675 --> 00:08:16,195 O que eu fiz aqui é para 194 00:08:16,190 --> 00:08:18,170 a família chateada que eu quero dar o padrão. 195 00:08:18,170 --> 00:08:23,670 Mas o tamanho aqui será de 100 pixels. 196 00:08:23,800 --> 00:08:26,940 Muito, muito, muito, muito, muito massivo. 197 00:08:26,944 --> 00:08:30,274 E então o peso aqui será 600. 198 00:08:30,275 --> 00:08:33,565 Dificilmente vamos usar os H em nosso site, 199 00:08:33,560 --> 00:08:36,670 então não se preocupe com o tamanho enorme. 200 00:08:36,665 --> 00:08:39,535 Vou manter esse em 100. 201 00:08:39,530 --> 00:08:43,970 Agora vamos para o H2. 202 00:08:43,970 --> 00:08:47,870 Para H2, eu tenho o tamanho aqui. 203 00:08:47,870 --> 00:08:49,730 Vou clicar em tipografia. 204 00:08:49,730 --> 00:08:53,830 O tamanho aqui, eu configurei até 32 pixels. 205 00:08:53,825 --> 00:09:00,625 32 pixels, e então eu tenho o peso aqui para ser 700. 206 00:09:00,620 --> 00:09:03,020 Basicamente, este é o cabeçalho principal 207 00:09:03,020 --> 00:09:04,790 com o qual vamos trabalhar. 208 00:09:04,790 --> 00:09:07,040 Na verdade, minhas desculpas, eu disse para 36, 209 00:09:07,040 --> 00:09:10,670 desculpe, seis por seis pixels para H2. 210 00:09:10,670 --> 00:09:15,670 Então, para os três anos, confira isso. 211 00:09:15,665 --> 00:09:17,615 Para os três anos, 212 00:09:17,615 --> 00:09:19,165 a cor aqui será a 213 00:09:19,160 --> 00:09:21,430 cor do acento, a cor laranja. 214 00:09:21,425 --> 00:09:28,955 Então o tamanho aqui será de 22 pixels. 215 00:09:30,220 --> 00:09:36,440 Então a família aqui será primária, 216 00:09:36,440 --> 00:09:39,320 que também seria antigo limite também disse 217 00:09:39,320 --> 00:09:41,390 a família de fontes primárias aqui 218 00:09:41,390 --> 00:09:43,460 para ser nosso Oswald Eu serei para o H12. 219 00:09:43,460 --> 00:09:45,170 Então basicamente h dois, 220 00:09:45,170 --> 00:09:47,230 teríamos 36 tamanhos e pixels, 221 00:09:47,225 --> 00:09:48,965 a família de Oswald. 222 00:09:48,964 --> 00:09:52,644 Haverá maiúsculas e depois 708 e esperas. 223 00:09:52,640 --> 00:09:56,620 E finalmente, eu também disse para o H4, 224 00:09:56,615 --> 00:10:00,265 mesma cor seria a cor axônio. 225 00:10:00,260 --> 00:10:04,220 E então o tamanho aqui será nossos 18 pixels. 226 00:10:04,220 --> 00:10:08,990 Ok, então vamos escolher Oswald novamente. 227 00:10:08,990 --> 00:10:13,370 Então o tamanho aqui seria nossos 18 pixels, 228 00:10:13,370 --> 00:10:15,940 do mesmo tamanho que nossos textos corporais. 229 00:10:15,935 --> 00:10:17,815 E depois mais um. 230 00:10:17,810 --> 00:10:20,420 O último, muito último será a idade de cinco anos, o 231 00:10:20,420 --> 00:10:22,070 que eu realmente não acho que 232 00:10:22,070 --> 00:10:23,810 vamos andar com esse múltiplo 233 00:10:23,810 --> 00:10:26,450 legislado H5 e, em seguida, a topografia seria a 234 00:10:26,450 --> 00:10:29,690 mesma secundária ou primária se você quero. 235 00:10:29,690 --> 00:10:34,340 E então o tamanho aqui seria de 16 pixels. 236 00:10:34,340 --> 00:10:36,320 Lá vai você. 237 00:10:36,315 --> 00:10:39,235 Então, vou seguir em frente agora e simplesmente atualizar isso. 238 00:10:39,230 --> 00:10:40,910 E é isso agora, eu sei que este foi um vídeo muito, 239 00:10:40,910 --> 00:10:42,200 muito longo comigo falando 240 00:10:42,200 --> 00:10:44,180 sobre empréstimos de carro e outras coisas. 241 00:10:44,180 --> 00:10:48,020 Mas isso aponta aqui é que em nosso site, 242 00:10:48,020 --> 00:10:51,590 se onde quer que adicione um H2 automaticamente, 243 00:10:51,590 --> 00:10:53,630 ele herdará os valores daqui. 244 00:10:53,630 --> 00:10:55,460 Então nosso H2 é agora, 245 00:10:55,460 --> 00:10:57,920 teria a família de fontes de Oswald, 246 00:10:57,920 --> 00:11:01,270 tamanho de 36 pixels e, em seguida, um peso de 700. 247 00:11:01,265 --> 00:11:03,295 E então o mesmo acontece com a idade de três, 248 00:11:03,290 --> 00:11:04,610 quatro e assim por diante. 249 00:11:04,610 --> 00:11:07,990 Mou basicamente configurou os valores globais caem 250 00:11:07,985 --> 00:11:11,665 ou eu bati em nós, bem como nossos textos corporais. 251 00:11:11,660 --> 00:11:14,060 Mas também, dissemos que as cores globais, 252 00:11:14,060 --> 00:11:16,100 que podemos usar repetidamente. 253 00:11:16,100 --> 00:11:17,690 Dissemos que cinco deles sotaque de textos primários 254 00:11:17,690 --> 00:11:19,030 e secundários, 255 00:11:19,025 --> 00:11:21,455 especialmente quando não uso o ecologista especial In, 256 00:11:21,455 --> 00:11:23,455 queriam mostrar como você pode áudio em 257 00:11:23,450 --> 00:11:27,190 cores personalizadas adicionais, se quiser. 258 00:11:27,185 --> 00:11:29,435 Mas, como basicamente estão configurando 259 00:11:29,435 --> 00:11:32,645 nossas famílias de fontes globais, cores e tamanhos. 260 00:11:32,644 --> 00:11:34,134 Alemanha, próximo vídeo onde agora começaremos 261 00:11:34,130 --> 00:11:35,560 a construir o 262 00:11:35,555 --> 00:11:39,635 cabeçalho cheio de site.