1
00:00:00,000 --> 00:00:01,260
Eu só quero passar mais
 alguns minutos

2
00:00:01,260 --> 00:00:02,550
para orientá-lo
 pelos

3
00:00:02,550 --> 00:00:05,820
conceitos gerais
 de seções,

4
00:00:05,820 --> 00:00:09,810
colunas, bem como elementos
 e padrões e margens. 

5
00:00:09,810 --> 00:00:11,520
Como eu mostrei a você anteriormente. 

6
00:00:11,520 --> 00:00:12,870
Se você quiser adicionar um elemento,

7
00:00:12,870 --> 00:00:14,310
basta arrastar
 do

8
00:00:14,310 --> 00:00:15,780
lado esquerdo e

9
00:00:15,780 --> 00:00:17,540
seguida, ele simplesmente
 soltá-lo no slide. 

10
00:00:17,535 --> 00:00:19,895
Agora a coisa é
 automaticamente sempre que

11
00:00:19,890 --> 00:00:22,220
você estiver adicionando elementos
 com Elementor,

12
00:00:22,215 --> 00:00:24,335
uma seção e economia serão

13
00:00:24,330 --> 00:00:27,420
criadas para esse elemento
 específico. 

14
00:00:27,420 --> 00:00:30,530
Acabamos de soltar os elementos do editor de
 texto. 

15
00:00:30,525 --> 00:00:32,675
E agora você
 notaria aqui em cima

16
00:00:32,670 --> 00:00:34,950
nós temos esta linha azul aqui. 

17
00:00:34,950 --> 00:00:38,230
Esta será
 esta seção segurando

18
00:00:38,230 --> 00:00:42,830
a coluna que está mantendo
 a edição de texto. Tudo. 

19
00:00:42,830 --> 00:00:44,080
Observe aqui, você
 tem

20
00:00:44,075 --> 00:00:45,475
esse
 botão marrom aqui. 

21
00:00:45,470 --> 00:00:46,580
E se eu passar o mouse sobre ele,

22
00:00:46,580 --> 00:00:48,350
ele diz Editar coluna. 

23
00:00:48,350 --> 00:00:51,080
Agora, esse é o
 elemento real em si,

24
00:00:51,080 --> 00:00:52,690
a ferramenta de edição de texto real. 

25
00:00:52,685 --> 00:00:54,565
Mais uma vez, a forma como as
 caminhadas elementares

26
00:00:54,560 --> 00:00:56,570
é lá, você
 terá um elemento,

27
00:00:56,570 --> 00:00:58,970
seja uma imagem,
 vídeo ou botão. 

28
00:00:58,970 --> 00:01:01,550
E então uma coluna será mantida,

29
00:01:01,550 --> 00:01:03,580
conterá esse elemento. 

30
00:01:03,575 --> 00:01:05,785
Tanto na coluna
 quanto nos elementos
 estarão

31
00:01:05,780 --> 00:01:08,390
dentro de uma seção. 

32
00:01:08,390 --> 00:01:11,390
É como uma coluna de seção de
 estrutura hierárquica

33
00:01:11,390 --> 00:01:13,400
, em seguida, o elemento real. 

34
00:01:13,400 --> 00:01:14,950
Agora, assim como na edição,

35
00:01:14,945 --> 00:01:16,675
o elemento em que
 você terá acesso

36
00:01:16,670 --> 00:01:18,730
ao estilo de conteúdo avançado. 

37
00:01:18,725 --> 00:01:22,835
Você também pode editar a coluna que
 contém esse elemento. 

38
00:01:22,835 --> 00:01:24,445
Você pode ver que eu pairei
 na

39
00:01:24,440 --> 00:01:26,450
parte inferior aqui,
 diz a coluna Editar. 

40
00:01:26,450 --> 00:01:27,920
Você clica lá. 

41
00:01:27,920 --> 00:01:29,240
E então você terá acesso ao

42
00:01:29,240 --> 00:01:31,010
estilo de
 layout e avançado. 

