1
00:00:00,000 --> 00:00:01,730
Muy bien, así que con
todas las cosas aburridas

2
00:00:01,725 --> 00:00:02,885
fuera del camino, lemon,

3
00:00:02,880 --> 00:00:05,640
te
mostraré la interfaz de usuario para

4
00:00:05,640 --> 00:00:07,320
elemental de la interfaz de
usuario y

5
00:00:07,320 --> 00:00:09,570
cómo los elementos son realmente funciona. 

6
00:00:09,570 --> 00:00:12,440
Ahora estoy en mis páginas justo
aquí y lo que voy a hacer
es que

7
00:00:12,435 --> 00:00:16,175
voy a seguir adelante
y editar la página de inicio. 

8
00:00:16,170 --> 00:00:19,110
Lo que vas a hacer es lo
que verás iluminado aquí. 

9
00:00:19,110 --> 00:00:21,710
Verás Editar
con Elementor. 

10
00:00:21,705 --> 00:00:23,495
Va a ser este gran botón
azul justo aquí. 

11
00:00:23,490 --> 00:00:25,590
Entonces vamos a seguir adelante
y dar click en eso. 

12
00:00:25,590 --> 00:00:27,780
Y lo que sucederá aquí
es que se
lanzará elemental

13
00:00:27,780 --> 00:00:31,470
para caminar en
esta página en particular. 

14
00:00:31,470 --> 00:00:33,390
Está bien, esta es la página principal. 

15
00:00:33,385 --> 00:00:35,155
Ahora a la izquierda,
obviamente se puede

16
00:00:35,150 --> 00:00:39,310
ver el cuadro para
elemental, la interfaz de usuario. 

17
00:00:39,305 --> 00:00:41,525
El primero que
quiero mostrarte aquí

18
00:00:41,525 --> 00:00:43,795
son los tres botones aquí mismo,

19
00:00:43,790 --> 00:00:47,100
el menú básicamente,
haces clic ahí. 

20
00:00:47,320 --> 00:00:50,720
Tendrás acceso a cosas
como la configuración del sitio,

21
00:00:50,719 --> 00:00:52,879
acumulación de
FIM, del que
hablaremos un poco más adelante. 

22
00:00:52,880 --> 00:00:54,890
Pero muy rápido,
vamos a bajar

23
00:00:54,890 --> 00:00:57,040
aquí para usar referencias arriba. 

24
00:00:57,035 --> 00:00:59,215
Y no sé de ti. 

25
00:00:59,210 --> 00:01:01,090
A lo mejor te gusta el tema de la luz. 

26
00:01:01,085 --> 00:01:02,395
Me gusta el tema oscuro. 

27
00:01:02,390 --> 00:01:04,580
Entonces lo que voy a hacer aquí
es por el tema de la interfaz de usuario,

28
00:01:04,580 --> 00:01:07,190
voy a cambiar de
formulario, detectar automáticamente. 

29
00:01:07,190 --> 00:01:08,300
Demasiado oscuro. 

30
00:01:08,300 --> 00:01:10,520
Prefiero sólo un fondo negro

31
00:01:10,520 --> 00:01:12,350
y el texto blanco es
simplemente mucho más fresco. 

32
00:01:12,350 --> 00:01:13,810
En mi opinión, de nuevo,

33
00:01:13,805 --> 00:01:15,555
esto es enteramente subjetivo,

34
00:01:15,559 --> 00:01:17,349
pero lo voy a mantener tan oscuro. 

35
00:01:17,345 --> 00:01:18,985
Volvamos. 

36
00:01:18,980 --> 00:01:21,730
Aquí adentro. Se puede encontrar

37
00:01:21,725 --> 00:01:23,885
algo dentro de
elemento a cualquier lugar. 

38
00:01:23,885 --> 00:01:25,705
De todos modos, elementos si
lo desea,

39
00:01:25,700 --> 00:01:27,350
puede ver la página,

40
00:01:27,350 --> 00:01:29,630
entonces puede salir
al tablero. 

41
00:01:29,630 --> 00:01:31,940
Pero volvamos. 

