1
00:00:00,000 --> 00:00:03,350
Ahora que hemos construido
los encabezados y pies de página,

2
00:00:03,345 --> 00:00:06,275
ahora
es el momento de que construyamos
nuestra página de inicio. 

3
00:00:06,270 --> 00:00:07,740
Y la primera
sección que vamos a

4
00:00:07,740 --> 00:00:10,890
estar construyendo será
el estandarte que puedes ver

5
00:00:10,890 --> 00:00:13,110
aquí
mismo tenemos
la imagen de fondo

6
00:00:13,110 --> 00:00:15,680
con los árboles tropicales,

7
00:00:15,675 --> 00:00:17,405
palmeras y la playa. 

8
00:00:17,400 --> 00:00:19,170
Y luego por supuesto, los textos,

9
00:00:19,165 --> 00:00:21,415
estamos viajando con
aventura y luego

10
00:00:21,410 --> 00:00:24,770
el botón que dice nuestro
libro, tu viaje ahora. 

11
00:00:24,770 --> 00:00:27,320
Además, por supuesto,
habrías notado que

12
00:00:27,320 --> 00:00:31,220
el fondo básicamente se
mezcla en el encabezado. 

13
00:00:31,220 --> 00:00:32,450
¿ Cómo hacemos eso? 

14
00:00:32,450 --> 00:00:33,920
Bueno, vamos a seguir adelante
e ir

15
00:00:33,920 --> 00:00:36,040
a editar la página de inicio. 

16
00:00:36,035 --> 00:00:38,855
Voy a decir Editar
con Elementor. 

17
00:00:38,855 --> 00:00:40,135
Aquí mismo. 

18
00:00:40,130 --> 00:00:43,010
Se puede notar que tenemos
básicamente dos columnas,

19
00:00:43,010 --> 00:00:44,360
una en la parte superior, la que

20
00:00:44,360 --> 00:00:46,240
contiene donde viajado
significa aventura. 

21
00:00:46,235 --> 00:00:47,695
Y luego tendremos
otra columna

22
00:00:47,690 --> 00:00:49,490
que contiene el
libro de botones, tu viaje. 

23
00:00:49,490 --> 00:00:53,440
Ahora, lo que simplemente
voy a hacer aquí es esto. 

24
00:00:53,435 --> 00:00:56,965
Tenemos un
texto de encabezado aquí,

25
00:00:56,960 --> 00:00:58,700
pero por si acaso
no ves nada,

26
00:00:58,700 --> 00:01:01,460
simplemente arrastra
el elemento de encabezado

27
00:01:01,460 --> 00:01:04,160
y suéltalo dentro de
tu caja aquí mismo. 

28
00:01:04,160 --> 00:01:06,560
Y simplemente voy a decir

29
00:01:06,560 --> 00:01:15,740
dónde estamos viajes
con aventura. 

30
00:01:15,740 --> 00:01:19,010
Ese es el
eslabón principal para Todos sitio web. 

31
00:01:19,010 --> 00:01:21,770
Y voy a hacer
esto en uno. 

32
00:01:21,770 --> 00:01:23,780
Pero vamos a
hacer algunos cambios en
la

33
00:01:23,780 --> 00:01:27,110
propia topografía real. 

34
00:01:27,110 --> 00:01:29,350
Así que vamos al estilo. 

35
00:01:29,345 --> 00:01:31,985
Y para la tipografía aquí adentro,

36
00:01:31,985 --> 00:01:37,505
voy a cambiar la
transformación a mayúsculas. 

37
00:01:37,505 --> 00:01:39,265
Y también vamos
a hacer el peso

38
00:01:39,260 --> 00:01:42,730
900 solo para que sea
un muy, muy grueso. 

39
00:01:42,725 --> 00:01:47,435
Y entonces el estilo lo
hará cursiva también. 

40
00:01:47,435 --> 00:01:49,775
Eso es eso para
el texto por ahora. 

41
00:01:49,775 --> 00:01:51,295
Vamos a seguir adelante ahora y añadir

42
00:01:51,290 --> 00:01:54,290
la imagen de fondo
para esta sección. 

43
00:01:54,290 --> 00:01:57,070
Así que voy a hacer clic en el botón editar
sección justo aquí. 

44
00:01:57,065 --> 00:01:59,645
El ancho del contenido,
vamos a mantener este cuadro,

45
00:01:59,645 --> 00:02:04,925
pero luego el ancho aquí
vamos a hacer 1240 pixeles. 