43
00:01:31,010 --> 00:01:33,290
Com o layout, você pode
 fazer coisas como talvez

44
00:01:33,290 --> 00:01:36,340
reduzir o comprimento da coluna. 

45
00:01:36,335 --> 00:01:38,125
Você pode alterar o alinhamento. 

46
00:01:38,120 --> 00:01:40,280
Você pode adicionar fluidos de tag HTML. 

47
00:01:40,280 --> 00:01:43,070
Você pode estilizar a
 coluna e queremos

48
00:01:43,070 --> 00:01:46,190
adicionar um fundo preto
 como em um fundo vermelho. 

49
00:01:46,190 --> 00:01:48,340
E você quer adicionar uma
 imagem, coisas assim. 

50
00:01:48,335 --> 00:01:51,215
Para que muitas coisas você
 possa fazer tudo com a coluna. 

51
00:01:51,215 --> 00:01:54,185
Agora, se você clicar com
 o botão direito do mouse no botão Editar coluna,

52
00:01:54,185 --> 00:01:56,275
poderá fazer coisas como
 adicionar uma nova coluna,

53
00:01:56,270 --> 00:01:57,730
coluna
 duplicada. 

54
00:01:57,725 --> 00:02:00,535
Você pode até copiar
 e colar o estilo. 

55
00:02:00,530 --> 00:02:02,840
Talvez você tenha adicionado um fundo
 preto,

56
00:02:02,840 --> 00:02:04,220
altere o estilo da fonte

57
00:02:04,220 --> 00:02:06,770
do texto e
 deseja reutilizar esse estilo,

58
00:02:06,770 --> 00:02:08,810
basta copiar o
 estilo e, em seguida, você

59
00:02:08,810 --> 00:02:11,180
pode perfurar o estilo
 dele em outro lugar. 

60
00:02:11,180 --> 00:02:13,670
O mesmo acontece com esta
 seção aqui também. 

61
00:02:13,670 --> 00:02:15,910
Se eu clicar no botão Editar
 seção aqui. 

62
00:02:15,905 --> 00:02:19,285
Agora você vê que tenho acesso
 ao estilo de layout avançado. 

63
00:02:19,280 --> 00:02:22,190
Como com o layout, posso
 mudar isso para largura total. 

64
00:02:22,190 --> 00:02:24,290
Talvez eu possa mudar

65
00:02:24,290 --> 00:02:26,510
o tamanho ou o comprimento da
 largura nua, muito,

66
00:02:26,510 --> 00:02:28,580
muito ampla disponibilidade
 agora vou,

67
00:02:28,580 --> 00:02:31,270
posso mudar a altura
 também se eu quisesse. 

68
00:02:31,265 --> 00:02:32,765
Posso fazer muitas coisas. 

69
00:02:32,765 --> 00:02:34,195
O mesmo acontece com o estilo dele. 

70
00:02:34,190 --> 00:02:38,080
Mais uma vez, posso adicionar uma
 cor de fundo. Se eu quisesse. 

71
00:02:38,080 --> 00:02:40,210
Posso fazer várias coisas, como adicionar

72
00:02:40,210 --> 00:02:42,790
efeitos de
 movimento e assim por diante. 

73
00:02:42,790 --> 00:02:44,140
Assim como no ambiente da
 coluna,

74
00:02:44,140 --> 00:02:46,740
clique no
 botão de edição da seção aqui. 

75
00:02:46,735 --> 00:02:48,475
Você pode sentar e fazer coisas como

76
00:02:48,475 --> 00:02:50,725
seção de
 edição e
 eu posso duplicar. 

77
00:02:50,724 --> 00:02:53,294
Posso até salvar como um modelo sobre
 o qual falaremos

78
00:02:53,290 --> 00:02:56,470
quando estivermos usando o Elementor Pro. 

79
00:02:56,470 --> 00:02:59,950
Agora, deixe-me falar rapidamente com
 você sobre o conceito de

