1 00:00:00,000 --> 00:00:01,560 Ahora déjame mostrarte una de las cosas más geniales que 2 00:00:01,560 --> 00:00:03,360 puedes hacer con elementos de pro 3 00:00:03,360 --> 00:00:07,170 y eso es construir una plantilla para tus posts individuales. 4 00:00:07,170 --> 00:00:09,090 Antes de hacer eso, déjame simplemente mostrarte 5 00:00:09,090 --> 00:00:11,640 muy rápidamente cómo puedes reconstruir la página del blog. 6 00:00:11,640 --> 00:00:14,220 Recuerda que utilizamos el elemento posts 7 00:00:14,220 --> 00:00:16,920 de los complementos esenciales para esta página. 8 00:00:16,920 --> 00:00:18,930 Ambos elementos son pro por supuesto, 9 00:00:18,930 --> 00:00:20,820 sí tienes los elementos 10 00:00:20,820 --> 00:00:22,890 específicamente para mostrar tus posts. 11 00:00:22,890 --> 00:00:24,690 Sólo te voy a mostrar muy rápido cómo funciona. 12 00:00:24,690 --> 00:00:25,790 Lo encontrarás bajo Pro, 13 00:00:25,785 --> 00:00:27,575 esto es todo aquí, posts. 14 00:00:27,570 --> 00:00:28,770 Lo dejas caer ahí. 15 00:00:28,770 --> 00:00:33,120 Y por supuesto se puede elegir el número de piel de publicaciones, 16 00:00:33,120 --> 00:00:34,890 mostrar imagen, altura, imagen. 17 00:00:34,890 --> 00:00:36,710 Tienes todas esas opciones ahí dentro. 18 00:00:36,705 --> 00:00:38,255 Tienes la consulta que quieres sacar de las 19 00:00:38,250 --> 00:00:39,780 publicaciones que se deben en ella, 20 00:00:39,775 --> 00:00:42,725 pool de una selección manual o páginas. 21 00:00:42,725 --> 00:00:44,725 ¿ Te gustaría incluir por término? 22 00:00:44,720 --> 00:00:46,790 De esta manera ahora puedes agregar cosas como categorías, 23 00:00:46,790 --> 00:00:48,220 etiquetas, etcétera. 24 00:00:48,215 --> 00:00:50,275 Tienes tus opciones de paginación. 25 00:00:50,270 --> 00:00:54,140 Podrías simplemente probar y opciones y todas esas cosas geniales, 26 00:00:54,140 --> 00:00:57,020 pero eso no es para lo que estamos aquí. 27 00:00:57,020 --> 00:00:59,060 Déjame mostrarte cómo 28 00:00:59,060 --> 00:01:00,830 construir la plantilla primeros postes angulares. 29 00:01:00,830 --> 00:01:02,150 Ahora déjame escoger uno publicado aquí mismo 30 00:01:02,150 --> 00:01:04,530 moda en Estambul. 31 00:01:04,534 --> 00:01:06,534 Esto es lo que tenemos por defecto. 32 00:01:06,530 --> 00:01:09,790 Y se puede ver que no se ve bien en absoluto. 33 00:01:09,785 --> 00:01:13,555 Eso es porque el tema hola 34 00:01:13,550 --> 00:01:16,850 es el que se ha utilizado para mostrar este post. 35 00:01:16,850 --> 00:01:18,890 Y es muy, muy, muy feo ahora, 36 00:01:18,890 --> 00:01:21,080 muy específicamente he 37 00:01:21,080 --> 00:01:23,420 hecho el área de contenido para este post muy, 38 00:01:23,420 --> 00:01:26,360 mucho tiempo como se puede ver. Pero hay una razón para eso. 39 00:01:26,360 --> 00:01:30,160 Te voy a mostrar exactamente por qué elegí hacer eso. 40 00:01:30,155 --> 00:01:32,215 Permítanme en primer lugar seguir adelante y construir 41 00:01:32,210 --> 00:01:33,770 la plantilla para nuestros posts. 42 00:01:33,770 --> 00:01:37,100 Así que vamos a elemental, lo siento, plantillas. 43 00:01:37,100 --> 00:01:40,280 Y luego aquí mismo, constructor de temas. 44 00:01:40,279 --> 00:01:42,319 Y vamos a sumar 45 00:01:42,320 --> 00:01:46,060 el constructor para solo post aquí mismo, haciendo click ahí. 46 00:01:46,055 --> 00:01:48,065 No se encontraron plantillas quieren crear una. 47 00:01:48,065 --> 00:01:50,365 Sí, así que voy a hacer click en añadir nuevo como 48 00:01:50,360 --> 00:01:53,660 son por supuesto con elementos son pobres. 49 00:01:53,660 --> 00:01:56,300 Tendrás acceso a una amplia variedad de plantillas. 50 00:01:56,300 --> 00:01:57,770 Puedes verlos aquí mismo. 51 00:01:57,770 --> 00:01:59,750 Los cuatro puestos individuales, 52 00:01:59,750 --> 00:02:03,320 tantos, pero voy a seguir adelante y cerrar esto. 53 00:02:03,320 --> 00:02:05,560 Construyamos nuestra plantilla. 54 00:02:05,555 --> 00:02:06,925 Ahora por defecto, ya que estamos 55 00:02:06,920 --> 00:02:09,020 construyendo la plantilla para un solo puesto, 56 00:02:09,020 --> 00:02:10,970 tendrás acceso a 57 00:02:10,970 --> 00:02:14,260 estos elementos bajo la categoría única. 58 00:02:14,255 --> 00:02:16,165 Estas son para tus posts, 59 00:02:16,160 --> 00:02:19,040 así que obviamente no mostraré el título de la publicación, 60 00:02:19,040 --> 00:02:22,360 así que voy a dejar eso ahí por el título del post. 61 00:02:22,355 --> 00:02:25,115 Ahora por defecto, elemental extraerá las 62 00:02:25,115 --> 00:02:27,965 últimas publicaciones para utilizarlas como 63 00:02:27,965 --> 00:02:31,705 muestra al ver el contenido de la plantilla. 64 00:02:31,700 --> 00:02:34,280 Si dejas cambiar la selección, 65 00:02:34,280 --> 00:02:35,960 baja aquí a ajustes. 66 00:02:35,960 --> 00:02:37,370 Justo aquí tendrás 67 00:02:37,370 --> 00:02:39,370 la frase anterior, pinchas ahí. 68 00:02:39,365 --> 00:02:40,985 Y luego aquí mismo, 69 00:02:40,985 --> 00:02:44,885 simplemente puedo escribir en moda. 70 00:02:44,885 --> 00:02:47,005 Y en cambio lo hará, porque este es el que quiero usar 71 00:02:47,000 --> 00:02:48,880 todos eligen la moda en Instanbul. 72 00:02:48,875 --> 00:02:50,845 Haga clic en Aplicar y previsualizar. 73 00:02:50,840 --> 00:02:52,880 Ahora elemental usará el contenido 74 00:02:52,880 --> 00:02:55,640 de este post para nuestra muestra. 75 00:02:55,640 --> 00:02:57,740 De acuerdo, déjame hacer algunos cambios. 76 00:02:57,740 --> 00:03:01,000 Los inhaladores hacen estos y H2 alineados al centro. 77 00:03:00,995 --> 00:03:05,125 Hagamos el texto un poco más grande. 78 00:03:05,120 --> 00:03:09,170 Tal vez 58 píxeles, 56 píxeles tan bien. 79 00:03:09,170 --> 00:03:11,320 Vamos a añadir algo de relleno. 80 00:03:11,315 --> 00:03:14,645 En la parte superior, 25 píxeles, 81 00:03:14,645 --> 00:03:17,225 dos píxeles en la parte inferior también. 82 00:03:17,225 --> 00:03:19,645 Muy bien, ¿Cuál es la siguiente imagen destacada? 83 00:03:19,640 --> 00:03:21,160 Arrastrémoslo ahí dentro. 84 00:03:21,155 --> 00:03:23,965 Haz de éste f2. Y por supuesto se puede ver 85 00:03:23,960 --> 00:03:27,020 la imagen destacada de la post-sesión y Estambul. 86 00:03:27,020 --> 00:03:30,760 ¿ Qué es lo siguiente? Usted sí tiene el post info. 87 00:03:30,755 --> 00:03:32,615 Se puede dejar caer eso ahí. 88 00:03:32,615 --> 00:03:34,255 Por defecto, mostrará 89 00:03:34,250 --> 00:03:37,410 al autor la fecha, hora comentarios. 90 00:03:37,414 --> 00:03:39,244 No quiero mostrar al autor. 91 00:03:39,245 --> 00:03:41,665 No quiero mostrar el nombre y también la hora, 92 00:03:41,660 --> 00:03:43,520 así que los movemos. 93 00:03:43,520 --> 00:03:45,730 Sí deja fecha y comentarios. 94 00:03:45,725 --> 00:03:47,485 Se pueden modificar estos dos, por supuesto, 95 00:03:47,480 --> 00:03:49,390 simplemente haga clic en los datos como ejemplo 96 00:03:49,385 --> 00:03:51,955 y decir por ejemplo el ícono, 97 00:03:51,950 --> 00:03:54,740 solo puedo seguir adelante y quitar el icono, llenar uno. 98 00:03:54,740 --> 00:03:57,520 Puedes agregar metadatos adicionales, 99 00:03:57,515 --> 00:03:58,705 para que hagas clic en Agregar elemento. 100 00:03:58,700 --> 00:04:00,700 Y luego aquí mismo, puedes hacer cosas como 101 00:04:00,695 --> 00:04:03,665 agregar los términos como la categoría y así sucesivamente, 102 00:04:03,665 --> 00:04:05,945 disfraz y así sucesivamente. 103 00:04:05,945 --> 00:04:09,715 Muy bien, voy a seguir adelante y cerrar eso. 104 00:04:09,710 --> 00:04:13,280 Por lo que sólo tenemos fecha y comentarios. 105 00:04:13,280 --> 00:04:15,910 Volvamos a nuestros elementos aquí mismo. 106 00:04:15,905 --> 00:04:20,125 La próxima vez que vamos a agregar será el post nuestro contenido. 107 00:04:20,120 --> 00:04:23,260 Por lo que vamos a saltar al contenido del post ahí abajo, 108 00:04:23,255 --> 00:04:25,915 justo debajo de la información. 109 00:04:25,910 --> 00:04:30,430 Permítanme sólo confirmar por qué esto parece estar en gris. 110 00:04:30,425 --> 00:04:32,165 Sólo estoy bien. 111 00:04:32,165 --> 00:04:35,605 Se está mostrando aquí tenemos el contenido del post muy, 112 00:04:35,600 --> 00:04:37,550 muy, muy largo o ancho. ¿Qué sigue? 113 00:04:37,550 --> 00:04:39,250 ¿ Qué nos gusta exhibir? 114 00:04:39,245 --> 00:04:43,265 Podemos mostrar el post navigation. 115 00:04:43,265 --> 00:04:44,765 Contamos con mensajes de navegación. 116 00:04:44,765 --> 00:04:46,615 Dejemos eso ahí dentro. 117 00:04:46,610 --> 00:04:49,130 Ahora tenemos el post anterior, el siguiente post, 118 00:04:49,130 --> 00:04:51,500 por supuesto que puedes darle estilo tanto como quieras. 119 00:04:51,500 --> 00:04:55,160 Y por último, podemos sumar nuestros comentarios post. 120 00:04:55,160 --> 00:04:58,180 Así publicar comentarios justo ahí en la parte inferior. 121 00:04:58,175 --> 00:05:00,565 Y eso es todo. 122 00:05:00,560 --> 00:05:03,700 Esta va a ser nuestra plantilla. 123 00:05:03,695 --> 00:05:08,435 Ahora, ¿por qué hice el área de contenido muy, muy larga. 124 00:05:08,435 --> 00:05:10,465 Quiero mostrarles cómo hacer uso de un nuevo elemento muy, 125 00:05:10,460 --> 00:05:14,900 muy cool llamado el rastreador de progreso. 126 00:05:14,900 --> 00:05:17,980 Es posible que hayas visto esto en algún blog determinado antes donde 127 00:05:17,975 --> 00:05:19,895 Tendrás un bar 128 00:05:19,895 --> 00:05:22,075 diciéndote cuánto del contenido se ha 129 00:05:22,070 --> 00:05:24,410 consumido o cuánto contenido aún tienes que 130 00:05:24,410 --> 00:05:27,290 leer antes de terminar el articulo. 131 00:05:27,290 --> 00:05:29,690 Ese es el rastreador de progreso aquí mismo. 132 00:05:29,690 --> 00:05:31,670 Entonces lo que voy a hacer es esto, vale, 133 00:05:31,670 --> 00:05:34,720 voy a dejarlo caer en la parte superior justo aquí, 134 00:05:34,715 --> 00:05:36,665 justo por encima del título. 135 00:05:36,665 --> 00:05:39,115 Déjame simplemente compartir cómo funciona en este momento se puede 136 00:05:39,110 --> 00:05:42,500 ver la idea de la barra de progreso en movimiento, nos estamos moviendo. 137 00:05:42,500 --> 00:05:44,150 Pero el problema es, 138 00:05:44,150 --> 00:05:47,170 es que una vez que la escuela pasó el bar, 139 00:05:47,165 --> 00:05:49,715 ya no lo vemos. 140 00:05:49,715 --> 00:05:51,275 ¿ Cuál es el punto de tener esto por 141 00:05:51,275 --> 00:05:52,765 si te desplazas hasta aquí y ni siquiera 142 00:05:52,760 --> 00:05:55,850 viste cuánto del contenido queda. 143 00:05:55,850 --> 00:05:57,500 Bueno, déjame mostrarte un truco muy, 144 00:05:57,500 --> 00:06:00,520 muy cool. Ir a Avanzado. 145 00:06:00,515 --> 00:06:01,885 Estamos editando el rastreador de progreso, por cierto, 146 00:06:01,880 --> 00:06:05,230 mercancías a efectos avanzados de movimiento go-to. 147 00:06:05,225 --> 00:06:07,435 Aquí mismo tenemos pegajoso. 148 00:06:07,430 --> 00:06:10,900 Di que sí, vamos a pegarla en la parte superior. 149 00:06:10,895 --> 00:06:14,645 Lo que esto significa en este momento es que una vez que nos desplazamos, 150 00:06:14,645 --> 00:06:18,325 verás que el arco siempre estará ahí. 151 00:06:18,320 --> 00:06:19,880 Y se puede ver ahora mismo hasta que lleguemos 152 00:06:19,880 --> 00:06:21,640 al fondo, 153 00:06:21,635 --> 00:06:24,055 ahí es cuando termina la barra. 154 00:06:24,050 --> 00:06:26,360 Entonces así es exactamente cómo hacer 155 00:06:26,360 --> 00:06:29,410 esto como un efecto muy, muy, muy cool. 156 00:06:29,405 --> 00:06:32,135 Se puede hacer eso por el fondo también. 157 00:06:32,135 --> 00:06:35,095 Lo cual no creo que la duda 158 00:06:35,090 --> 00:06:36,500 funcione porque en realidad tendrá que desplazarse hacia 159 00:06:36,500 --> 00:06:38,060 abajo en el aire de fondo. 160 00:06:38,060 --> 00:06:39,530 No, en realidad no funciona. 161 00:06:39,530 --> 00:06:42,760 Nunca lo había probado. Así que sólo ve con top. Ve con top. 162 00:06:42,755 --> 00:06:44,905 Y por supuesto, en el estilo, 163 00:06:44,900 --> 00:06:47,470 se puede cambiar el progreso llamar ley. 164 00:06:47,465 --> 00:06:49,055 Puedes agregar un borde, 165 00:06:49,055 --> 00:06:51,965 puedes tener un radio de borde oculto, y así sucesivamente. 166 00:06:51,965 --> 00:06:54,745 Para el propio verificador de progreso real, 167 00:06:54,740 --> 00:06:56,390 el progreso siempre será 168 00:06:56,390 --> 00:06:58,550 relativo al contenido POSTAR. 169 00:06:58,550 --> 00:07:00,620 Así que cambia esto a publicar 170 00:07:00,620 --> 00:07:03,370 contenido y no anti página post contenido. 171 00:07:03,365 --> 00:07:06,055 Tienes que revisar nuestros tipos, llamados u horizontales. 172 00:07:06,050 --> 00:07:07,820 Este es el estilo circular, 173 00:07:07,820 --> 00:07:12,170 que puede ver eso no me gusta personalmente, 174 00:07:12,170 --> 00:07:13,870 así que simplemente iré con horizontal. 175 00:07:13,865 --> 00:07:15,715 Puedes agregar porcentaje si quieres. 176 00:07:15,710 --> 00:07:17,960 Por lo que dirá veinticinco por ciento, 177 00:07:17,960 --> 00:07:19,880 treinta y tres por ciento, y así sucesivamente. 178 00:07:19,880 --> 00:07:22,340 Tienes todas esas opciones ahí para ti. 179 00:07:22,340 --> 00:07:25,020 Eso es todo. Voy a seguir adelante y ahora pegaré Publish. 180 00:07:25,024 --> 00:07:27,294 Y al igual que con una plantilla, tendrás que elegir 181 00:07:27,289 --> 00:07:29,029 dónde llevarías a mostrar 182 00:07:29,030 --> 00:07:30,310 estas plantillas en particular. 183 00:07:30,305 --> 00:07:32,215 Agreguemos ahora la condición por 184 00:07:32,210 --> 00:07:34,660 defecto dirá todo singular. 185 00:07:34,655 --> 00:07:37,375 Ten cuidado de que toda una hora se refiere a 186 00:07:37,370 --> 00:07:40,990 toda una sola página está incluida en tu portada. 187 00:07:40,985 --> 00:07:44,515 Entonces no todo es singular. 188 00:07:44,510 --> 00:07:46,810 Haga clic en la flecha desplegable aquí. 189 00:07:46,805 --> 00:07:48,505 Ahora verás publicaciones. 190 00:07:48,500 --> 00:07:51,170 Simplemente elige publicaciones. 191 00:07:51,170 --> 00:07:53,720 Eso es todo. Eso es todo. 192 00:07:53,720 --> 00:07:55,880 Eso es todo lo que necesitas. 193 00:07:55,880 --> 00:07:58,810 Voy a seguir adelante y ahora haga clic en guardar y cerrar. 194 00:07:58,805 --> 00:07:59,815 Y eso es todo. 195 00:07:59,810 --> 00:08:06,490 Así que vayamos primero a la primera página, 196 00:08:06,485 --> 00:08:09,895 solo para confirmar front-page como ir a los artículos. 197 00:08:09,890 --> 00:08:13,670 Y escojamos, digamos que la majestuosa ciudad de 198 00:08:13,670 --> 00:08:19,440 Glasgow tendrá que refrescar esta página. 199 00:08:20,440 --> 00:08:22,430 Y ahí está. 200 00:08:22,430 --> 00:08:23,540 Ok. 201 00:08:23,540 --> 00:08:25,890 Desplázate hacia abajo. 202 00:08:25,894 --> 00:08:27,414 Desplázate hacia abajo. 203 00:08:27,410 --> 00:08:29,960 Ahora obviamente la barra de desplazamiento se mueve muy, 204 00:08:29,960 --> 00:08:31,520 muy rápido porque el área de contenido 205 00:08:31,520 --> 00:08:33,230 aquí es muy, muy, muy corta. 206 00:08:33,230 --> 00:08:34,850 Como se puede ver, es sólo un párrafo 207 00:08:34,850 --> 00:08:36,380 o dos párrafos, básicamente. 208 00:08:36,380 --> 00:08:38,210 Quizá no sea el mejor ejemplo. 209 00:08:38,210 --> 00:08:40,700 Vamos con la moda en Estambul. 210 00:08:40,700 --> 00:08:44,480 Nuevamente, tendré que refrescar esta página para borrar 211 00:08:44,480 --> 00:08:48,550 la moda cache en Estambul. 212 00:08:48,545 --> 00:08:51,355 Y te van, 213 00:08:51,350 --> 00:08:54,260 esa es la plantilla para nuestros posts individuales. 214 00:08:54,260 --> 00:08:55,690 Tenemos la herramienta TI, 215 00:08:55,685 --> 00:08:57,535 tenemos la imagen destacada, 216 00:08:57,530 --> 00:09:00,080 tenemos la información sobre la 217 00:09:00,080 --> 00:09:01,820 pose de que se publicaron datos, 218 00:09:01,820 --> 00:09:05,360 número de comentarios, el área de contenido, 219 00:09:05,360 --> 00:09:07,430 el post navigation para 220 00:09:07,430 --> 00:09:09,280 el post anterior y el siguiente post. 221 00:09:09,275 --> 00:09:12,055 Y por supuesto la sección de comentarios. 222 00:09:12,050 --> 00:09:14,200 Entonces así es como construir 223 00:09:14,195 --> 00:09:19,505 una plantilla de publicación para tus publicaciones usando Elementor Pro.