46
00:02:05,920 --> 00:02:09,400
Y nuestra lista de verificación
aboga por la altura,

47
00:02:09,395 --> 00:02:13,355
vamos a fijar a
una altura mínima de

48
00:02:13,355 --> 00:02:15,985
mil píxeles porque
realmente queríamos
mostrar

49
00:02:15,980 --> 00:02:18,980
tanto de esa imagen de
fondo como sea posible. 

50
00:02:18,980 --> 00:02:21,860
Así que déjame hacer esto mil. 

51
00:02:21,860 --> 00:02:24,230
Y ahora vamos a pasar al

52
00:02:24,230 --> 00:02:27,280
estilo, fondo tipo clásico. 

53
00:02:27,275 --> 00:02:29,435
Y voy a
elegir la imagen. 

54
00:02:29,435 --> 00:02:32,095
Y va a
ser, sí me disculpo. 

55
00:02:32,090 --> 00:02:35,170
En realidad sí tienen dos separados
aquí por ahora. 

56
00:02:35,165 --> 00:02:37,715
Voy a borrar a la mujer que
van a usar,

57
00:02:37,715 --> 00:02:39,625
vamos a usar
la versión big out. 

58
00:02:39,620 --> 00:02:42,080
Este tiene apenas 859
píxeles de altura,

59
00:02:42,080 --> 00:02:44,330
pero éste es 1274. 

60
00:02:44,330 --> 00:02:46,160
Así que vamos a hacer
uso de éste. 

61
00:02:46,160 --> 00:02:47,870
Entonces voy a insertar eso. 

62
00:02:47,870 --> 00:02:49,610
Y ahí vas. 

63
00:02:49,610 --> 00:02:51,500
Ahora, déjame mostrarte
algunos trucos con respecto al

64
00:02:51,500 --> 00:02:54,730
posicionamiento de tu imagen de
fondo. 

65
00:02:54,725 --> 00:02:56,425
Tienes diferentes tipos de

66
00:02:56,420 --> 00:02:58,460
posiciones en centro, centro,
centro

67
00:02:58,460 --> 00:03:02,420
izquierdo, centro,
derecha, etcétera. 

68
00:03:02,420 --> 00:03:04,690
Por lo que realmente depende
de ti elegir

69
00:03:04,685 --> 00:03:09,635
los ángulos de posición ideales
para tu imagen de fondo. 

70
00:03:09,635 --> 00:03:13,475
El mío aquí que he elegido
va a ser de fondo centro. 

71
00:03:13,475 --> 00:03:16,285
Aquí se llega a
ver realmente las palmeras,

72
00:03:16,280 --> 00:03:18,200
la playa también. 

73
00:03:18,200 --> 00:03:20,440
Por lo que es familiar es
la mejor posición. 

74
00:03:20,435 --> 00:03:22,045
Y luego por el tamaño,

75
00:03:22,040 --> 00:03:23,510
sí
tienes varias opciones

76
00:03:23,510 --> 00:03:25,400
aquí voy a ir con cava. 

77
00:03:25,400 --> 00:03:28,100
La diferencia entre
Kovach y contener es

78
00:03:28,100 --> 00:03:31,730
el espectáculo contenible toda
la imagen. 

79
00:03:31,730 --> 00:03:34,070
contenido no siempre es
la mejor opción

80
00:03:34,070 --> 00:03:37,130
porque cuando se muestra toda
la imagen,

81
00:03:37,130 --> 00:03:40,810
si la imagen no es lo suficientemente grande
para toda la pantalla,

82
00:03:40,805 --> 00:03:42,265
comenzará a repetir el estudio. 

83
00:03:42,260 --> 00:03:44,150
Se puede ver en el
fondo aquí como que

84
00:03:44,150 --> 00:03:46,280
tiene
la imagen
repitiéndose de nuevo. 

85
00:03:46,280 --> 00:03:48,400
Pero con COVID, básicamente, básicamente
estás

86
00:03:48,395 --> 00:03:49,765
diciendo, Hey,

87
00:03:49,760 --> 00:03:51,800
intenta asegurarte de que la imagen

88
00:03:51,800 --> 00:03:53,820
cubra
toda la pantalla. 

89
00:03:53,820 --> 00:03:56,770
Por eso he elegido
están cubiertos aquí,

90
00:03:56,765 --> 00:03:59,375
pero también va a

91
00:03:59,375 --> 00:04:03,475
agregar una superposición de fondo. 
Así que echa un vistazo de nuevo esto. 