42
00:01:31,940 --> 00:01:33,010
Ahora. 

43
00:01:33,005 --> 00:01:37,385
Aquí mismo, tienes elementos
y luego tienes global. 

44
00:01:37,385 --> 00:01:40,075
Global solo funciona con la versión
pagada del elemento. 

45
00:01:40,070 --> 00:01:41,270
Y es entonces cuando
quieres guardar

46
00:01:41,270 --> 00:01:43,400
tu bloque particular
de contenido y usar

47
00:01:43,400 --> 00:01:47,830
ese mismo bloque en otra
página en cualquier lugar de tu sitio web. 

48
00:01:47,825 --> 00:01:50,005
Eso es a lo que
básicamente se refiere global. 

49
00:01:50,000 --> 00:01:52,520
Pero no te preocupes,
hablaremos un poco más tarde. 

50
00:01:52,520 --> 00:01:54,590
Pero estos son tus elementos. 

51
00:01:54,590 --> 00:01:57,830
Tienes elementos básicos
como tu intersección. 

52
00:01:57,830 --> 00:02:00,350
Te dirigirás en editor
de texto de imagen. 

53
00:02:00,350 --> 00:02:02,020
Así que digamos por ejemplo,

54
00:02:02,015 --> 00:02:05,105
querías agregar una
imagen a tu página. 

55
00:02:05,105 --> 00:02:07,765
Simplemente haría clic en
el elemento de imagen y luego

56
00:02:07,760 --> 00:02:11,080
simplemente dejarlo caer dentro de
la caja de ahí mismo. 

57
00:02:11,075 --> 00:02:12,775
Y luego a partir de aquí, puedes

58
00:02:12,770 --> 00:02:14,810
elegir la imagen con la que
quieras trabajar. 

59
00:02:14,810 --> 00:02:16,460
Así que como ejemplo,

60
00:02:16,460 --> 00:02:18,890
permítanme elegir la
imagen de esta chica

61
00:02:18,890 --> 00:02:22,030
aquí
mismo sosteniendo
la bandera brasileña. 

62
00:02:22,025 --> 00:02:23,785
Y ahí está. 

63
00:02:23,780 --> 00:02:26,510
El caso es la mayoría de los
elementos que le dará la bienvenida con

64
00:02:26,510 --> 00:02:29,510
típicamente 3.5 compartimentos principales. 

65
00:02:29,510 --> 00:02:30,770
Si concluyo supere,

66
00:02:30,770 --> 00:02:33,320
tendrá el área de contenido. 

67
00:02:33,320 --> 00:02:37,360
En este caso, aquí es
donde se pueden agregar textos,

68
00:02:37,355 --> 00:02:41,705
imagen, archivos de video,
audio y así sucesivamente. 

69
00:02:41,705 --> 00:02:44,065
Entonces tendrás estilo donde

70
00:02:44,060 --> 00:02:46,240
podrás hacer cosas como
tal vez cambió la ley del carbón,

71
00:02:46,235 --> 00:02:48,155
cambiar el tamaño, agregar

72
00:02:48,155 --> 00:02:50,765
una imagen de fondo desde
la altura y así sucesivamente. 

73
00:02:50,765 --> 00:02:53,835
Y luego tendrás
la pestaña Avanzado. 

74
00:02:53,839 --> 00:02:55,279
Pero puedes hacer cosas como agregar

75
00:02:55,280 --> 00:02:57,450
márgenes, patrones, sin espaciado. 

76
00:02:57,454 --> 00:02:59,614
También podrías agregar
algunos efectos de movimiento,

77
00:02:59,615 --> 00:03:01,345
son algunos bordes y así sucesivamente. 

78
00:03:01,340 --> 00:03:02,980
lo que normalmente,

79
00:03:02,975 --> 00:03:04,975
la
mayoría de los elementos con los que
has estado trabajando

80
00:03:04,970 --> 00:03:08,890
tendrán estas tres
pestañas o compartimentos diferentes. 

81
00:03:08,885 --> 00:03:10,435
Por lo que volviendo

82
00:03:10,430 --> 00:03:11,780
aquí y haces click en
el botón aquí arriba,

