1
00:00:00,000 --> 00:00:01,260
Solo quiero pasar
unos minutos más

2
00:00:01,260 --> 00:00:02,550
para pasearte por

3
00:00:02,550 --> 00:00:05,820
los conceptos generales
de secciones,

4
00:00:05,820 --> 00:00:09,810
columnas, así como elementos
y patrones y márgenes. 

5
00:00:09,810 --> 00:00:11,520
Tal y como te mostré anteriormente. 

6
00:00:11,520 --> 00:00:12,870
Si quieres agregar un elemento,

7
00:00:12,870 --> 00:00:14,310
simplemente
puedes arrastrar desde

8
00:00:14,310 --> 00:00:15,780
el lado izquierdo y

9
00:00:15,780 --> 00:00:17,540
luego simplemente lo
dejarán caer en la diapositiva. 

10
00:00:17,535 --> 00:00:19,895
Ahora la cosa es
automáticamente cada vez que

11
00:00:19,890 --> 00:00:22,220
estás agregando elementos
con Elementor,

12
00:00:22,215 --> 00:00:24,335
se
creará
una sección y economía

13
00:00:24,330 --> 00:00:27,420
para ese elemento
en particular. 

14
00:00:27,420 --> 00:00:30,530
Acabamos de caer en los elementos del editor de
texto. 

15
00:00:30,525 --> 00:00:32,675
Y ahora te darías
cuenta justo aquí arriba

16
00:00:32,670 --> 00:00:34,950
tenemos esta línea azul aquí. 

17
00:00:34,950 --> 00:00:38,230
Esta va a ser
esta sección sosteniendo

18
00:00:38,230 --> 00:00:42,830
la columna que sostiene
la edición de texto. Todos. 

19
00:00:42,830 --> 00:00:44,080
Aviso aquí mismo,
tienes

20
00:00:44,075 --> 00:00:45,475
este
botón marrón justo aquí. 

21
00:00:45,470 --> 00:00:46,580
Y si pongo el cursor sobre
él,

22
00:00:46,580 --> 00:00:48,350
dice Editar Columna. 

23
00:00:48,350 --> 00:00:51,080
Ahora este es el
elemento real en sí,

24
00:00:51,080 --> 00:00:52,690
la herramienta de edición de texto real. 

25
00:00:52,685 --> 00:00:54,565
Una vez más, la forma en que
camina elemental

26
00:00:54,560 --> 00:00:56,570
está ahí
tendrás un elemento,

27
00:00:56,570 --> 00:00:58,970
ya sea una imagen, un
video o un botón. 

28
00:00:58,970 --> 00:01:01,550
Y luego se mantendrá una columna,

29
00:01:01,550 --> 00:01:03,580
contendrá ese elemento. 

30
00:01:03,575 --> 00:01:05,785
Tanto en la columna como en
los elementos
estarán

31
00:01:05,780 --> 00:01:08,390
dentro de una sección. 

32
00:01:08,390 --> 00:01:11,390
Es algo así como una columna de sección de
estructura jerárquica

33
00:01:11,390 --> 00:01:13,400
entonces el elemento real. 

34
00:01:13,400 --> 00:01:14,950
Ahora al igual que con
la edición,

35
00:01:14,945 --> 00:01:16,675
el elemento donde
tendrás acceso

36
00:01:16,670 --> 00:01:18,730
al estilo de contenido avanzado. 

37
00:01:18,725 --> 00:01:22,835
También puede editar la columna que
contiene ese elemento. 

38
00:01:22,835 --> 00:01:24,445
Se puede ver que he rondado en

39
00:01:24,440 --> 00:01:26,450
la parte inferior aquí,
dice Editar columna. 

40
00:01:26,450 --> 00:01:27,920
Usted hace clic ahí. 

41
00:01:27,920 --> 00:01:29,240
Y luego tendrás acceso al