92
00:04:03,470 --> 00:04:05,090
Voy a volver a la

93
00:04:05,090 --> 00:04:07,580
superposición. Voy a
hacer click ahí. 

94
00:04:07,580 --> 00:04:09,110
Quiero, voy a hacer
es que voy a ir
al

95
00:04:09,110 --> 00:04:10,840
tipo de fondo como siempre,

96
00:04:10,835 --> 00:04:13,885
vamos a elegir
una superposición negra. 

97
00:04:13,880 --> 00:04:15,680
Y entonces la opacidad aquí, en

98
00:04:15,680 --> 00:04:19,790
realidad
me he ido
con el 0.23. 

99
00:04:19,785 --> 00:04:22,245
Por supuesto que puedes cambiar esto

100
00:04:22,240 --> 00:04:24,340
si no quieres
usar Zope y 23. 

101
00:04:24,340 --> 00:04:26,920
Pero ahora vamos a
volver a los textos reales. 

102
00:04:26,920 --> 00:04:28,060
Volvamos aquí. 

103
00:04:28,060 --> 00:04:29,620
Y por supuesto, el color del texto,

104
00:04:29,620 --> 00:04:32,520
vamos a hacer
este blanco. 

105
00:04:32,515 --> 00:04:35,275
Y ahí está, está bien. 

106
00:04:35,275 --> 00:04:39,885
También vamos a
cambiar el tamaño también. 

107
00:04:39,880 --> 00:04:45,920
Entonces voy a ir todo
el camino a unos 120 pixeles. 

108
00:04:46,170 --> 00:04:49,600
Y de nuevo, esto es un
enteramente subjetivo. 

109
00:04:49,600 --> 00:04:51,390
Puedes hacer el tuyo un
poco más grande,

110
00:04:51,385 --> 00:04:52,645
un poco más pequeño. 

111
00:04:52,645 --> 00:04:56,245
Pero también vamos a
cambiar la alineación también. 

112
00:04:56,245 --> 00:04:58,005
Vamos al contenido. 
Lo vamos a

113
00:04:58,000 --> 00:04:59,430
alinear con el centro. 

114
00:04:59,425 --> 00:05:01,825
Y ahí está, estamos
viajando cumple eventual. 

115
00:05:01,829 --> 00:05:03,679
Y entonces lo que
vamos a hacer ahora mismo
sería

116
00:05:03,680 --> 00:05:05,630
agregar nuestro botón. 

117
00:05:05,630 --> 00:05:07,640
Voy a arrastrar el
botón aquí mismo,

118
00:05:07,640 --> 00:05:10,580
Element y lo saltaré
justo debajo del titular. 

119
00:05:10,580 --> 00:05:13,390
Por supuesto aquí mismo,
vamos a decir,

120
00:05:13,385 --> 00:05:20,315
reserve su viaje. Ahora. 

121
00:05:22,210 --> 00:05:24,440
Por supuesto, aquí es
donde agregarías

122
00:05:24,440 --> 00:05:26,150
el enlace a tal vez una página o

123
00:05:26,150 --> 00:05:29,360
un sitio web XNOR como un
dorado o Booking.com. 

124
00:05:29,360 --> 00:05:30,860
Si fuera siete, hacer eso
y sólo podríamos decir

125
00:05:30,860 --> 00:05:33,490
book kin dot com. 

126
00:05:33,485 --> 00:05:36,565
Sólo hagamos eso. Nosotros can.com
sólo por la diversión de ella. 

127
00:05:36,560 --> 00:05:39,250
Y por supuesto que lo vamos
a alinear con el centro. 

128
00:05:39,245 --> 00:05:41,915
El tamaño aquí será mediano. 

129
00:05:41,914 --> 00:05:44,364
Agreguemos un ícono también. 

130
00:05:44,360 --> 00:05:46,840
De acuerdo, entonces voy a elegir
la biblioteca de iconos aquí. 

131
00:05:46,835 --> 00:05:50,975
Busquemos avión. 

132
00:05:51,310 --> 00:05:55,160
Voy a elegir
abundancia, mi inserto de oso. 

133
00:05:55,160 --> 00:05:56,570
Tiene la opción de cambiar

134
00:05:56,570 --> 00:05:59,800
la posición del icono a
después o antes del texto. 

135
00:05:59,795 --> 00:06:01,925
Queremos mantener eso encendido antes. 

136
00:06:01,925 --> 00:06:04,675
Y luego el espaciado ícono. 