80
00:02:59,950 --> 00:03:02,040
margens e padrões porque

81
00:03:02,035 --> 00:03:04,005
isso vai ser muito,
 muito, muito importante. 

82
00:03:04,000 --> 00:03:05,800
Agora, eu tenho uma seção

83
00:03:05,800 --> 00:03:07,860
aqui segurando este editor de
 texto escreve. 

84
00:03:07,855 --> 00:03:10,005
O que vou fazer
 é adicionar

85
00:03:10,000 --> 00:03:13,390
uma imagem em outra seção. 

86
00:03:13,390 --> 00:03:17,100
Lambdas rapidamente escolhe
 uma imagem para caminhar. 

87
00:03:17,095 --> 00:03:19,085
Deixe-me ir à minha biblioteca de mídia. 

88
00:03:19,080 --> 00:03:21,960
Deixe-me escolher essa
 imagem aqui. 

89
00:03:22,210 --> 00:03:24,830
Agora, dê uma olhada nisso. 

90
00:03:24,830 --> 00:03:30,520
Deixe-me adicionar uma
 cor de fundo à seção aqui. 

91
00:03:30,515 --> 00:03:33,025
Não se preocupe, vou
 te mostrar tudo isso um pouco mais tarde. 

92
00:03:33,020 --> 00:03:35,660
Tudo bem. O que
 exatamente são as margens? 

93
00:03:35,660 --> 00:03:39,370
margens são usadas para adicionar
 espaço entre as seções. 

94
00:03:39,365 --> 00:03:40,705
Então, neste momento, temos uma seção

95
00:03:40,700 --> 00:03:42,050
aqui segurando este editor de
 texto com

96
00:03:42,050 --> 00:03:43,520
o fundo vermelho teria

97
00:03:43,520 --> 00:03:46,120
outra seção aqui
 segurando a imagem. 

98
00:03:46,115 --> 00:03:49,655
Se eu quisesse criar muito
 espaço entre esses dois,

99
00:03:49,655 --> 00:03:51,355
eu poderia realmente usar

100
00:03:51,350 --> 00:03:53,960
um elemento aqui
 chamado elemento espaçador. 

101
00:03:53,960 --> 00:03:56,330
Você pode dizer
 espaçador conjugado e depois soltá-lo

102
00:03:56,330 --> 00:03:59,230
entre essas duas seções. 

103
00:03:59,225 --> 00:04:01,585
Mas outra maneira de fazer isso
 seria

104
00:04:01,580 --> 00:04:04,100
ir para qualquer uma
 dessas seções. 

105
00:04:04,099 --> 00:04:06,549
Vou para a
 primeira seção aqui. 

106
00:04:06,545 --> 00:04:10,865
Vou para o Avançado
 e uma variedade de margem tem. 

107
00:04:10,865 --> 00:04:13,495
Agora, observe que, por padrão,

108
00:04:13,490 --> 00:04:15,560
você pode adicionar margens
 e padrões a

109
00:04:15,560 --> 00:04:19,040
todos os quatro lados de uma
 seção à esquerda,

110
00:04:19,040 --> 00:04:21,380
direita, superior e inferior, direita. 

111
00:04:21,380 --> 00:04:25,450
Agora, se eu fosse adicionar uma margem
 para cima ou inferior,

112
00:04:25,445 --> 00:04:27,565
você pode ver que eles estão acorrentados,

113
00:04:27,560 --> 00:04:29,570
que significa que o que
 você adicionar ao topo,

114
00:04:29,570 --> 00:04:31,690
ela também será adicionada
 à parte inferior. 

115
00:04:31,685 --> 00:04:34,375
Se você quiser adicionar valores para

116
00:04:34,370 --> 00:04:37,070
um lado específico, você
 deseja começar de 0. 

117
00:04:37,070 --> 00:04:39,310
Primeiro de tudo, Zero. 

118
00:04:39,305 --> 00:04:41,215
Você vem aqui e então você

