1
00:00:00,000 --> 00:00:01,200
Muy bien, Así que empecemos a

2
00:00:01,200 --> 00:00:03,600
diseñar nuestro encabezado
para que sea receptivo

3
00:00:03,600 --> 00:00:08,330
y Lambda te muestre los
estados tal y como es en este momento. 

4
00:00:08,325 --> 00:00:11,795
El escritorio está más o menos hecho. 

5
00:00:11,790 --> 00:00:15,260
Cuando comenzamos a minimizar
la pantalla de nuestro navegador. 

6
00:00:15,255 --> 00:00:16,865
Ya se puede ver
que en este punto

7
00:00:16,860 --> 00:00:18,390
esta sería la vista de la tableta. 

8
00:00:18,390 --> 00:00:21,600
Y se puede ver que el
logotipo se vuelve mucho más pequeño. 

9
00:00:21,600 --> 00:00:23,790
El menú también
se ha transformado en

10
00:00:23,790 --> 00:00:26,940
el tradicional menú de hamburguesas. 

11
00:00:26,940 --> 00:00:32,400
Y está bien, pero
definitivamente se puede mejorar. 

12
00:00:32,395 --> 00:00:34,975
Pero entonces si nos vamos un
poco más pequeños ahora se puede

13
00:00:34,970 --> 00:00:37,450
ver aquí es donde las cosas se
ven realmente, realmente malas. 

14
00:00:37,445 --> 00:00:38,545
Esta es la vista móvil,

15
00:00:38,540 --> 00:00:40,070
la para el teléfono móvil. 

16
00:00:40,070 --> 00:00:41,330
Por lo que necesitábamos hacer

17
00:00:41,330 --> 00:00:43,370
algunos cambios aquí. 
Voy a seguir adelante. 

18
00:00:43,370 --> 00:00:45,110
Y en realidad antes de hacer eso,

19
00:00:45,110 --> 00:00:48,670
déjame mostrarte el otro
encabezado, el encabezado global. 

20
00:00:48,665 --> 00:00:51,565
Vamos a la
página de contacto y
notarás

21
00:00:51,560 --> 00:00:54,970
que esta es
un poco mejor. 

22
00:00:54,965 --> 00:00:57,835
Tenemos el fondo negro
y luego en vista móvil,

23
00:00:57,830 --> 00:00:59,900
pesar de que el menú de hamburguesas

24
00:00:59,900 --> 00:01:01,580
está desalineado con el logo,

25
00:01:01,580 --> 00:01:03,410
sigue siendo mucho mejor
porque no tenemos

26
00:01:03,410 --> 00:01:06,340
ningún espacio en blanco en la parte superior. 

27
00:01:06,335 --> 00:01:08,425
Muy bien, voy a seguir adelante y

28
00:01:08,420 --> 00:01:10,910
editar los encabezados de la página de inicio. 

29
00:01:10,905 --> 00:01:12,645
Vamos a Editar con Elementor

30
00:01:12,649 --> 00:01:14,639
y luego la página principal se dirige hacia arriba. 

31
00:01:14,640 --> 00:01:18,720
Ahora vamos a cambiar al modo de
respuesta aquí abajo. 

32
00:01:18,715 --> 00:01:21,645
Modo de respuesta, vamos a
cambiar a la mesa primero. 

33
00:01:21,640 --> 00:01:24,000
Ahora, quiero mostrarte
algo muy rápido. 

34
00:01:23,995 --> 00:01:26,695
Muy bien, déjame
volver a la respuesta. 

35
00:01:26,695 --> 00:01:29,685
De forma predeterminada, tu menú principal o

36
00:01:29,680 --> 00:01:31,060
un menú destacado
habilitado se convirtió en

37
00:01:31,060 --> 00:01:33,070
el menú de hamburguesas
en la vista de tableta,

38
00:01:33,070 --> 00:01:36,820
sin embargo, ten en cuenta que

39
00:01:36,820 --> 00:01:39,570
no siempre tienes que seguir
la configuración predeterminada. 

40
00:01:39,565 --> 00:01:42,195
este momento si cambio a
mesa, como se puede ver,

41
00:01:42,190 --> 00:01:44,890
se ha vuelto
al menú de hamburguesas. 

42
00:01:44,890 --> 00:01:47,580
Y eso es porque si
tuviera que hacer clic y

43
00:01:47,575 --> 00:01:50,575
editar el menú principal
en el diseño,

44
00:01:50,575 --> 00:01:51,975
verá lostamaños de pantalla de tableta de
punto de rupturapositivo de Estados Unidos

45
00:01:51,970 --> 00:01:55,180
tamaños de pantalla de tableta de
punto de ruptura