42
00:01:29,240 --> 00:01:31,010
estilo de
diseño y avanzado. 

43
00:01:31,010 --> 00:01:33,290
Con el diseño, puedes
hacer cosas como tal vez

44
00:01:33,290 --> 00:01:36,340
reducir la longitud de la columna. 

45
00:01:36,335 --> 00:01:38,125
Se puede cambiar la alineación. 

46
00:01:38,120 --> 00:01:40,280
Puede agregar fluidos de etiquetas HTML. 

47
00:01:40,280 --> 00:01:43,070
Puedes dar estilo a la
columna y queremos
añadir

48
00:01:43,070 --> 00:01:46,190
un fondo negro
como en un fondo rojo. 

49
00:01:46,190 --> 00:01:48,340
Y quieres añadir una
imagen, cosas así. 

50
00:01:48,335 --> 00:01:51,215
Para que muchas cosas se
puedan hacer todas con la columna. 

51
00:01:51,215 --> 00:01:54,185
Ahora, si hace clic con
el botón derecho en el botón Editar columna,

52
00:01:54,185 --> 00:01:56,275
puede hacer cosas como
agregar una nueva columna, columna

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

54
00:01:57,725 --> 00:02:00,535
Incluso podrías copiar
y pegar el estilo. 

55
00:02:00,530 --> 00:02:02,840
mejor agregaste un fondo
negro,

56
00:02:02,840 --> 00:02:04,220
cambias el estilo de
fuente

57
00:02:04,220 --> 00:02:06,770
texto y
quieres reutilizar ese estilo,

58
00:02:06,770 --> 00:02:08,810
simplemente
copias el
estilo y luego
puedes

59
00:02:08,810 --> 00:02:11,180
perforar su estilo
están en otro lugar. 

60
00:02:11,180 --> 00:02:13,670
Lo mismo va con esta
sección aquí también. 

61
00:02:13,670 --> 00:02:15,910
Si hago clic en el botón editar
sección aquí arriba. 

62
00:02:15,905 --> 00:02:19,285
Ahora ya ves tengo acceso
al estilo de layout avanzado. 

63
00:02:19,280 --> 00:02:22,190
Al igual que con el diseño, puedo
cambiar esto a ancho completo. 

64
00:02:22,190 --> 00:02:24,290
Tal vez pueda cambiar

65
00:02:24,290 --> 00:02:26,510
el tamaño o la longitud
del ancho desnudo,
muy,

66
00:02:26,510 --> 00:02:28,580
muy amplia disponibilidad
ahora
lo haré,

67
00:02:28,580 --> 00:02:31,270
puedo cambiar la altura
también si quisiera. 

68
00:02:31,265 --> 00:02:32,765
Puedo hacer muchas cosas. 

69
00:02:32,765 --> 00:02:34,195
Lo mismo va con su estilo. 

70
00:02:34,190 --> 00:02:38,080
De nuevo, puedo agregar un
color de fondo. Si quisiera. 

71
00:02:38,080 --> 00:02:40,210
Puedo hacer varias cosas como agregar

72
00:02:40,210 --> 00:02:42,790
efectos de
movimiento y así sucesivamente. 

73
00:02:42,790 --> 00:02:44,140
Al igual que con el entorno de
columnas,

74
00:02:44,140 --> 00:02:46,740
haga clic en el
botón Editar sección aquí mismo. 

75
00:02:46,735 --> 00:02:48,475
Puedes sentarte y hacer cosas como

76
00:02:48,475 --> 00:02:50,725
editar sección y
yo puedo duplicar. 

77
00:02:50,724 --> 00:02:53,294
Incluso puedo guardar como plantilla de la
que hablaremos

78
00:02:53,290 --> 00:02:56,470
cuando estemos usando Elementor Pro. 

79
00:02:56,470 --> 00:02:59,950
Ahora, déjame
hablarte rápidamente del concepto de

