1 00:00:00,000 --> 00:00:02,610 Muy bien, ahora vamos a seguir adelante y 2 00:00:02,610 --> 00:00:05,760 construir el encabezado para nuestra página web. 3 00:00:05,760 --> 00:00:08,870 Y esto es exactamente lo que se ve ahora mismo, 4 00:00:08,865 --> 00:00:11,165 y no se ve bien en absoluto. 5 00:00:11,160 --> 00:00:13,620 Esto es lo que estamos tratando de lograr. 6 00:00:13,620 --> 00:00:14,790 Se puede ver el encabezado aquí mismo tenemos 7 00:00:14,790 --> 00:00:16,430 el logo a la izquierda, 8 00:00:16,425 --> 00:00:19,415 y luego tenemos el menú principal a la derecha. 9 00:00:19,410 --> 00:00:21,140 No obstante, 10 00:00:21,135 --> 00:00:23,855 mostrarte algo como si fuera a ir a otra página, 11 00:00:23,850 --> 00:00:26,300 digamos que la página Acerca de como ejemplo, 12 00:00:26,295 --> 00:00:28,955 aquí mismo puedes ver que el encabezado es diferente. 13 00:00:28,950 --> 00:00:31,490 Este tiene un fondo negro, 14 00:00:31,485 --> 00:00:33,455 mientras que el encabezado de la página 15 00:00:33,450 --> 00:00:36,210 de inicio no tiene ningún fondo en absoluto, 16 00:00:36,210 --> 00:00:39,150 simplemente se mezcla en la imagen de fondo aquí, 17 00:00:39,150 --> 00:00:44,830 básicamente, necesitamos crear 82 cabeceras diferentes. 18 00:00:44,825 --> 00:00:47,605 Una específicamente para la página principal y luego la 19 00:00:47,600 --> 00:00:50,780 otra para el resto de nuestras páginas. 20 00:00:50,779 --> 00:00:52,359 Ahora, ¿cómo hacemos esto? 21 00:00:52,355 --> 00:00:53,845 Antes de que te muestro eso, 22 00:00:53,840 --> 00:00:57,250 déjame simplemente arrastrar el sitio web demo. 23 00:00:57,245 --> 00:00:58,825 Ahora antes de que te muestro cómo hacer eso, 24 00:00:58,820 --> 00:01:00,130 quiero mostrarte algo más. 25 00:01:00,125 --> 00:01:02,815 Si iba a ir a Editar con Elementor, 26 00:01:02,810 --> 00:01:05,050 fui a la configuración del sitio. 27 00:01:05,045 --> 00:01:06,715 Además de poder configurar 28 00:01:06,710 --> 00:01:09,700 tus teléfonos globales y tus colores y todo eso, 29 00:01:09,695 --> 00:01:12,085 también puedes hacer cambios 30 00:01:12,080 --> 00:01:15,770 la identidad del sitio aquí mismo tenemos Ajustes. 31 00:01:15,770 --> 00:01:17,540 Si hago clic en dentro de la densidad aquí mismo, 32 00:01:17,540 --> 00:01:19,520 podemos cambiar el nombre del sitio también. 33 00:01:19,520 --> 00:01:21,800 Voy a llamar a mi pasaporte de viaje. 34 00:01:21,800 --> 00:01:23,620 Ese es el nombre del sitio web. 35 00:01:23,615 --> 00:01:28,865 Y entonces el eslabón será cuando el viaje se encuentre con aventura. 36 00:01:28,865 --> 00:01:33,655 Para el logotipo, voy a elegir el logo aquí mismo. 37 00:01:33,650 --> 00:01:35,830 Insertemos esa. 38 00:01:35,825 --> 00:01:38,245 Y luego para la Phi del ícono, 39 00:01:38,240 --> 00:01:39,830 voy a elegir la imagen de TI con la que tiene 40 00:01:39,830 --> 00:01:41,720 el fondo verde. 41 00:01:41,720 --> 00:01:43,300 Voy a insertar eso. 42 00:01:43,295 --> 00:01:46,295 Y ahí vas, tenemos nuestra identidad de sitio. 43 00:01:46,295 --> 00:01:48,745 Ahora también podrías bajar aquí para encabezar 44 00:01:48,740 --> 00:01:51,980 y hacer diferentes tipos 45 00:01:51,980 --> 00:01:55,250 de cambios puedes elegir para ocultar el logo, mostrar el 46 00:01:55,250 --> 00:01:58,220 eslabón, aumentar 47 00:01:58,220 --> 00:01:59,510 el ancho del contenido o reducir 48 00:01:59,510 --> 00:02:01,240 el ancho del contenido todo depende de ti. 49 00:02:01,235 --> 00:02:04,315 Pero como vamos a crear nuestros propios encabezados personalizados, 50 00:02:04,310 --> 00:02:06,710 no necesitamos cambiar nada aquí en absoluto. 51 00:02:06,710 --> 00:02:07,910 Entonces voy a seguir adelante ahora y simplemente 52 00:02:07,910 --> 00:02:10,010 actualizar. Y luego revisaré esto. 53 00:02:10,010 --> 00:02:16,330 De acuerdo, voy a volver al backend Salir a Dashboard. 54 00:02:16,325 --> 00:02:18,845 Y ahora vamos a crear nuestro encabezado. 55 00:02:18,845 --> 00:02:20,795 Voy a venir aquí con nuestros padres. 56 00:02:20,795 --> 00:02:23,215 Aquí verá elementos o alimentos frontales son constructor. 57 00:02:23,210 --> 00:02:25,810 Esto es del plugin. Voy a hacer click ahí. 58 00:02:25,805 --> 00:02:28,265 Y ahora voy a hacer click en Añadir nuevo. 59 00:02:28,265 --> 00:02:34,175 Y ahora llamemos a éste el encabezado de la página de inicio. 60 00:02:34,174 --> 00:02:37,404 Entonces justo aquí donde tienes tipo de plantilla. 61 00:02:37,400 --> 00:02:39,100 Vamos a elegir cabecera, 62 00:02:39,095 --> 00:02:41,455 y luego podemos elegir, vale, 63 00:02:41,450 --> 00:02:43,840 ¿dónde nos gustaría mostrar este encabezado? 64 00:02:43,835 --> 00:02:46,315 Ya que específicamente va a ser para la portada, 65 00:02:46,310 --> 00:02:49,250 voy a elegir aquí abajo tienes objetivos específicos. 66 00:02:49,250 --> 00:02:51,620 Voy a elegir páginas específicas e 67 00:02:51,620 --> 00:02:54,820 invitar aquí son simplemente teclear en casa. 68 00:02:54,815 --> 00:02:56,075 Y ahí vas. 69 00:02:56,075 --> 00:02:57,665 Ahora en este encabezado en particular 70 00:02:57,665 --> 00:02:59,945 solo se mostrará en la página de inicio. 71 00:02:59,945 --> 00:03:02,095 Y luego para los roles de usuario aquí mismo puedes elegir, está bien, 72 00:03:02,090 --> 00:03:05,150 tal vez quieras mostrar estos encabezado solo para que 73 00:03:05,150 --> 00:03:06,920 los usuarios conectados estén desconectados usuarios 74 00:03:06,920 --> 00:03:09,080 o ediciones o tienes mucha flexibilidad. 75 00:03:09,080 --> 00:03:11,120 Sólo voy a mantener esto en blanco porque queríamos 76 00:03:11,120 --> 00:03:13,250 ser para todos. 77 00:03:13,250 --> 00:03:15,710 Ahora aquí, tienes 78 00:03:15,710 --> 00:03:18,860 esta opción habilitada layout para nosotros plantilla. 79 00:03:18,860 --> 00:03:21,350 Ahora lo que pasa con Elementor es que además 80 00:03:21,350 --> 00:03:24,160 la plantilla predeterminada y una proporcionada por tu tema, 81 00:03:24,155 --> 00:03:26,575 elementos, que te da dos plantillas personalizadas. 82 00:03:26,570 --> 00:03:30,140 Uno se llama el Elemental Canvas Data, de ancho completo, 83 00:03:30,140 --> 00:03:31,400 de ancho completo más simple significa que 84 00:03:31,400 --> 00:03:34,850 tu contenido puede extenderse a los bordes de tu pantalla. 85 00:03:34,850 --> 00:03:36,410 Así que básicamente va ancho completo que 86 00:03:36,410 --> 00:03:38,230 soy como no hay márgenes son patrones. 87 00:03:38,225 --> 00:03:40,075 Elemental Canada como implementos que no vas 88 00:03:40,070 --> 00:03:41,980 a tener ningún encabezado o pie de página. 89 00:03:41,975 --> 00:03:45,595 Es básicamente un elemento en blanco o nuestras plantillas, 90 00:03:45,590 --> 00:03:47,420 no vamos a caminar con una plantilla de lienzo. 91 00:03:47,420 --> 00:03:50,260 Por lo que realmente no hay necesidad de habilitar este diseño, 92 00:03:50,255 --> 00:03:51,685 pero voy a elegir los elementos 93 00:03:51,680 --> 00:03:53,740 de plantilla de ancho completo. 94 00:03:53,735 --> 00:03:56,315 Vamos a seguir adelante ahora y golpear Publish. 95 00:03:56,315 --> 00:04:00,865 Ahora voy a dar click en editar con Elementor. 96 00:04:00,860 --> 00:04:03,440 Entonces lo que estamos tratando de lograr aquí es esto, 97 00:04:03,440 --> 00:04:05,500 déjame traer de vuelta el sitio de demostración. 98 00:04:05,495 --> 00:04:08,545 Básicamente va a ser una sección con dos columnas. 99 00:04:08,540 --> 00:04:11,510 El de la izquierda, la columna de la izquierda tendremos el logo, 100 00:04:11,510 --> 00:04:13,010 mientras que la columna de la derecha, 101 00:04:13,010 --> 00:04:16,160 tendremos el menú principal y también queremos 102 00:04:16,160 --> 00:04:18,230 la columna de la luz 103 00:04:18,230 --> 00:04:20,990 que contiene el menú principal tenga más ancho . 104 00:04:20,990 --> 00:04:21,740 Así que echa un vistazo a esto. 105 00:04:21,740 --> 00:04:23,420 Vale, aquí mismo, voy 106 00:04:23,420 --> 00:04:25,060 a hacer clic en el botón Plus aquí. 107 00:04:25,055 --> 00:04:27,425 Y ahora podemos elegir nuestra estructura. 108 00:04:27,425 --> 00:04:29,935 Y voy a elegir esta división aquí. 109 00:04:29,930 --> 00:04:31,390 Esta tendrá, 110 00:04:31,385 --> 00:04:35,435 la primera columna tendrá un tercio de toda la sección, 111 00:04:35,435 --> 00:04:38,545 mientras que la segunda columna tendrá dos tercios. 112 00:04:38,540 --> 00:04:42,170 Entonces aquí mismo, ya que estamos editando la sección, 113 00:04:42,170 --> 00:04:44,830 como se puede ver, para el ancho del contenido, 114 00:04:44,825 --> 00:04:47,605 en realidad podríamos ir ancho completo si quisieras. 115 00:04:47,600 --> 00:04:50,120 Pero voy a ir con caja y voy a 116 00:04:50,120 --> 00:04:54,310 elegir 1240 pixeles. 117 00:04:54,305 --> 00:04:56,215 Esta es sólo mi propia preferencia personal. 118 00:04:56,210 --> 00:04:58,510 Me encantaron 1240 pixeles. 119 00:04:58,505 --> 00:05:01,825 Ahora, aquí por la primera columna, 120 00:05:01,820 --> 00:05:03,160 voy a hacer click en el interior. 121 00:05:03,155 --> 00:05:06,095 Voy a desplazarse hasta aquí abajo. 122 00:05:06,095 --> 00:05:09,035 Y estamos tratando de agregar el logo. 123 00:05:09,035 --> 00:05:12,365 Por lo que voy a añadir el logo del sitio. 124 00:05:12,365 --> 00:05:15,415 Haga clic, suéltalo dentro. 125 00:05:15,410 --> 00:05:18,010 Y ahora tenemos nuestro logo. 126 00:05:18,005 --> 00:05:20,515 Ahora puedes ver porque el logo tiene 127 00:05:20,510 --> 00:05:22,610 texto blanco y este es un fondo blanco. 128 00:05:22,610 --> 00:05:23,810 Pero solo aguanta conmigo. 129 00:05:23,810 --> 00:05:25,630 De acuerdo, voy a elegir. 130 00:05:25,625 --> 00:05:29,995 El tamaño de la imagen aquí voy a ir con lleno por ahora. 131 00:05:29,990 --> 00:05:32,360 Entonces vamos a seguir adelante y 132 00:05:32,360 --> 00:05:34,940 clic en el botón Editar para esta sección. 133 00:05:34,940 --> 00:05:36,740 Muy bien, así que he hecho clic ahí. 134 00:05:36,740 --> 00:05:38,550 Voy a volver al estilo. 135 00:05:38,554 --> 00:05:40,254 Y luego se fue a donde has comenzado tipo. 136 00:05:40,250 --> 00:05:42,380 Voy a elegir clásico. 137 00:05:42,380 --> 00:05:46,150 Ahora voy a elegir el color negro. 138 00:05:46,145 --> 00:05:49,615 Entonces ahora en realidad se puede ver el logotipo, ¿verdad? Ok. 139 00:05:49,610 --> 00:05:52,190 Ahora pasemos a la segunda columna. 140 00:05:52,190 --> 00:05:55,760 Vamos a sumar nuestros elementos de navegación. 141 00:05:55,760 --> 00:05:57,200 Entonces escribiendo contra el menú de navegación, 142 00:05:57,200 --> 00:05:59,720 haga clic arrastrar, droga que dentro. 143 00:05:59,720 --> 00:06:02,660 Y luego se puede ver el menú principal está seleccionado por defecto. 144 00:06:02,660 --> 00:06:06,110 No obstante, cuando se trata de hacer bastantes cambios, 145 00:06:06,110 --> 00:06:08,500 observe aquí mismo que quedará con el menú principal. 146 00:06:08,495 --> 00:06:11,245 El texto está en mayúsculas, está en blanco. 147 00:06:11,240 --> 00:06:14,840 También está alineado a la derecha y también en el centro. 148 00:06:14,840 --> 00:06:16,540 Entonces tenemos que hacer por delgadas. 149 00:06:16,535 --> 00:06:19,225 Volvamos aquí. Lo primero que voy a hacer 150 00:06:19,220 --> 00:06:22,190 es mientras editas el menú de navegación aquí mismo, 151 00:06:22,190 --> 00:06:24,830 tienes maquetación haciendo clic ahí. 152 00:06:24,830 --> 00:06:28,490 Y ahora vamos a elegir alinear a la derecha. 153 00:06:28,490 --> 00:06:30,980 Como se puede ver en este momento está a la derecha. 154 00:06:30,980 --> 00:06:33,550 Ahora vamos a pasar al estilo. 155 00:06:33,545 --> 00:06:36,865 Y vamos a bajar aquí a la tipografía. 156 00:06:36,860 --> 00:06:38,800 Haga clic en el botón Editar. 157 00:06:38,795 --> 00:06:42,185 Com transformada no peluda, elige mayúscula. 158 00:06:42,185 --> 00:06:43,045 ¿ De acuerdo? 159 00:06:43,040 --> 00:06:45,070 Y luego para el color del texto, 160 00:06:45,065 --> 00:06:47,425 vamos a hacer clic en el icono global ahí mismo 161 00:06:47,420 --> 00:06:49,990 y luego elegir principalmente para Blanco. 162 00:06:49,985 --> 00:06:50,815 Bueno. 163 00:06:50,810 --> 00:06:52,940 Pero ahora, ¿cómo alineamos 164 00:06:52,940 --> 00:06:56,240 los elementos del menú en el medio verticalmente? 165 00:06:56,240 --> 00:06:58,070 Lo que quieres hacer aquí es que vas a hacer click en 166 00:06:58,070 --> 00:07:00,130 la potencia Editar columna aquí, 167 00:07:00,125 --> 00:07:02,395 este botón en particular aquí mismo, haces clic ahí. 168 00:07:02,390 --> 00:07:05,240 Y ahora aquí se puede ver tenemos Alinear Vertical. 169 00:07:05,240 --> 00:07:07,490 Vamos a elegir medio. 170 00:07:07,490 --> 00:07:08,800 Ahí vas. 171 00:07:08,795 --> 00:07:10,255 Eso es todo. 172 00:07:10,250 --> 00:07:12,430 Pero aún no hemos terminado. 173 00:07:12,425 --> 00:07:13,885 Para el logotipo. 174 00:07:13,880 --> 00:07:17,360 Demos clic en el botón Editar para el logotipo del sitio. 175 00:07:17,360 --> 00:07:19,550 Y luego la alineación aquí, 176 00:07:19,550 --> 00:07:21,710 vamos a ir a la izquierda. 177 00:07:21,710 --> 00:07:24,050 Al igual que en realidad no puedes ver la diferencia todavía, 178 00:07:24,050 --> 00:07:25,580 pero solo aguanta conmigo. 179 00:07:25,580 --> 00:07:27,080 Vamos a elegir ese a la izquierda. 180 00:07:27,080 --> 00:07:30,780 De acuerdo, sigamos adelante ahora y actualizaciones. 181 00:07:31,180 --> 00:07:34,390 Ahora solo echemos un vistazo a lo que tenemos. 182 00:07:34,385 --> 00:07:36,565 Ver la página. 183 00:07:36,560 --> 00:07:38,480 Y ahí vas. 184 00:07:38,480 --> 00:07:39,500 Ahora puedes ver 185 00:07:39,500 --> 00:07:43,130 nuestra página de inicio tiene este encabezado en particular aquí mismo, 186 00:07:43,130 --> 00:07:44,720 pero luego evoluciona para ir a, 187 00:07:44,720 --> 00:07:47,110 digamos que la página Acerca de como ejemplo, 188 00:07:47,105 --> 00:07:50,545 puedes ver que no tenemos ese encabezado en absoluto. 189 00:07:50,540 --> 00:07:53,930 Si quiere ir a la página de contacto. 190 00:07:53,930 --> 00:07:57,230 A modo de ejemplo, se puede ver que no tenemos ese encabezado. 191 00:07:57,230 --> 00:07:58,730 Entonces esto de aquí mismo, 192 00:07:58,730 --> 00:08:01,660 la página de inicio ahora tiene 193 00:08:01,655 --> 00:08:03,925 este folleto particular con el fondo negro, 194 00:08:03,920 --> 00:08:07,960 el logotipo, y luego los elementos del menú. 195 00:08:07,955 --> 00:08:09,625 Ahora para redondear esto, en realidad voy a 196 00:08:09,620 --> 00:08:11,930 hacer algunos cambios. 197 00:08:11,930 --> 00:08:14,570 Volvamos a la sección. 198 00:08:14,570 --> 00:08:15,890 De acuerdo, y sé que dije que 199 00:08:15,890 --> 00:08:18,670 el ancho del contenido es de 1240 píxeles, 200 00:08:18,665 --> 00:08:20,315 pero he hecho algunas pruebas más en, 201 00:08:20,315 --> 00:08:23,485 y creo que es mejor que vayamos con el ancho completo. 202 00:08:23,480 --> 00:08:25,930 Así que vamos con ancho completo por ahora. 203 00:08:25,925 --> 00:08:28,765 Entonces esta columna, la que sostiene el logotipo, 204 00:08:28,760 --> 00:08:36,030 vamos a reducirlo a 2525% por ciento. 205 00:08:36,034 --> 00:08:41,554 En tanto que la columna que sostiene los ítems manuales tendrá 75%. 206 00:08:41,555 --> 00:08:43,585 Entonces hagamos también un cambio en el logotipo. 207 00:08:43,580 --> 00:08:45,250 Voy a hacer clic en Editar logo. 208 00:08:45,245 --> 00:08:46,925 Vámonos al estilo. 209 00:08:46,925 --> 00:08:48,235 Y luego para el max-width, 210 00:08:48,230 --> 00:08:51,460 vamos a fijar esto en 75%. 211 00:08:51,455 --> 00:08:54,595 Y una pregunta que podrías tener es 212 00:08:54,590 --> 00:08:59,120 por qué obviamente el max-width y no el ancho real. 213 00:08:59,120 --> 00:09:00,230 Aquí está la cosa. 214 00:09:00,230 --> 00:09:02,860 Cuando establezcas el ancho para el logotipo, 215 00:09:02,855 --> 00:09:05,425 el logotipo siempre tendrá ese ancho. 216 00:09:05,420 --> 00:09:08,190 Nosotros impío, del tamaño de la pantalla. 217 00:09:08,194 --> 00:09:09,954 Estás trabajando con max-width. 218 00:09:09,950 --> 00:09:11,320 Básicamente estás diciendo, Hey, 219 00:09:11,315 --> 00:09:14,725 el logotipo nunca debe exceder este ancho. 220 00:09:14,720 --> 00:09:17,240 Entonces en situaciones donde el tamaño de la pantalla no es 221 00:09:17,240 --> 00:09:19,990 lo suficientemente grande documentado el ancho completo del logotipo 222 00:09:19,985 --> 00:09:21,145 reducir el tamaño del 223 00:09:21,140 --> 00:09:25,670 ancho básicamente máximo es mucho mejor para el diseño receptivo. 224 00:09:25,670 --> 00:09:27,890 Y siempre quieres ser receptivos. 225 00:09:27,890 --> 00:09:30,980 Entonces vamos a establecer eso a 75 pixeles. 226 00:09:30,980 --> 00:09:33,620 Y ahora si actualizamos, 227 00:09:33,620 --> 00:09:37,000 si echamos un vistazo a nuestro encabezado, 228 00:09:36,995 --> 00:09:38,815 se puede ver ahora mismo que se parece 229 00:09:38,810 --> 00:09:40,490 tanto a lo que tenemos 230 00:09:40,490 --> 00:09:44,120 están por aquí en la página web demo. 231 00:09:44,119 --> 00:09:47,239 Lo último que hay que hacer es que vamos a 232 00:09:47,240 --> 00:09:51,980 duplicar este encabezado para el segundo encabezado. 233 00:09:51,980 --> 00:09:53,480 Así que básicamente tiene lo que vamos a hacer. 234 00:09:53,480 --> 00:09:56,070 De acuerdo, bueno voy a volver al backend. 235 00:09:56,440 --> 00:10:00,350 En lugar de crear el segundo encabezado 236 00:10:00,350 --> 00:10:02,020 para el resto del sitio web, 237 00:10:02,015 --> 00:10:04,355 simplemente vamos a entrar aquí y luego verás 238 00:10:04,355 --> 00:10:05,995 duplicados de EA o esos 239 00:10:05,990 --> 00:10:07,820 son los átomos esenciales duplicados todos. 240 00:10:07,820 --> 00:10:09,380 Voy a seguir adelante ahora y simplemente 241 00:10:09,380 --> 00:10:11,630 duplicar el encabezado de la página de inicio. 242 00:10:11,630 --> 00:10:14,320 Ahora verá borradores Elementor. 243 00:10:14,315 --> 00:10:17,095 Vamos a seguir adelante y haré click en Editar. 244 00:10:17,090 --> 00:10:19,160 Y luego veremos algunos cambios aquí. 245 00:10:19,160 --> 00:10:22,870 Llamaremos a éste el encabezado global. 246 00:10:22,865 --> 00:10:24,835 Puedes darle cualquier otro nombre que quieras, 247 00:10:24,830 --> 00:10:26,690 pero voy a llamar a este encabezado global. 248 00:10:26,690 --> 00:10:28,330 Y luego aquí mismo, 249 00:10:28,325 --> 00:10:30,725 pep de plantillas, sí, es el encabezado. 250 00:10:30,725 --> 00:10:33,475 Entonces la pantalla encendida. 251 00:10:33,470 --> 00:10:37,400 Vamos a ir con toda la página web. 252 00:10:37,400 --> 00:10:38,960 Pero luego para estar del lado seguro, 253 00:10:38,960 --> 00:10:41,590 voy a entrar aquí y decir agregar regla de exclusión. 254 00:10:41,585 --> 00:10:43,975 Estamos diciendo, Hey, no muestres éste 255 00:10:43,970 --> 00:10:46,490 en la página de inicio de aquí abajo. 256 00:10:46,490 --> 00:10:47,800 Tiene página específica. 257 00:10:47,795 --> 00:10:51,125 Voy a entrar aquí y simplemente escribir en casa, asegurándome 258 00:10:51,125 --> 00:10:53,185 de que este encabezado nunca se 259 00:10:53,180 --> 00:10:55,180 muestre en la página de inicio. 260 00:10:55,175 --> 00:10:58,985 Sólo se mostrará en todo el sitio web. 261 00:10:58,985 --> 00:11:00,505 Y ahí vas. 262 00:11:00,500 --> 00:11:02,870 Así plantilla de ancho completo también. 263 00:11:02,870 --> 00:11:06,080 Vamos a seguir adelante ahora y golpear Publish. 264 00:11:06,079 --> 00:11:08,599 Y ahí vas. 265 00:11:08,600 --> 00:11:10,460 Así que sólo para volver aquí, 266 00:11:10,460 --> 00:11:11,970 vamos a refrescar esta página. 267 00:11:11,974 --> 00:11:14,344 Entonces ese es el encabezado de la página de inicio. 268 00:11:14,345 --> 00:11:15,475 Pero ahora echa un vistazo a esto. 269 00:11:15,470 --> 00:11:17,330 Vale, si iba a ir a cualquier otra página, 270 00:11:17,330 --> 00:11:19,610 digamos la página Acerca de como ejemplo. 271 00:11:19,609 --> 00:11:21,229 Ahora, verás que 272 00:11:21,230 --> 00:11:23,290 el encabezado duplicado no se muestra. 273 00:11:23,285 --> 00:11:25,805 Vamos a la página Artículos también. 274 00:11:25,805 --> 00:11:29,845 Se puede ver de nuevo, el encabezado duplicado no se muestra, 275 00:11:29,840 --> 00:11:31,220 a pesar de que dijimos 276 00:11:31,220 --> 00:11:32,690 el encabezado duplicado para mostrar 277 00:11:32,690 --> 00:11:35,740 en cada página excepto la página principal, 278 00:11:35,735 --> 00:11:37,835 qué está pasando exactamente aquí. 279 00:11:37,835 --> 00:11:40,145 Y créeme, me tomó varias horas. 280 00:11:40,145 --> 00:11:41,905 Solo China averigua exactamente 281 00:11:41,900 --> 00:11:44,980 por qué esto no funcionaba, pero lo descubrí. 282 00:11:44,975 --> 00:11:46,765 Lo que quieres hacer es simplemente volver 283 00:11:46,760 --> 00:11:48,910 a la cabecera duplicada aquí mismo. 284 00:11:48,905 --> 00:11:51,125 Este es el golpe duplicado cada creado. 285 00:11:51,124 --> 00:11:53,454 Lo que quieres hacer es esto, vale, 286 00:11:53,450 --> 00:11:55,750 solo intenta iniciar, 287 00:11:55,745 --> 00:11:56,755 en realidad vamos a volver al 288 00:11:56,750 --> 00:11:59,120 back-end para que no estés confundido. 289 00:11:59,120 --> 00:12:01,000 Muy bien, desde aquí, 290 00:12:00,995 --> 00:12:04,355 desde aquí, basta con hacer click en editar con Elementor. 291 00:12:04,350 --> 00:12:06,650 Editar con Elementor. 292 00:12:06,650 --> 00:12:09,050 Y entonces lo que vas a hacer es justo aquí, 293 00:12:09,050 --> 00:12:12,560 solo iniciar cualquier tipo de cambio. 294 00:12:12,560 --> 00:12:15,020 Digamos que agregas aquí los elementos de encabezado, 295 00:12:15,020 --> 00:12:17,260 por ejemplo, vale, suelta eso ahí. 296 00:12:17,255 --> 00:12:19,835 Ahora ves que el botón de actualización está disponible? 297 00:12:19,835 --> 00:12:23,545 De acuerdo, voy a volver aquí, cerrar esto. 298 00:12:23,540 --> 00:12:25,550 Todo el punto aquí es que quieres hacer 299 00:12:25,550 --> 00:12:27,370 algún tipo de cambio en 300 00:12:27,365 --> 00:12:29,335 el encabezado para que 301 00:12:29,330 --> 00:12:32,410 se active este botón Actualizar cuesta abajo. 302 00:12:32,405 --> 00:12:34,735 Ahora podemos actualizar. 303 00:12:34,730 --> 00:12:36,440 Y ahora debería funcionar. 304 00:12:36,440 --> 00:12:38,390 Entonces si se le pide volver a la página de mis artículos 305 00:12:38,390 --> 00:12:40,640 aquí y ahora actualizar. 306 00:12:40,640 --> 00:12:43,640 Ahora se puede ver que el encabezado duplicado ahora está 307 00:12:43,640 --> 00:12:46,870 mostrando Vuelvo a la página de inicio, 308 00:12:46,865 --> 00:12:48,395 es exactamente el mismo encabezado. 309 00:12:48,395 --> 00:12:50,045 Voy a la página Acerca de. 310 00:12:50,045 --> 00:12:53,785 Y por supuesto es exactamente el mismo encabezado también. 311 00:12:53,780 --> 00:12:55,400 Eso es exactamente lo que debes 312 00:12:55,400 --> 00:12:56,960 hacer cada vez que intentes duplicar 313 00:12:56,960 --> 00:13:00,340 tus encabezados y pies de página en los duplicados. 314 00:13:00,335 --> 00:13:02,995 Simplemente entra edita con Elementor, 315 00:13:02,990 --> 00:13:05,240 agrega cualquier elemento, quita 316 00:13:05,240 --> 00:13:07,910 ese elemento solo para activar el botón de actualización. 317 00:13:07,910 --> 00:13:08,900 Actualización. 318 00:13:08,899 --> 00:13:12,189 Y ahora ese nuevo encabezado o pie de página duplicado 319 00:13:12,185 --> 00:13:15,445 ahora estará en pleno efecto. 320 00:13:15,440 --> 00:13:17,540 Entonces eso es todo por el video que hemos creado nuestros dos encabezados. 321 00:13:17,540 --> 00:13:20,160 Gracias por mirarte y te veré próxima clase.