46
00:01:55,180 --> 00:01:57,390
de 1025 píxeles y por debajo. 

47
00:01:57,390 --> 00:02:01,310
Claro, el menú de hamburguesas blot. 

48
00:02:01,310 --> 00:02:02,690
Si no queremos hacer eso,

49
00:02:02,690 --> 00:02:07,400
voy a cambiar esta a
la vista móvil, en su lugar. 

50
00:02:07,400 --> 00:02:09,680
Una vista de tableta. Aún
tendremos

51
00:02:09,680 --> 00:02:11,620
el menú principal mostrando y
sólo nos transformamos

52
00:02:11,615 --> 00:02:13,165
al menú de hamburguesas

53
00:02:13,160 --> 00:02:15,290
una vez que lleguemos a la vista móvil. 

54
00:02:15,290 --> 00:02:16,910
Vamos a seguir adelante actualización. 

55
00:02:16,910 --> 00:02:18,280
Y veamos qué ha hecho este
pequeño,

56
00:02:18,275 --> 00:02:20,035
pequeño cambio por nosotros. 

57
00:02:20,030 --> 00:02:28,310
Ver la página. Vuelve
a la página principal o caso. 

58
00:02:28,310 --> 00:02:29,480
Por lo que ahora en este punto,

59
00:02:29,480 --> 00:02:30,920
esta es la vista de la tableta. 

60
00:02:30,920 --> 00:02:34,240
Y se puede ver que
en realidad no es tan malo. 

61
00:02:34,235 --> 00:02:37,025
No tienes que
cambiar al móvil,

62
00:02:37,025 --> 00:02:39,595
al menú de hamburguesas
una vez, que es tabletas. 

63
00:02:39,590 --> 00:02:42,230
Por supuesto, si
tuvieras muchos elementos de menú,

64
00:02:42,230 --> 00:02:44,810
digamos 678 artículos que años,

65
00:02:44,810 --> 00:02:47,210
obviamente no
tendrás suficiente espacio. 

66
00:02:47,210 --> 00:02:48,860
Pero instituciones
donde tienes como

67
00:02:48,860 --> 00:02:50,870
cuatro o cinco elementos de menú,

68
00:02:50,870 --> 00:02:53,300
está perfectamente bien
para su exhibición. 

69
00:02:53,300 --> 00:02:57,250
Ellos como están en
el modo tablet. 

70
00:02:57,245 --> 00:02:59,155
Hay dos cambios que
voy a hacer aquí. 

71
00:02:59,150 --> 00:03:00,560
Uno sería aumentar

72
00:03:00,560 --> 00:03:02,630
un
poco
el tamaño del logotipo. 

73
00:03:02,630 --> 00:03:04,850
Y entonces también podríamos
intentar reducir un
poco
el tamaño de

74
00:03:04,850 --> 00:03:07,420
los elementos del menú. 

75
00:03:07,415 --> 00:03:08,815
Hagamos esto muy
rápido. Voy a

76
00:03:08,810 --> 00:03:11,070
volver al encabezado de la página principal. 

77
00:03:12,220 --> 00:03:16,400
Vamos a cambiar a
responder SUV, tableta de punta. 

78
00:03:16,400 --> 00:03:18,680
Muy bien. Voy a
hacer clic en el menú. 

79
00:03:18,680 --> 00:03:22,700
Lo siento, el logo ya sea
aquí en el logotipo de UT va a Style. 

80
00:03:22,700 --> 00:03:24,760
Ahora nota en este momento

81
00:03:24,755 --> 00:03:27,475
que la dimensión aquí dentro se
ha establecido en tableta. 

82
00:03:27,470 --> 00:03:29,630
Como se puede ver, es todo tableta
SASE, tableta. 

83
00:03:29,630 --> 00:03:34,270
Entonces aquí voy a
cambiar el tamaño al 100%. 

84
00:03:34,265 --> 00:03:36,955
Vamos a mostrar el tamaño
completo del logotipo. 

85
00:03:36,950 --> 00:03:38,810
Ahora para el menú principal,

86
00:03:38,810 --> 00:03:40,100
sé que todo está en blanco. 

87
00:03:40,100 --> 00:03:41,690
No puedes ver, pero
solo aguanta conmigo. 

88
00:03:41,690 --> 00:03:43,060
Voy a hacer click en editar,

89
00:03:43,055 --> 00:03:45,265
el menú principal, ir al estilo. 

90
00:03:45,260 --> 00:03:48,380
Entonces vamos a ir a la
tipografía aquí mismo. 

91
00:03:48,380 --> 00:03:50,300
Ahora, mira esto, se asegura de que

92
00:03:50,300 --> 00:03:52,450
el tamaño aquí esté configurado en tablet. 