83
00:03:11,780 --> 00:03:13,670
esto te dará acceso
a todos los elementos. 

84
00:03:13,670 --> 00:03:16,580
Para que puedas ver tenemos
los elementos básicos aquí,

85
00:03:16,580 --> 00:03:18,620
botón
Video, espaciador, etcétera. 

86
00:03:18,620 --> 00:03:21,460
Ahora, se pueden ver los que están en

87
00:03:21,455 --> 00:03:24,145
libertad condicional bajo la versión pagada de la galería de

88
00:03:24,140 --> 00:03:27,280
cartera de posts
elementales. 

89
00:03:27,275 --> 00:03:28,675
Tantos de ellos. 

90
00:03:28,670 --> 00:03:30,110
Por lo que se puede ver en este
momento, porque no estamos

91
00:03:30,110 --> 00:03:32,120
usando la
versión pagada de elemental,

92
00:03:32,120 --> 00:03:34,820
no
tenemos acceso
a todos estos elementos. 

93
00:03:34,820 --> 00:03:36,400
Pero afortunadamente,

94
00:03:36,395 --> 00:03:38,995
porque estamos trabajando

95
00:03:38,990 --> 00:03:41,870
con el complemento de
complementos esenciales,

96
00:03:41,870 --> 00:03:43,600
sí
tenemos acceso a

97
00:03:43,595 --> 00:03:47,725
bastantes
elementos adicionales de forma gratuita. 

98
00:03:47,720 --> 00:03:50,590
Se puede ver aquí mismo
en los átomos esenciales. 

99
00:03:50,585 --> 00:03:53,285
Tienes cosas como
el acordeón avanzado,

100
00:03:53,285 --> 00:03:56,755
llamada a la acción, el botón
creativo inferior, y así sucesivamente. 

101
00:03:56,750 --> 00:03:58,400
Entonces vamos a
entrar con bastantes

102
00:03:58,400 --> 00:04:00,260
de estos elementos. 

103
00:04:00,260 --> 00:04:03,740
Pero volviendo a elementos
o bajo general,

104
00:04:03,740 --> 00:04:06,350
sí
tenemos acceso a
más bloques también. 

105
00:04:06,350 --> 00:04:08,330
Sólo estoy cerca esta coordenada. 

106
00:04:08,330 --> 00:04:09,710
Entonces el general con

107
00:04:09,710 --> 00:04:11,720
la versión gratuita de elementos a los
que tenemos acceso,

108
00:04:11,720 --> 00:04:13,850
más elementos como el cuadro de iconos,

109
00:04:13,850 --> 00:04:16,720
testimonial,
iconos sociales y así sucesivamente. 

110
00:04:16,715 --> 00:04:18,415
Permítanme cerrar esta. 

111
00:04:18,410 --> 00:04:19,670
Y luego tienes sitio. 

112
00:04:19,670 --> 00:04:22,550
Desafortunadamente estos elementos
solo están

113
00:04:22,550 --> 00:04:25,150
disponibles con la versión
pagada de elemental. 

114
00:04:25,145 --> 00:04:26,945
Tienes WooCommerce, de nuevo,

115
00:04:26,945 --> 00:04:29,915
solo disponible con la versión
pagada de elemental. 

116
00:04:29,915 --> 00:04:31,685
Hemos hablado de
los átomos esenciales. 

117
00:04:31,685 --> 00:04:34,015
Entonces este es el otro plug-in. 

118
00:04:34,010 --> 00:04:35,890
Instalamos el
encabezado y pie de página. 

119
00:04:35,885 --> 00:04:37,765
Este plugin nos
permitirá construir

120
00:04:37,760 --> 00:04:39,890
un encabezado personalizado y
el Pie de página personalizado

121
00:04:39,890 --> 00:04:42,050
para nuestra página web
tendrá acceso a

122
00:04:42,050 --> 00:04:44,830
elementos como los elementos del Menú de
Navegación,

123
00:04:44,825 --> 00:04:47,825
página, título del sitio,

124
00:04:47,825 --> 00:04:49,795
logotipo del sitio, y así sucesivamente. 