119
00:04:41,210 --> 00:04:43,160
pode ver que pode
 desvincular os valores. 

120
00:04:43,160 --> 00:04:46,190
Então, agora, você pode simplesmente
 adicionar para cima são as margens direita

121
00:04:46,190 --> 00:04:47,690
e esquerda
 para elementar são

122
00:04:47,690 --> 00:04:49,250
definidas como auto por padrão,

123
00:04:49,250 --> 00:04:51,040
você não pode fazer um
 engenhoso lá. 

124
00:04:51,035 --> 00:04:53,605
Mas agora observe que se eu começar

125
00:04:53,600 --> 00:04:56,620
a adicionar margens na parte inferior
 da primeira seção,

126
00:04:56,615 --> 00:04:58,645
observe que a seção segurando

127
00:04:58,640 --> 00:05:01,490
a imagem não está
 sendo empurrada para baixo. 

128
00:05:01,490 --> 00:05:03,320
Isso porque estou
 criando espaço

129
00:05:03,320 --> 00:05:08,200
entre esta primeira seção
 e essa segunda seção. 

130
00:05:08,195 --> 00:05:11,425
Além disso, se eu quisesse,

131
00:05:11,420 --> 00:05:14,620
eu poderia fazer o inverso
 para a segunda seção. 

132
00:05:14,615 --> 00:05:16,915
Posso ir para a seção Editar aqui
 perto da segunda,

133
00:05:16,910 --> 00:05:19,480
ir para Avançado. O Unlink se desenvolve. 

134
00:05:19,475 --> 00:05:22,255
E agora, em vez de um
 imaginado na parte inferior,

135
00:05:22,250 --> 00:05:24,320
posso adicionar no topo. 

136
00:05:24,320 --> 00:05:27,410
Então agora você pode ver que estamos
 empurrando esta seção segurando

137
00:05:27,410 --> 00:05:29,020
a imagem para baixo
 a partir da

138
00:05:29,015 --> 00:05:31,315
primeira seção que diz
 o que as margens são úteis. 

139
00:05:31,310 --> 00:05:34,130
Eles são úteis para criar
 espaçamento entre seções. 

140
00:05:34,130 --> 00:05:36,860
Um dos padrões, porque
 eles têm padrões. 

141
00:05:36,860 --> 00:05:39,950
Os padrões são usados para
 criar espaço entre

142
00:05:39,950 --> 00:05:43,940
um elemento e sua
 borda ou sua coluna. 

143
00:05:43,940 --> 00:05:47,290
Por exemplo, vou
 usar o editor de texto aqui. 

144
00:05:47,285 --> 00:05:49,255
Tudo bem, então
 vou entrar lá. 

145
00:05:49,250 --> 00:05:51,520
Vou para o Advanced. 

146
00:05:51,515 --> 00:05:53,465
E agora aqui,

147
00:05:53,465 --> 00:05:55,905
você pode ver que eu tenho
 o padrão disponível. 

148
00:05:55,909 --> 00:05:57,789
Vou desvincular os valores. 

149
00:05:57,785 --> 00:06:01,225
E agora, se eu começar a
 adicionar preenchimento aqui,

150
00:06:01,220 --> 00:06:03,260
você pode ver que estou
 criando espaço entre

151
00:06:03,260 --> 00:06:05,800
o editor de texto e

152
00:06:05,795 --> 00:06:08,245
sua própria seção
 aqui na parte superior. 

153
00:06:08,240 --> 00:06:09,680
Eu posso ir para o fundo,

154
00:06:09,680 --> 00:06:11,300
fazer exatamente a mesma coisa também. 

155
00:06:11,300 --> 00:06:12,770
Então você pode ver
 agora que estou basicamente

156
00:06:12,770 --> 00:06:14,090
criando espaço para meus textos,

157
00:06:14,090 --> 00:06:16,660
uma ferramenta dentro de sua própria seção. 

158
00:06:16,655 --> 00:06:19,375
É para isso que
 os padrões são usados. 