80
00:02:59,950 --> 00:03:02,040
márgenes y patrones porque

81
00:03:02,035 --> 00:03:04,005
esto va a ser muy,
muy, muy importante. 

82
00:03:04,000 --> 00:03:05,800
Ahora, tengo una sección

83
00:03:05,800 --> 00:03:07,860
aquí sosteniendo este editor de
texto escribe. 

84
00:03:07,855 --> 00:03:10,005
Lo que voy a hacer
es que voy a añadir

85
00:03:10,000 --> 00:03:13,390
una imagen a otra sección. 

86
00:03:13,390 --> 00:03:17,100
Lambdas eligen rápidamente
una imagen con la que caminar. 

87
00:03:17,095 --> 00:03:19,085
Déjame ir a mi mediateca. 

88
00:03:19,080 --> 00:03:21,960
Permítanme elegir esta
imagen aquí mismo. 

89
00:03:22,210 --> 00:03:24,830
Ahora, echa un vistazo a esto. 

90
00:03:24,830 --> 00:03:30,520
Permítanme añadir un
color de fondo a la sección aquí. 

91
00:03:30,515 --> 00:03:33,025
No te preocupes,
te mostraré todo esto un poco más tarde. 

92
00:03:33,020 --> 00:03:35,660
Muy bien. ¿Cuáles son
exactamente los de margen? 

93
00:03:35,660 --> 00:03:39,370
Los márgenes se utilizan para agregar
espacio entre secciones. 

94
00:03:39,365 --> 00:03:40,705
Entonces en este momento tenemos una sección

95
00:03:40,700 --> 00:03:42,050
aquí sosteniendo este editor de
texto con

96
00:03:42,050 --> 00:03:43,520
el fondo rojo tendría

97
00:03:43,520 --> 00:03:46,120
otra sección aquí
sosteniendo la imagen. 

98
00:03:46,115 --> 00:03:49,655
Si quisiera crear mucho
espacio entre estos dos,

99
00:03:49,655 --> 00:03:51,355
realidad
podría usar

100
00:03:51,350 --> 00:03:53,960
enrealidad
podría usar
un elemento aquí
llamado elemento espaciador. 

101
00:03:53,960 --> 00:03:56,330
Se puede decir conjugar
espaciador y luego
dejarlo

102
00:03:56,330 --> 00:03:59,230
entre estas dos secciones. 

103
00:03:59,225 --> 00:04:01,585
Pero otra forma de hacerlo
sería

104
00:04:01,580 --> 00:04:04,100
ir a cualquiera
de estas secciones. 

105
00:04:04,099 --> 00:04:06,549
Voy a ir a la
primera sección de aquí. 

106
00:04:06,545 --> 00:04:10,865
Voy a ir a Advanced
y variedad de margen conseguido. 

107
00:04:10,865 --> 00:04:13,495
Ahora tenga en cuenta que por defecto,

108
00:04:13,490 --> 00:04:15,560
puede agregar márgenes
y patrones a

109
00:04:15,560 --> 00:04:19,040
los cuatro lados de una
sección a la izquierda,

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

111
00:04:21,380 --> 00:04:25,450
Ahora si iba a agregar un margen
a arriba o abajo,

112
00:04:25,445 --> 00:04:27,565
puede ver que están encadenados,

113
00:04:27,560 --> 00:04:29,570
que significa lo que sea
que añada a arriba,

114
00:04:29,570 --> 00:04:31,690
también se agregará a
la parte inferior. 

115
00:04:31,685 --> 00:04:34,375
Si querías agregar valores para

116
00:04:34,370 --> 00:04:37,070
un lado específico,
quieres comenzar desde 0. 

117
00:04:37,070 --> 00:04:39,310
En primer lugar, Cero. 

118
00:04:39,305 --> 00:04:41,215
Vienes aquí y luego
puedes

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

120
00:04:43,160 --> 00:04:46,190
Así que ahora mismo puedes simplemente
agregar para arriba son los márgenes derecho