125
00:04:49,790 --> 00:04:51,560
Y luego por último pero no menos importante,

126
00:04:51,560 --> 00:04:52,850
sí
tenemos acceso a

127
00:04:52,850 --> 00:04:56,570
los widgets de WordPress
como tus páginas,

128
00:04:56,570 --> 00:05:00,820
Callender audio hizo
nuestra búsqueda, y así sucesivamente. 

129
00:05:00,815 --> 00:05:03,765
Vale, eso es eso
para los elementos. 

130
00:05:03,769 --> 00:05:09,219
Ahora, aquí abajo, tienes
acceso a algunos ajustes más. 

131
00:05:09,215 --> 00:05:11,375
Puede sonar un poco
abrumador, pero no te preocupes,

132
00:05:11,375 --> 00:05:12,805
una vez que empiezas bienvenido
con elemental,

133
00:05:12,800 --> 00:05:14,230
en realidad no
es
tan abrumador. 

134
00:05:14,225 --> 00:05:16,315
En realidad es muy,
muy fácil trabajar con ellos. 

135
00:05:16,310 --> 00:05:18,130
Aquí bajo ajustes. 

136
00:05:18,125 --> 00:05:20,065
En aquí, puedes hacer cosas

137
00:05:20,060 --> 00:05:22,310
como cambiar el
título de la página,

138
00:05:22,310 --> 00:05:25,370
cambiar el estado de
publicado a Penn y revisar,

139
00:05:25,370 --> 00:05:27,440
puedes agregar tu imagen destacada. 

140
00:05:27,440 --> 00:05:29,690
También puedes
optar por ocultar el título,

141
00:05:29,690 --> 00:05:31,720
que de hecho, hagamos eso. 

142
00:05:31,715 --> 00:05:32,845
Ok, voy a ocultar el título. 

143
00:05:32,840 --> 00:05:35,240
Quiero decir, cuántas veces
vas en un sitio web y luego en

144
00:05:35,240 --> 00:05:38,510
la página de inicio dice trivalente
casa hacer eso. 

145
00:05:38,510 --> 00:05:39,970
Así que vamos a seguir adelante y esconder

146
00:05:39,965 --> 00:05:42,905
el título y luego
el diseño de la página. 

147
00:05:42,905 --> 00:05:44,845
Te lo explicaré
un poco más tarde

148
00:05:44,840 --> 00:05:47,300
medida que avanzamos en el curso. 

149
00:05:47,300 --> 00:05:50,090
Entonces tienes la alarma,

150
00:05:50,090 --> 00:05:53,320
lo siento, sí tienes la barra de progreso de
lectura. 

151
00:05:53,315 --> 00:05:56,815
Esto lo proporciona el complemento
esencial de complementos. 

152
00:05:56,810 --> 00:05:59,870
Básicamente, el punto aquí es
que es posible que hayas visto en

153
00:05:59,870 --> 00:06:01,130
algunos episodios antes donde

154
00:06:01,130 --> 00:06:02,960
medida que comienza a
desplazarse hacia abajo por la página,

155
00:06:02,960 --> 00:06:04,930
verás como una barra IDA

156
00:06:04,925 --> 00:06:07,585
moviéndose horizontal
o verticalmente

157
00:06:07,580 --> 00:06:09,620
indicando cuánto de

158
00:06:09,620 --> 00:06:11,030
la cantidad de
realmente leído y
cuánto

159
00:06:11,030 --> 00:06:12,470
más contenido
aún tienes que comer. 

160
00:06:12,470 --> 00:06:14,300
Por lo que sí tienes ese
futuro inhalar. 

161
00:06:14,300 --> 00:06:16,330
Vamos a echar un vistazo a
eso un poco más tarde. 

162
00:06:16,325 --> 00:06:18,475
Y luego Tabla de
Contenidos ir a la cima. 

163
00:06:18,470 --> 00:06:21,540
No te preocupes,
hablaremos de esos más tarde. 

164
00:06:21,544 --> 00:06:25,774
Y luego bajo estilo aquí mismo,

165
00:06:25,775 --> 00:06:27,625
puedes cambiar el tipo de cuerpo. 

