1 00:00:00,000 --> 00:00:00,750 Bienvenido de nuevo. 2 00:00:00,750 --> 00:00:02,010 Entonces ahora que te he mostrado 3 00:00:02,010 --> 00:00:05,480 una breve introducción a la interfaz de usuario de Elementor. 4 00:00:05,475 --> 00:00:08,915 Echemos un vistazo a las variables globales y cómo se pueden 5 00:00:08,910 --> 00:00:12,690 establecer los tipos de familias de fuentes que desea usar, 6 00:00:12,689 --> 00:00:14,759 los colores y así sucesivamente. 7 00:00:14,760 --> 00:00:18,050 Ahora, en la misma interfaz de interfaz de usuario aquí mismo, 8 00:00:18,045 --> 00:00:21,815 vas a ir al botón Menú aquí arriba, 9 00:00:21,810 --> 00:00:25,620 y luego ahora pasa a la configuración de tu sitio. 10 00:00:25,620 --> 00:00:27,680 ¿ Verdad? Ahora Aquí está la delgada. 11 00:00:27,675 --> 00:00:29,825 Podríamos establecer colores globales, 12 00:00:29,820 --> 00:00:31,410 colores que se pueden utilizar en todo 13 00:00:31,410 --> 00:00:33,360 nuestro sitio web para hacer eso, 14 00:00:33,360 --> 00:00:34,960 haga clic en colores globales. 15 00:00:34,960 --> 00:00:37,280 Ahora esta sería la cláusula por defecto de que 16 00:00:37,280 --> 00:00:39,770 tendría un azul, 17 00:00:39,770 --> 00:00:44,270 gris oscuro, gris claro, y luego lima. 18 00:00:44,269 --> 00:00:46,209 Entonces esto sería para tu primaria 19 00:00:46,205 --> 00:00:48,605 nuestra cabeza hace tus encabezados secundarios, 20 00:00:48,605 --> 00:00:50,815 tus textos, este sería un cuerpo regular toma 21 00:00:50,810 --> 00:00:54,020 un acento suele ser para enlaces o botones como. 22 00:00:54,020 --> 00:00:56,330 Ahora, lo que voy a hacer es que en realidad voy a cambiarlas 23 00:00:56,330 --> 00:00:59,300 a alguna ropa que tengo por aquí. 24 00:00:59,300 --> 00:01:01,970 Ahora para cambiarlos, voy a hacer click en el interior. 25 00:01:01,970 --> 00:01:04,280 Y si una primaria, voy a ir con blanco. 26 00:01:04,280 --> 00:01:06,610 De acuerdo, Entonces por qué va a ser fff, 27 00:01:06,605 --> 00:01:11,405 FFF six Fs es básicamente para White Album mi primaria. 28 00:01:11,405 --> 00:01:13,205 Y luego para secundaria, 29 00:01:13,205 --> 00:01:15,845 en realidad vamos a mantener esto tal como está. 30 00:01:15,845 --> 00:01:18,565 Pero luego para los textos, vamos a ir con el negro. 31 00:01:18,560 --> 00:01:21,530 El negro va a ser de seis ceros. 32 00:01:21,530 --> 00:01:26,660 Entonces 123456, estos son los que llamamos los valores hexadecimales. 33 00:01:26,660 --> 00:01:28,070 De acuerdo, entonces seis ceros para negro, 34 00:01:28,070 --> 00:01:29,590 seis F para blanco. 35 00:01:29,585 --> 00:01:32,065 Y luego por último por los acentos, 36 00:01:32,060 --> 00:01:33,430 que serían para los enlaces. 37 00:01:33,425 --> 00:01:35,845 Yo sí tengo mi color aquí. 38 00:01:35,840 --> 00:01:39,200 Permítanme simplemente agarrar rápidamente el color para mi otra pantalla. 39 00:01:39,200 --> 00:01:41,780 Ven aquí y pega eso. 40 00:01:41,780 --> 00:01:42,800 Entonces es un tono de naranja, 41 00:01:42,800 --> 00:01:47,570 es básicamente un DECA 570. 42 00:01:47,570 --> 00:01:49,040 Ahora, podrías decidir agregar 43 00:01:49,040 --> 00:01:50,600 tus propios colores personalizados también. 44 00:01:50,600 --> 00:01:53,530 Puede entrar aquí, haga clic en Agregar color. 45 00:01:53,525 --> 00:01:55,175 Se puede nombrar a éste como 46 00:01:55,175 --> 00:01:57,005 cualquier cosa podría dar un like o digamos 47 00:01:57,005 --> 00:02:02,975 el color especial especial. 48 00:02:03,490 --> 00:02:06,290 Te mostraré cómo funciona esto un poco más tarde. 49 00:02:06,290 --> 00:02:08,110 Llamemos a este colo especial. 50 00:02:08,105 --> 00:02:10,265 Y aquí voy a hacer clic en el cuadro. 51 00:02:10,265 --> 00:02:13,145 Y escojamos algo rojizo. 52 00:02:13,145 --> 00:02:16,885 Así que tengo mi propio color personalizado llamado columna especial. 53 00:02:16,880 --> 00:02:20,260 Voy a seguir adelante ahora y simplemente actualizaciones. 54 00:02:20,255 --> 00:02:22,285 Hemos establecido nuestra cláusula global, la cual, 55 00:02:22,280 --> 00:02:24,190 que podemos utilizar en todo el sitio. 56 00:02:24,185 --> 00:02:27,625 Pero entonces también tenemos acceso a fuentes globales. 57 00:02:27,620 --> 00:02:29,480 Las familias de fuentes son muy, muy, muy importantes. 58 00:02:29,480 --> 00:02:30,680 Así que revisa este artículo. 59 00:02:30,680 --> 00:02:32,260 Voy a bajar fuentes globales. 60 00:02:32,255 --> 00:02:34,525 El primero aquí va a ser primario. 61 00:02:34,520 --> 00:02:36,020 Esto sería para tus encabezados primarios. 62 00:02:36,020 --> 00:02:38,210 Ahora sólo echemos un vistazo a mi otra pantalla de aquí, 63 00:02:38,210 --> 00:02:39,440 porque he optado por ir 64 00:02:39,440 --> 00:02:43,750 por la familia de fuentes de los ciudadanos ir con Oswald. 65 00:02:43,745 --> 00:02:46,555 Oswald es una fuente particular de Google que me gusta. 66 00:02:46,550 --> 00:02:49,600 Voy a elegir a Oswald para la familia de fuentes. 67 00:02:49,595 --> 00:02:52,255 El peso aquí va a ser 700s, 68 00:02:52,250 --> 00:02:54,140 habrá un poco más pesado. 69 00:02:54,140 --> 00:02:57,400 Entonces voy a transformar estos dos mayúsculas. 70 00:02:57,395 --> 00:02:58,765 Y luego voy a dejar los otros 71 00:02:58,760 --> 00:03:00,230 altura de línea, espaciado de letras, 72 00:03:00,230 --> 00:03:03,190 qué espaciado, y así sucesivamente el deslizamiento los que están arriba. 73 00:03:03,185 --> 00:03:05,795 A continuación va a ser la secundaria. 74 00:03:05,795 --> 00:03:08,045 Y luego secundaria otra vez, 75 00:03:08,045 --> 00:03:11,165 voy a ir con Oswald. 76 00:03:11,470 --> 00:03:13,850 También todo para secundaria. 77 00:03:13,850 --> 00:03:15,320 Y entonces el tamaño aquí, 78 00:03:15,320 --> 00:03:17,870 en realidad voy a ir con nuestros 20 pixeles 79 00:03:17,870 --> 00:03:20,690 porque va a haber píxeles un poco más pequeños. 80 00:03:20,690 --> 00:03:23,420 Y entonces los pesos aquí serían nuestros 600. 81 00:03:23,420 --> 00:03:25,450 Y ahí vas. 82 00:03:25,445 --> 00:03:27,115 Eso es para la secundaria. 83 00:03:27,110 --> 00:03:29,810 Y luego texto, este será nuestro texto regular. 84 00:03:29,810 --> 00:03:31,640 En realidad voy a cambiar de familias de 85 00:03:31,640 --> 00:03:35,740 nuestras dos nuevas arenas D2. 86 00:03:35,735 --> 00:03:41,975 Entonces busquemos puerta nueva. 87 00:03:41,975 --> 00:03:45,065 Dije, lo siento, no es nuevo veto Nieto. 88 00:03:45,065 --> 00:03:46,025 Lo siento. 89 00:03:46,025 --> 00:03:48,805 Incluso usa mis anteojos. Todavía no puedo ver correctamente. 90 00:03:48,800 --> 00:03:51,970 Millones de sensores va a ser texto completo. 91 00:03:51,965 --> 00:03:54,475 Y entonces el tamaño aquí sería 92 00:03:54,470 --> 00:03:59,390 18 píxeles y el ancho va a ser de 500. 93 00:03:59,390 --> 00:04:02,180 Y eso es que último pero no menos importante, 94 00:04:02,180 --> 00:04:04,070 sí tenemos los acentos. 95 00:04:04,070 --> 00:04:06,110 Los acentos va a ser Roboto. 96 00:04:06,110 --> 00:04:07,310 Mantengámonos con Roboto para que 97 00:04:07,310 --> 00:04:09,450 uno y luego esperemos a que sean 500. 98 00:04:09,445 --> 00:04:11,405 Entonces no estamos cambiando nada aquí. 99 00:04:11,405 --> 00:04:13,855 Voy a seguir adelante ahora y actualizarme. 100 00:04:13,850 --> 00:04:16,040 El punto aquí es que en realidad podemos 101 00:04:16,040 --> 00:04:18,230 utilizar estas familias de fuentes, 102 00:04:18,230 --> 00:04:21,620 esta fuente colorea en cualquier parte de nuestro sitio. 103 00:04:21,620 --> 00:04:23,120 Como ejemplo. 104 00:04:23,120 --> 00:04:25,220 Permítanme cerrar esto 105 00:04:25,219 --> 00:04:28,509 y déjame seguir adelante ahora y sumar un rumbo. 106 00:04:28,505 --> 00:04:29,935 Por lo que voy a hacer clic arrastrar, 107 00:04:29,930 --> 00:04:32,350 soltar la cabeza y los elementos aquí. 108 00:04:32,345 --> 00:04:34,105 Ahora echa un vistazo a esto. 109 00:04:34,100 --> 00:04:37,310 Si iba a ir a Style, está bien, 110 00:04:37,310 --> 00:04:41,270 aquí mismo se puede ver tenemos la opción de tipografía para 111 00:04:41,270 --> 00:04:43,340 elegir qué tipo de topografía quería trabajar 112 00:04:43,340 --> 00:04:45,860 con todo el color del texto. 113 00:04:45,860 --> 00:04:47,120 Ahora echa un vistazo a estos. Si hago clic 114 00:04:47,120 --> 00:04:48,440 en este ícono de aquí mismo, 115 00:04:48,440 --> 00:04:51,050 este ícono de aspecto global, hago clic ahí. 116 00:04:51,050 --> 00:04:54,670 Ahora mira podemos elegir entre las cinco opciones, 117 00:04:54,665 --> 00:04:56,755 textos primarios, secundarios, acento, 118 00:04:56,750 --> 00:04:59,240 e incluso el color especial que agregamos. 119 00:04:59,240 --> 00:05:00,700 Así es como se puede hacer uso 120 00:05:00,695 --> 00:05:02,395 de la octava provocada global acaba 121 00:05:02,390 --> 00:05:06,670 establecer los mismos objetivos con la tipográfica haciendo clic aquí de nuevo. 122 00:05:06,665 --> 00:05:10,085 Y ahora puedo elegir ya sea ir con los textos primarios, textos 123 00:05:10,085 --> 00:05:13,835 secundarios, textos regulares, o el acento. 124 00:05:13,835 --> 00:05:16,885 Así funcionarían estos. 125 00:05:16,880 --> 00:05:20,490 Pero déjame mostrarte algo aún más interesante. 126 00:05:20,494 --> 00:05:24,024 Si vuelvo a la configuración del sitio, 127 00:05:24,020 --> 00:05:26,300 justo debajo del sistema de diseño, 128 00:05:26,300 --> 00:05:28,730 tienes tu estilo de tema. 129 00:05:28,730 --> 00:05:32,320 Si hago clic en la tipografía aquí, aquí 130 00:05:32,315 --> 00:05:34,105 es donde ahora podemos establecer 131 00:05:34,100 --> 00:05:36,440 familias de fuentes específicas, colores, 132 00:05:36,440 --> 00:05:40,300 tamaños para nuestra etiqueta H1 o H2, 133 00:05:40,295 --> 00:05:41,935 h3 y así sucesivamente. 134 00:05:41,930 --> 00:05:43,900 Pero para que podamos hacer uso de este sistema en 135 00:05:43,895 --> 00:05:46,775 particular, 136 00:05:46,775 --> 00:05:49,145 vamos a necesitar desactivar 137 00:05:49,145 --> 00:05:54,275 colores y fuentes predeterminados de la página de configuración. 138 00:05:54,275 --> 00:05:57,265 Recuerda, déjame simplemente seguir adelante actualizar esto. 139 00:05:57,260 --> 00:05:58,490 Mostraré de lo que estoy hablando. 140 00:05:58,490 --> 00:06:03,110 Si volvemos al backend, 141 00:06:03,110 --> 00:06:04,960 déjame venir aquí mismo, 142 00:06:04,955 --> 00:06:07,615 vaya a Salir a Dashboard. 143 00:06:07,610 --> 00:06:10,970 Si regresas a tus conjuntos elementales 144 00:06:10,970 --> 00:06:13,540 en la configuración de Elementor, 145 00:06:13,535 --> 00:06:15,295 aquí mismo, 146 00:06:15,290 --> 00:06:17,750 vamos a tener que desactivar los colores y fuentes predeterminados 147 00:06:17,750 --> 00:06:19,640 para poder hacer uso de 148 00:06:19,640 --> 00:06:21,710 este nuevo editor de estilos de tema. 149 00:06:21,710 --> 00:06:23,630 Así que voy a marcar estas dos casillas. 150 00:06:23,630 --> 00:06:25,720 Guarda esos cambios. 151 00:06:25,715 --> 00:06:28,015 Y ahora déjame cerrar esto. 152 00:06:28,010 --> 00:06:31,110 Permítanme refrescar esta página de nuevo. 153 00:06:31,150 --> 00:06:33,080 Ahora echa un vistazo a esto. 154 00:06:33,080 --> 00:06:34,610 Si vuelvo aquí, vaya a 155 00:06:34,610 --> 00:06:37,780 Configuración del sitio y acompañe en topografía nativa. 156 00:06:37,775 --> 00:06:41,725 Ahora puedo establecer un color de texto específico para el cuerpo, el 157 00:06:41,720 --> 00:06:45,220 tamaño de la tecnología, para los enlaces, y así sucesivamente. 158 00:06:45,215 --> 00:06:48,275 Además, si vuelvo, si vuelvo 159 00:06:48,275 --> 00:06:52,195 al back-end regular del laboratorio y luego solo 160 00:06:52,190 --> 00:06:55,990 cierro esto y luego agrego mi rumbo de nuevo aquí. 161 00:06:55,985 --> 00:06:57,835 Si voy al estilo, 162 00:06:57,830 --> 00:07:00,100 correcto, no has ido al color del texto. 163 00:07:00,095 --> 00:07:03,275 Todavía tengo acceso a los colores molestos Alia. 164 00:07:03,275 --> 00:07:06,925 Y luego también para la tipografía, 165 00:07:06,920 --> 00:07:08,240 todavía tengo acceso a 166 00:07:08,240 --> 00:07:12,740 los textos secundarios. Básicamente las mismas opciones. 167 00:07:12,740 --> 00:07:14,690 Dije ls, tendrás acceso a ellos. 168 00:07:14,690 --> 00:07:15,980 Tan básico litigioso. 169 00:07:15,980 --> 00:07:17,930 Vuelve al set 170 00:07:17,930 --> 00:07:19,730 que una vez más y luego solo quería tratarlo. 171 00:07:19,730 --> 00:07:21,110 Todavía tengo acceso a esas opciones. 172 00:07:21,110 --> 00:07:23,510 Volvamos a la tipografía de estilo temático. 173 00:07:23,510 --> 00:07:27,290 Yo sí tengo mis opciones aquí que ya he establecido. 174 00:07:27,290 --> 00:07:28,790 Entonces lo que voy a hacer aquí es esto. 175 00:07:28,790 --> 00:07:30,670 De acuerdo, primero escojamos 176 00:07:30,665 --> 00:07:33,085 la tipografía para nuestro cuerpo. 177 00:07:33,080 --> 00:07:35,230 Así que aquí mismo por cuerpo, 178 00:07:35,225 --> 00:07:37,775 voy a ir por aquí a la columna de texto. 179 00:07:37,775 --> 00:07:40,925 Vamos a elegir nuestro negro que será para el texto. 180 00:07:40,925 --> 00:07:42,275 Por la tipografía. 181 00:07:42,275 --> 00:07:44,605 Simplemente voy a ir con mensajes de texto. 182 00:07:44,600 --> 00:07:47,950 Recuerda que dijimos textos para ser newtonianos a arenas, 183 00:07:47,945 --> 00:07:52,085 tamaño de 18 pixeles y luego el peso de 500. 184 00:07:52,085 --> 00:07:54,305 Eso va a ser para el cuerpo. 185 00:07:54,305 --> 00:07:55,295 Bueno. 186 00:07:55,294 --> 00:07:57,004 Ahora por el enlace. 187 00:07:57,005 --> 00:08:00,385 Y solo revisa lo que tengo aquí para el enlace. 188 00:08:00,380 --> 00:08:02,050 Voy a ir con el color, 189 00:08:02,045 --> 00:08:05,245 la tipografía del color de acento. 190 00:08:05,240 --> 00:08:07,180 Yo también voy a ir con acento. 191 00:08:07,175 --> 00:08:10,075 Ahora para la edad advierte, vale, 192 00:08:10,070 --> 00:08:14,680 esto va a ser un poco diferente para los F1's 193 00:08:14,675 --> 00:08:16,195 Lo que he hecho aquí mismo es para 194 00:08:16,190 --> 00:08:18,170 la familia molesta que quiero por defecto. 195 00:08:18,170 --> 00:08:23,670 Pero el tamaño aquí va a ser de 100 píxeles. 196 00:08:23,800 --> 00:08:26,940 Muy, muy, muy, muy, muy masivo. 197 00:08:26,944 --> 00:08:30,274 Y entonces el peso aquí va a ser 600. 198 00:08:30,275 --> 00:08:33,565 Apenas vamos a usar las H en nuestro sitio, 199 00:08:33,560 --> 00:08:36,670 así que no te preocupes por el enorme tamaño. 200 00:08:36,665 --> 00:08:39,535 Voy a mantener esa a las 100. 201 00:08:39,530 --> 00:08:43,970 Ahora vamos a pasar al H2. 202 00:08:43,970 --> 00:08:47,870 Para H2, sí tengo el tamaño aquí. 203 00:08:47,870 --> 00:08:49,730 Voy a hacer click en la tipografía. 204 00:08:49,730 --> 00:08:53,830 El tamaño aquí, lo he configurado hasta 32 pixeles. 205 00:08:53,825 --> 00:09:00,625 32 pixeles, y luego sí tengo el peso aquí para ser 700. 206 00:09:00,620 --> 00:09:03,020 Básicamente, este es el encabezado principal 207 00:09:03,020 --> 00:09:04,790 con el que vamos a estar trabajando. 208 00:09:04,790 --> 00:09:07,040 En realidad, mis disculpas, lo dije a 36, 209 00:09:07,040 --> 00:09:10,670 lo siento, seis por seis píxeles para H2. 210 00:09:10,670 --> 00:09:15,670 Entonces para los tres años, Echa un vistazo a esto. 211 00:09:15,665 --> 00:09:17,615 Para los tres años, 212 00:09:17,615 --> 00:09:19,165 el color aquí va a ser 213 00:09:19,160 --> 00:09:21,430 el color de acento, el color naranja. 214 00:09:21,425 --> 00:09:28,955 Entonces el tamaño aquí va a ser de 22 pixeles. 215 00:09:30,220 --> 00:09:36,440 Entonces la familia aquí va a ser primaria, 216 00:09:36,440 --> 00:09:39,320 que también sería viejo límite también dijo 217 00:09:39,320 --> 00:09:41,390 la familia de fuentes primarias aquí 218 00:09:41,390 --> 00:09:43,460 para ser nuestro Oswald voy a ser para el H12. 219 00:09:43,460 --> 00:09:45,170 Así que básicamente h dos, 220 00:09:45,170 --> 00:09:47,230 tendríamos 36 tamaño y pixel, 221 00:09:47,225 --> 00:09:48,965 la familia de Oswald. 222 00:09:48,964 --> 00:09:52,644 Habrá mayúsculas y luego 708 y espera. 223 00:09:52,640 --> 00:09:56,620 Y luego finalmente, también he dicho para el H4, 224 00:09:56,615 --> 00:10:00,265 mismo color sería el color axón. 225 00:10:00,260 --> 00:10:04,220 Y entonces el tamaño aquí va a ser nuestros 18 pixeles. 226 00:10:04,220 --> 00:10:08,990 De acuerdo, así que vamos a elegir a Oswald otra vez. 227 00:10:08,990 --> 00:10:13,370 Entonces el tamaño aquí serían nuestros 18 píxeles, 228 00:10:13,370 --> 00:10:15,940 del mismo tamaño que nuestros textos corporales. 229 00:10:15,935 --> 00:10:17,815 Y luego uno más. 230 00:10:17,810 --> 00:10:20,420 El mismo, muy último será el de cinco años, 231 00:10:20,420 --> 00:10:22,070 que en realidad no creo que 232 00:10:22,070 --> 00:10:23,810 vamos a caminar con ese múltiple 233 00:10:23,810 --> 00:10:26,450 legislado hasta H5 y luego topografía sería la 234 00:10:26,450 --> 00:10:29,690 misma secundaria o primaria si tú quiero. 235 00:10:29,690 --> 00:10:34,340 Y entonces el tamaño aquí sería de 16 píxeles. 236 00:10:34,340 --> 00:10:36,320 Ahí vas. 237 00:10:36,315 --> 00:10:39,235 Así que voy a seguir adelante ahora y simplemente actualizar esto. 238 00:10:39,230 --> 00:10:40,910 Y eso es todo ahora, sé que este fue un video muy, 239 00:10:40,910 --> 00:10:42,200 muy largo conmigo solo 240 00:10:42,200 --> 00:10:44,180 hablando de préstamos para automóviles y esas cosas. 241 00:10:44,180 --> 00:10:48,020 Pero señala aquí es que en nuestro sitio, 242 00:10:48,020 --> 00:10:51,590 si dondequiera que agregue un H2 automáticamente, 243 00:10:51,590 --> 00:10:53,630 va a heredar los valores de aquí. 244 00:10:53,630 --> 00:10:55,460 Entonces nuestro H2 está en este momento, 245 00:10:55,460 --> 00:10:57,920 tendría la familia de fuentes de Oswald, 246 00:10:57,920 --> 00:11:01,270 tamaño de 36 píxeles y luego un peso de 700. 247 00:11:01,265 --> 00:11:03,295 Y luego lo mismo sucede con los tres años, 248 00:11:03,290 --> 00:11:04,610 cuatro patas y así sucesivamente. 249 00:11:04,610 --> 00:11:07,990 Mou básicamente configurar los valores globales caen 250 00:11:07,985 --> 00:11:11,665 o nos golpeo así como nuestros textos corporales. 251 00:11:11,660 --> 00:11:14,060 Pero también, hemos dicho que los colores globales, 252 00:11:14,060 --> 00:11:16,100 que podemos usar una y otra vez. 253 00:11:16,100 --> 00:11:17,690 Hemos dicho cinco de ellos primarios, 254 00:11:17,690 --> 00:11:19,030 textos secundarios acento, 255 00:11:19,025 --> 00:11:21,455 sobre todo cuando no uso ecologista especial In, 256 00:11:21,455 --> 00:11:23,455 quería mostrarte cómo puedes hacer audio en 257 00:11:23,450 --> 00:11:27,190 colores personalizados adicionales si quisieras. 258 00:11:27,185 --> 00:11:29,435 Pero como básicamente están configurando 259 00:11:29,435 --> 00:11:32,645 nuestras familias de fuentes globales, colores y tamaños. 260 00:11:32,644 --> 00:11:34,134 Alemania, muy próximo video donde ahora comenzaremos 261 00:11:34,130 --> 00:11:35,560 a construir el 262 00:11:35,555 --> 00:11:39,635 encabezado lleno de página web.