121
00:04:46,190 --> 00:04:47,690
e izquierdo
para elemental se

122
00:04:47,690 --> 00:04:49,250
establecen a auto por defecto,

123
00:04:49,250 --> 00:04:51,040
no
puedes hacer un
ingenuo ahí. 

124
00:04:51,035 --> 00:04:53,605
Pero ahora nota que si empiezo

125
00:04:53,600 --> 00:04:56,620
a agregar márgenes a la parte inferior
de la primera sección,

126
00:04:56,615 --> 00:04:58,645
observe que es sección sosteniendo

127
00:04:58,640 --> 00:05:01,490
la imagen no está
siendo empujada hacia abajo. 

128
00:05:01,490 --> 00:05:03,320
Eso es porque estoy
creando espacio

129
00:05:03,320 --> 00:05:08,200
entre esta primera sección
y esta segunda sección. 

130
00:05:08,195 --> 00:05:11,425
Además, si
quisiera,

131
00:05:11,420 --> 00:05:14,620
podría hacer el revés
para la segunda sección. 

132
00:05:14,615 --> 00:05:16,915
Puedo ir a Editar sección aquí
cerca para la segunda,

133
00:05:16,910 --> 00:05:19,480
ir a Avanzado. Desvincular se desarrolla. 

134
00:05:19,475 --> 00:05:22,255
Y ahora en lugar de una
imaginada en la parte inferior,

135
00:05:22,250 --> 00:05:24,320
puedo sumar en la parte superior. 

136
00:05:24,320 --> 00:05:27,410
Por lo que ahora se puede ver estamos
empujando esta sección sosteniendo

137
00:05:27,410 --> 00:05:29,020
la imagen hacia abajo desde

138
00:05:29,015 --> 00:05:31,315
la primera sección que dice
lo que los márgenes son útiles. 

139
00:05:31,310 --> 00:05:34,130
Son útiles creando
espaciado entre secciones. 

140
00:05:34,130 --> 00:05:36,860
Uno de patrones,
porque tienen patrones. 

141
00:05:36,860 --> 00:05:39,950
Los patrones se utilizan para
crear espacio entre

142
00:05:39,950 --> 00:05:43,940
un elemento y su
borde o su columna. 

143
00:05:43,940 --> 00:05:47,290
A modo de ejemplo, voy a
usar aquí el editor de texto. 

144
00:05:47,285 --> 00:05:49,255
Muy bien, así que
voy a entrar ahí. 

145
00:05:49,250 --> 00:05:51,520
Voy a ir a Advanced. 

146
00:05:51,515 --> 00:05:53,465
Y ahora mismo aquí,

147
00:05:53,465 --> 00:05:55,905
puedes ver que tengo
el patrón disponible. 

148
00:05:55,909 --> 00:05:57,789
Voy a desvincular los valores. 

149
00:05:57,785 --> 00:06:01,225
Y ahora si empiezo a
agregar relleno aquí mismo,

150
00:06:01,220 --> 00:06:03,260
se
puede ver que estoy
creando espacio entre

151
00:06:03,260 --> 00:06:05,800
el editor de texto y

152
00:06:05,795 --> 00:06:08,245
su propia sección
aquí en la parte superior. 

153
00:06:08,240 --> 00:06:09,680
Puedo ir al fondo,

154
00:06:09,680 --> 00:06:11,300
hacer exactamente lo mismo también. 

155
00:06:11,300 --> 00:06:12,770
Para que puedan ver
ahora mismo estoy
creando básicamente

156
00:06:12,770 --> 00:06:14,090
espacio para mis textos,

157
00:06:14,090 --> 00:06:16,660
una herramienta dentro de su propia sección. 

158
00:06:16,655 --> 00:06:19,375
eso
se utilizan los patrones. 

159
00:06:19,370 --> 00:06:22,370
Utilizan para crear espacio para