166
00:06:27,620 --> 00:06:30,310
Puedes agregar un
color de fondo si lo deseas. 

167
00:06:30,305 --> 00:06:31,495
Vienes aquí ahora mismo,

168
00:06:31,490 --> 00:06:34,880
elige como el
color primario del azul y así sucesivamente. 

169
00:06:34,880 --> 00:06:36,820
Pero por ahora sólo voy a

170
00:06:36,815 --> 00:06:39,215
seguir
adelante y desmarcar abajo uno. 

171
00:06:39,215 --> 00:06:41,395
Y luego finalmente, tienes el

172
00:06:41,390 --> 00:06:42,830
avanzado donde puedes agregar

173
00:06:42,830 --> 00:06:44,930
tu propio disfraz,
nuestro código JavaScript,
o algún código

174
00:06:44,930 --> 00:06:47,900
CSS personalizado,

175
00:06:47,900 --> 00:06:49,430
que lamentablemente
solo está disponible con

176
00:06:49,430 --> 00:06:52,170
la versión de pago de elemental. 

177
00:06:52,174 --> 00:06:53,614
De acuerdo, sigamos adelante. 

178
00:06:53,615 --> 00:06:54,625
Junto a la sentencia. 

179
00:06:54,620 --> 00:06:56,650
Tú, tienes al Navigator. 

180
00:06:56,645 --> 00:06:59,605
Ahora lo que pasa con navegar
TO es que una vez que empiece a

181
00:06:59,600 --> 00:07:02,870
agregar elementos y
contenido a tu página,

182
00:07:02,869 --> 00:07:06,589
la parte inferior del navegador te
permitirá ver básicamente

183
00:07:06,590 --> 00:07:08,840
toda
la estructura en

184
00:07:08,840 --> 00:07:11,750
un formato jerárquico 
de toda tu página. 

185
00:07:11,750 --> 00:07:14,120
Por lo que puede ser muy, muy fácil
para nosotros buscar rápidamente

186
00:07:14,120 --> 00:07:16,850
un elemento o libro en particular con el
que quieras trabajar. 

187
00:07:16,850 --> 00:07:19,430
Eso es lo que es importante la navegación
o la navegación. 

188
00:07:19,430 --> 00:07:21,860
Por lo tanto, Next es la historia. 

189
00:07:21,860 --> 00:07:24,440
Entonces si haces cosas como

190
00:07:24,440 --> 00:07:27,610
cambiar el color o básicamente
si haces algo en absoluto,

191
00:07:27,605 --> 00:07:29,125
estará en la pestaña Historia

192
00:07:29,120 --> 00:07:30,310
y lo podrás ver aquí mismo,

193
00:07:30,305 --> 00:07:33,205
justo desde el principio
cuando empezamos a editar,

194
00:07:33,200 --> 00:07:35,060
si cambiamos la preferencia del
usuario

195
00:07:35,060 --> 00:07:36,380
por el tema de la interfaz de usuario
desde la luz,

196
00:07:36,380 --> 00:07:38,120
desde nuestro auto, demasiado oscuro,

197
00:07:38,120 --> 00:07:39,710
puedes ver que está ahí mismo. 

198
00:07:39,710 --> 00:07:41,090
Agregamos una imagen,

199
00:07:41,090 --> 00:07:42,170
golpeamos el título de la página

200
00:07:42,170 --> 00:07:43,340
para que puedas
entrar fácilmente aquí en este

201
00:07:43,340 --> 00:07:46,530
momento y revertir
cualquiera de estas acciones. 

202
00:07:46,534 --> 00:07:47,604
Y luego tienes revisiones. 

203
00:07:47,600 --> 00:07:49,520
Las revisiones es un poco más,

204
00:07:49,520 --> 00:07:51,740
¿qué pasa ahora? Un
poco más robusto. 

205
00:07:51,740 --> 00:07:53,560
Normalmente en las
revisiones, aquí es donde

206
00:07:53,555 --> 00:07:56,065
una vez que hayas actualizado y
hayas guardado tu página,

207
00:07:56,060 --> 00:07:59,780
verás esos cambios
en tu visión se detiene. 