93
00:03:52,445 --> 00:03:54,745
Vamos a hacer estos 114 píxeles

94
00:03:54,740 --> 00:03:57,020
un
poco
más pequeño de lo habitual. 

95
00:03:57,020 --> 00:03:58,880
Vamos a las actualizaciones. 

96
00:03:58,880 --> 00:04:01,200
Ahora echemos un vistazo. 

97
00:04:01,200 --> 00:04:05,280
Añade el nuevo encabezado de la página principal
y el modo de respuesta. 

98
00:04:05,275 --> 00:04:07,975
Y ahí vas. 

99
00:04:07,975 --> 00:04:09,315
Ahí vas. 

100
00:04:09,310 --> 00:04:13,000
Entonces hasta este punto,
se ve bastante bien. 

101
00:04:13,000 --> 00:04:14,590
Obviamente, vamos a
hacer algunos cambios
importantes

102
00:04:14,590 --> 00:04:16,930
el titular del banner,

103
00:04:16,930 --> 00:04:18,640
el ganador que estamos
viajando, Es aventura. 

104
00:04:18,640 --> 00:04:19,930
Vamos a reducir el tamaño,

105
00:04:19,930 --> 00:04:22,810
pero solo prestarle atención
al encabezado real. 

106
00:04:22,810 --> 00:04:25,690
De acuerdo, se ve bien
hasta la vista móvil,

107
00:04:25,690 --> 00:04:27,460
que ahora tendrá que caminar. 

108
00:04:27,460 --> 00:04:29,160
Pero por ahora adaptado sabio,

109
00:04:29,155 --> 00:04:31,045
esto se ve bastante bien. 

110
00:04:31,045 --> 00:04:32,535
Ahora echemos un vistazo al

111
00:04:32,530 --> 00:04:35,610
encabezado para el encabezado
global, global. 

112
00:04:35,605 --> 00:04:38,005
Vamos a escoger una página, vamos a
escoger la página Artículos. 

113
00:04:38,005 --> 00:04:39,435
Y a partir de aquí
vamos a seguir adelante para

114
00:04:39,430 --> 00:04:41,400
editar el Encabezado Global. 

115
00:04:41,395 --> 00:04:44,845
Primero vamos a manejar
el modo tablet. 

116
00:04:44,840 --> 00:04:48,800
Así que vamos a bajar aquí a
su receptivo. Ir a la tableta. 

117
00:04:48,800 --> 00:04:51,760
Muy bien, vamos a
manejar los puntos de pan. 

118
00:04:51,755 --> 00:04:54,465
Vamos a cambiar
eso a móvil. 

119
00:04:54,469 --> 00:04:56,299
Y simplemente hará
exactamente lo mismo

120
00:04:56,300 --> 00:04:58,970
por el estilo también. 

121
00:04:58,970 --> 00:05:01,640
Nos vamos a
alinear a la derecha,

122
00:05:01,640 --> 00:05:03,800
para el menú principal,

123
00:05:03,800 --> 00:05:05,830
alinear al blanco
y luego al estilo. 

124
00:05:05,825 --> 00:05:08,305
Vamos a bajar
aquí a la tipografía. 

125
00:05:08,300 --> 00:05:10,080
Asegúrate de que esto esté configurado en tablet. 

126
00:05:10,075 --> 00:05:13,195
Entonces iremos con
14 pixeles también. 

127
00:05:13,190 --> 00:05:15,040
Y ahí está. 

128
00:05:15,035 --> 00:05:17,755
Ok, Next va
a ser el logo. 

129
00:05:17,750 --> 00:05:21,380
No olvidemos, necesitamos
hacer el logo o al 100%. 

130
00:05:21,380 --> 00:05:23,360
Asegúrate de que esto esté
configurado en tabletas. 

131
00:05:23,360 --> 00:05:25,830
100%, bien. 

132
00:05:25,830 --> 00:05:29,820
Ahora vamos a cambiar
a la vista móvil. 

133
00:05:29,815 --> 00:05:32,805
Lo único que tenemos que
hacer aquí mismo sería
delinear

134
00:05:32,800 --> 00:05:37,860
el
menú de navegación hacia el centro. 

135
00:05:37,855 --> 00:05:39,705
En realidad, no debimos
haber tocado

136
00:05:39,700 --> 00:05:41,950
las alineaciones en
el modo tablet,

137
00:05:41,950 --> 00:05:45,180
así que está bien,
solo vamos a volver a poner esto. 

138
00:05:45,175 --> 00:05:47,535
Voy a ir
a Diseño de Contenido

139
00:05:47,530 --> 00:05:48,870
y luego a la alineación aquí.