137
00:06:04,670 --> 00:06:06,500
También podrías agregar
algo de espaciado entre

138
00:06:06,500 --> 00:06:08,930
el ícono y la imagen. 

139
00:06:08,930 --> 00:06:11,000
Así que voy a ir con ayudas

140
00:06:11,000 --> 00:06:13,970
sólo para darle un
poco de espacio. 

141
00:06:13,970 --> 00:06:16,820
Ahora vamos a
pasar al estilo. 

142
00:06:16,820 --> 00:06:20,370
Aquí es donde vamos a
hacer algunos cambios importantes. 

143
00:06:20,374 --> 00:06:21,864
Entonces el primero
que vamos a hacer

144
00:06:21,860 --> 00:06:23,840
aquí sería la topografía,

145
00:06:23,840 --> 00:06:25,640
los pesos de los textos. 

146
00:06:25,640 --> 00:06:31,780
Van a haber 600 y
luego transformarse en mayúsculas. 

147
00:06:31,775 --> 00:06:33,175
Ahora porque este es un enlace,

148
00:06:33,170 --> 00:06:36,140
notarías que
existe la idea subrayada,

149
00:06:36,140 --> 00:06:37,280
pero no queremos esa. 

150
00:06:37,280 --> 00:06:39,080
Así que voy a ir a
Style, me voy,

151
00:06:39,080 --> 00:06:42,350
voy a ir a la declaración
y luego elegir ninguno. 

152
00:06:42,350 --> 00:06:44,720
No queremos ninguno
de los textos en

153
00:06:44,720 --> 00:06:47,200
ninguno de los
textos subyacentes allí. 

154
00:06:47,195 --> 00:06:51,115
Muy bien, tipografía, color,
texto, color aquí mismo. 

155
00:06:51,110 --> 00:06:53,720
Vamos a ir con el blanco. 

156
00:06:53,720 --> 00:06:54,920
¿ Está bien? 

157
00:06:54,920 --> 00:06:58,010
Entonces para el botón
mismo aquí mismo,

158
00:06:58,010 --> 00:06:59,420
tendrás el tipo de
fondo

159
00:06:59,420 --> 00:07:00,880
y vamos a hacer click ahí. 

160
00:07:00,875 --> 00:07:02,365
Y vamos a ir con el

161
00:07:02,360 --> 00:07:05,800
color
clásico aquí
sería naranja. 

162
00:07:05,795 --> 00:07:10,745
Ahora vamos a establecer una
frontera así como sólida. 

163
00:07:10,745 --> 00:07:12,725
Entonces lo que vamos a

164
00:07:12,725 --> 00:07:13,885
hacer por el borde es
que vamos a cambiar

165
00:07:13,880 --> 00:07:17,350
el color del borde por el color
naranja también. 

166
00:07:17,345 --> 00:07:20,225
Y luego agregaremos
un radio de borde

167
00:07:20,225 --> 00:07:22,855
solo para hacer los círculos,

168
00:07:22,850 --> 00:07:25,010
los bordes apenas un
poco circulares. 

169
00:07:25,010 --> 00:07:27,590
Vamos a ir con diez,

170
00:07:27,590 --> 00:07:30,800
lo
siento, vamos a ir
con 12 pixeles aquí mismo. 

171
00:07:30,800 --> 00:07:33,050
Y eso es todo. 

172
00:07:33,050 --> 00:07:35,990
Voy a seguir adelante
ahora y actualizaciones. 

173
00:07:35,990 --> 00:07:39,050
Y veamos cómo
se ve. 

174
00:07:39,050 --> 00:07:42,250
Salgamos al salpicadero. 

175
00:07:42,245 --> 00:07:46,655
Vamos a hacer clic aquí,
ir a la página de inicio,

176
00:07:46,655 --> 00:07:48,865
y ahí está. 

177
00:07:48,860 --> 00:07:50,750
Entonces por viajado en
su eventual entonces

178
00:07:50,750 --> 00:07:52,760
por
supuesto tenemos el botón

179
00:07:52,760 --> 00:07:56,930
aquí
mismo que
enlazaría a nuestro booking.com. 

180
00:07:56,930 --> 00:07:59,710
Pero entonces, ¿cómo logramos esto? 

181
00:07:59,705 --> 00:08:02,935
Donde se tiene el
fondo básicamente

182
00:08:02,930 --> 00:08:06,650
mezclándose con la
cabeza arriba Alemania. 

183
00:08:06,650 --> 00:08:10,260
Muy próximo video donde te
mostraré cómo hacer eso.