208
00:07:59,780 --> 00:08:02,240
Por lo que es un poco más
robusto y acciones. 

209
00:08:02,240 --> 00:08:03,380
Entonces esa es la grasa. 

210
00:08:03,380 --> 00:08:04,720
Y luego aquí,

211
00:08:04,715 --> 00:08:06,925
tienes el modo de respuesta. 

212
00:08:06,920 --> 00:08:08,570
Usted hace clic aquí. 

213
00:08:08,570 --> 00:08:12,490
Ahora puede
elegir la vista de escritorio,

214
00:08:12,485 --> 00:08:15,925
vista de
Tablet o la vista móvil. 

215
00:08:15,920 --> 00:08:18,620
Y lo delgado es que
incluso puedes llegar a ser muy, muy,

216
00:08:18,620 --> 00:08:22,330
muy específico con el
ancho de tu pantalla. 

217
00:08:22,325 --> 00:08:24,355
Así digamos por ejemplo, si
elegí mesa
aquí mismo

218
00:08:24,350 --> 00:08:26,270
ves estas
manijas izquierda y derecha. 

219
00:08:26,270 --> 00:08:31,370
En realidad se puede mover
a una determinada dimensión. 

220
00:08:31,370 --> 00:08:32,750
Y por supuesto OPIA,
tendrás

221
00:08:32,750 --> 00:08:34,490
el ancho y la altura. 

222
00:08:34,490 --> 00:08:37,100
Si tienes un tipo específico
de dispositivo que quieras

223
00:08:37,100 --> 00:08:39,380
ver
cómo
has

224
00:08:39,380 --> 00:08:41,300
configurado se verá como
en el dispositivo en particular. 

225
00:08:41,300 --> 00:08:42,670
Nosotros muy específicamente dimensiones. 

226
00:08:42,665 --> 00:08:44,005
Puedes entrar aquí y cambiar

227
00:08:44,000 --> 00:08:45,200
las dimensiones para el ancho

228
00:08:45,200 --> 00:08:48,290
así
como la altura. 

229
00:08:48,290 --> 00:08:50,950
Pero voy a volver, cambiar
al

230
00:08:50,945 --> 00:08:54,335
escritorio y
luego dividirme aquí. 

231
00:08:54,335 --> 00:08:58,105
Puedes previsualizar tus cambios
una vez que los hayas hecho. 

232
00:08:58,100 --> 00:08:59,980
Y luego finalmente, puedes actualizar

233
00:08:59,975 --> 00:09:01,615
toda la luz que bajo Opciones de
Guardar. 

234
00:09:01,610 --> 00:09:02,900
Puedes guardar como borrador

235
00:09:02,900 --> 00:09:05,390
o puedes guardar como
una hebra de plantilla. 

236
00:09:05,390 --> 00:09:07,250
Como plantilla significa
que puedes reutilizar

237
00:09:07,250 --> 00:09:10,910
exactamente
el mismo contenido
en otra página. 

238
00:09:10,910 --> 00:09:13,990
Entonces esto es básicamente
como un desglose

239
00:09:13,985 --> 00:09:18,655
de cómo elemental camina
detrás de escena,

240
00:09:18,650 --> 00:09:20,710
la interfaz de usuario,
cómo agregar elementos. 

241
00:09:20,705 --> 00:09:22,135
Nuevamente, no te preocupes
si parece muy,

242
00:09:22,130 --> 00:09:25,510
muy abrumador, Azure
comienza a caminar con elemental. 

243
00:09:25,505 --> 00:09:28,595
Se volverá muy fácil
para ti trabajar con ellos. 

244
00:09:28,595 --> 00:09:30,515
Eso fue básicamente
un curso de bloqueo

245
00:09:30,515 --> 00:09:33,155
en la
interfaz de usuario elemental. Gracias por ver. 

246
00:09:33,155 --> 00:09:34,345
Únete a mí en la siguiente clase,

247
00:09:34,340 --> 00:09:35,620
ahora
comenzaremos a establecer

248
00:09:35,615 --> 00:09:39,065
nuestras variables globales. 
Te veré entonces.