160
00:06:22,370 --> 00:06:26,180
unos elementos dentro de su
propia columna o de su sección. 

161
00:06:26,180 --> 00:06:28,400
Eso es básicamente lo que
los patrones son útiles. 

162
00:06:28,400 --> 00:06:29,750
Entonces esa es la diferencia
entre los márgenes son los patrones. 

163
00:06:29,750 --> 00:06:32,540
Los márgenes se utilizan para crear
espacio entre secciones. 

164
00:06:32,540 --> 00:06:36,100
Los patrones se utilizan para crear
espacio entre una sección

165
00:06:36,095 --> 00:06:39,985
y el elemento
contenido en su interior. 

166
00:06:39,980 --> 00:06:42,650
Ojalá, ahora tengan

167
00:06:42,650 --> 00:06:46,930
una buena comprensión de lo que
nuestros márgenes y remates se levantan. 

168
00:06:46,925 --> 00:06:48,155
Una delgada rápida más,

169
00:06:48,155 --> 00:06:49,885
también
podría reorganizar

170
00:06:49,880 --> 00:06:52,760
secciones simplemente haciendo
clic y arrastrando. 

171
00:06:52,760 --> 00:06:56,210
Si quisiera mover la
sección sosteniendo el margen,

172
00:06:56,210 --> 00:06:57,940
también
estoy sosteniendo la
imagen a la parte superior. 

173
00:06:57,935 --> 00:07:01,045
Simplemente pulsaré y mantendré pulsado
el botón editar sección. 

174
00:07:01,040 --> 00:07:03,140
Ahora puedes ver que me está
permitiendo moverme. 

175
00:07:03,140 --> 00:07:04,970
Puedo moverlo todo el
camino por tu nariz. 

176
00:07:04,970 --> 00:07:07,660
Espere a que aparezca el guión azul o
el BlueLine,

177
00:07:07,655 --> 00:07:10,765
y luego simplemente suelte una
intro del día de luz de la imagen. 

178
00:07:10,760 --> 00:07:12,200
Sí tienes esta opción aquí

179
00:07:12,200 --> 00:07:13,580
con elementwise
lo que
te permite

180
00:07:13,580 --> 00:07:16,130
reorganizar nuestras secciones. 

181
00:07:16,130 --> 00:07:18,890
También podrías reorganizar columnas

182
00:07:18,890 --> 00:07:21,740
y estoy simplemente rápidamente duplica
esta columna aquí. 

183
00:07:21,740 --> 00:07:22,940
Permítanme cambiar esta imagen muy

184
00:07:22,940 --> 00:07:24,260
rápido sólo para darte una demostración
muy,

185
00:07:24,260 --> 00:07:27,590
muy rápida,
déjame elegir esta imagen. 

186
00:07:27,590 --> 00:07:29,090
Por lo que simplemente puedo

187
00:07:29,090 --> 00:07:31,360
hacer click donde tengas
el botón Editar Columna. 

188
00:07:31,355 --> 00:07:32,765
Y luego arreglaremos. 

189
00:07:32,764 --> 00:07:35,364
Pueden ver dónde van de
vuelta como se puede ver. 

190
00:07:35,360 --> 00:07:37,370
Por lo que sí tienes esa opción

191
00:07:37,370 --> 00:07:39,980
disponible con
elemental también. 

192
00:07:39,980 --> 00:07:41,330
Así que no te preocupes ya que empezamos a

193
00:07:41,330 --> 00:07:42,650
caminar con elementos o comienzas,

194
00:07:42,650 --> 00:07:44,570
comienza
a descubrir muchas más características

195
00:07:44,570 --> 00:07:46,640
y funcionalidades de los elementos. 

196
00:07:46,640 --> 00:07:47,540
Y gracias por mirar. 

197
00:07:47,540 --> 00:07:50,040
Te veré en la siguiente clase.