159
00:06:19,370 --> 00:06:22,370
Eles usam para criar espaço para

160
00:06:22,370 --> 00:06:26,180
elementos dentro de sua
 própria coluna ou seção. 

161
00:06:26,180 --> 00:06:28,400
Isso é basicamente o que
 os padrões são úteis. 

162
00:06:28,400 --> 00:06:29,750
Então essa é a diferença
 entre as margens são padrões. 

163
00:06:29,750 --> 00:06:32,540
margens são usadas para criar
 espaço entre as seções. 

164
00:06:32,540 --> 00:06:36,100
Os padrões são usados para criar
 espaço entre uma seção

165
00:06:36,095 --> 00:06:39,985
e o elemento
 contido dentro dela. 

166
00:06:39,980 --> 00:06:42,650
Espero que agora você tenha

167
00:06:42,650 --> 00:06:46,930
uma boa compreensão do que
 nossas margens e redemoinhos aumentam. 

168
00:06:46,925 --> 00:06:48,155
Mais uma fina rápida,

169
00:06:48,155 --> 00:06:49,885
você também pode reorganizar

170
00:06:49,880 --> 00:06:52,760
seções simplesmente
 clicando e arrastando. 

171
00:06:52,760 --> 00:06:56,210
Se eu quisesse mover a
 seção segurando a margem,

172
00:06:56,210 --> 00:06:57,940
também
 estou segurando a
 imagem no topo. 

173
00:06:57,935 --> 00:07:01,045
Basta clicar e segurar
 o botão Editar seção. 

174
00:07:01,040 --> 00:07:03,140
Agora você pode ver que está me
 permitindo mexer. 

175
00:07:03,140 --> 00:07:04,970
Eu posso movê-lo todo o
 caminho até o nariz. 

176
00:07:04,970 --> 00:07:07,660
Aguarde até que o traço azul ou
 o BlueLine apareça
 e,

177
00:07:07,655 --> 00:07:10,765
em seguida, basta liberar uma
 introdução do dia da luz da imagem. 

178
00:07:10,760 --> 00:07:12,200
Você tem essa opção aqui

179
00:07:12,200 --> 00:07:13,580
com elementos
 o que
 permite

180
00:07:13,580 --> 00:07:16,130
reorganizar nossas seções. 

181
00:07:16,130 --> 00:07:18,890
Você também pode reorganizar colunas

182
00:07:18,890 --> 00:07:21,740
e eu estou duplicando rapidamente
 essa coluna aqui. 

183
00:07:21,740 --> 00:07:22,940
Deixe-me mudar essa imagem
 rapidamente

184
00:07:22,940 --> 00:07:24,260
apenas para lhe dar uma demonstração
 muito,

185
00:07:24,260 --> 00:07:27,590
muito rápida,
 deixe-me escolher esta imagem. 

186
00:07:27,590 --> 00:07:29,090
Então, posso simplesmente

187
00:07:29,090 --> 00:07:31,360
clicar onde você tem
 o botão Editar coluna. 

188
00:07:31,355 --> 00:07:32,765
E então nós organizamos. 

189
00:07:32,764 --> 00:07:35,364
Eles podem ver onde o alcance de
 volta como você pode ver. 

190
00:07:35,360 --> 00:07:37,370
Então você tem essa opção

191
00:07:37,370 --> 00:07:39,980
disponível com
 elementar também. 

192
00:07:39,980 --> 00:07:41,330
Portanto, não se preocupe quando começamos a

193
00:07:41,330 --> 00:07:42,650
andar com elementos ou você começa,

194
00:07:42,650 --> 00:07:44,570
ele começa
 a descobrir muito mais recursos

195
00:07:44,570 --> 00:07:46,640
e funcionalidades dos elementos. 

196
00:07:46,640 --> 00:07:47,540
E obrigado por assistir. 

197
00:07:47,540 --> 00:07:50,040
Vejo você na próxima aula.