1 00:00:00,000 --> 00:00:01,560 Agora deixe-me mostrar uma das coisas mais legais que você 2 00:00:01,560 --> 00:00:03,360 pode fazer com elementos de pro 3 00:00:03,360 --> 00:00:07,170 e isso é criar um modelo para suas postagens únicas. 4 00:00:07,170 --> 00:00:09,090 Antes de fazer isso, deixe-me mostrar 5 00:00:09,090 --> 00:00:11,640 rapidamente como você pode reconstruir a página do blog. 6 00:00:11,640 --> 00:00:14,220 Lembre-se de que usamos o elemento posts 7 00:00:14,220 --> 00:00:16,920 dos complementos essenciais para esta página. 8 00:00:16,920 --> 00:00:18,930 Ambos os elementos são profissionais, é claro, 9 00:00:18,930 --> 00:00:20,820 você tem os elementos 10 00:00:20,820 --> 00:00:22,890 especificamente para exibir suas postagens. 11 00:00:22,890 --> 00:00:24,690 Só estou te mostrando muito rapidamente como ele funciona. 12 00:00:24,690 --> 00:00:25,790 Você vai encontrá-lo em Pro, 13 00:00:25,785 --> 00:00:27,575 é isso aqui, postagens. 14 00:00:27,570 --> 00:00:28,770 Você o deixa lá dentro. 15 00:00:28,770 --> 00:00:33,120 E, claro, você pode escolher o número da pele de postagens, 16 00:00:33,120 --> 00:00:34,890 mostrar imagem, altura, imagem. 17 00:00:34,890 --> 00:00:36,710 Você tem todas essas opções lá. 18 00:00:36,705 --> 00:00:38,255 Você tem a consulta que deseja 19 00:00:38,250 --> 00:00:39,780 extrair das postagens que são vencidas nela, 20 00:00:39,775 --> 00:00:42,725 pool de uma seleção manual ou páginas. 21 00:00:42,725 --> 00:00:44,725 Você gostaria de incluir por termo? 22 00:00:44,720 --> 00:00:46,790 Dessa forma, agora você pode adicionar coisas como categorias, 23 00:00:46,790 --> 00:00:48,220 tags e assim por diante. 24 00:00:48,215 --> 00:00:50,275 Você tem suas opções de paginação. 25 00:00:50,270 --> 00:00:54,140 Você poderia apenas tentar e opções e todas essas coisas legais, 26 00:00:54,140 --> 00:00:57,020 mas não é para isso que estamos aqui. 27 00:00:57,020 --> 00:00:59,060 Deixe-me mostrar como 28 00:00:59,060 --> 00:01:00,830 construir as postagens de primeiro ângulo do modelo. 29 00:01:00,830 --> 00:01:02,150 Agora deixe-me escolher um postado aqui 30 00:01:02,150 --> 00:01:04,530 moda em Istambul. 31 00:01:04,534 --> 00:01:06,534 Isso é o que temos por padrão. 32 00:01:06,530 --> 00:01:09,790 E você pode ver que não parece bom. 33 00:01:09,785 --> 00:01:13,555 Isso porque o tema Olá 34 00:01:13,550 --> 00:01:16,850 é o que foi usado para exibir esta postagem. 35 00:01:16,850 --> 00:01:18,890 E é muito, muito, muito feio agora, 36 00:01:18,890 --> 00:01:21,080 eu fiz muito especificamente 37 00:01:21,080 --> 00:01:23,420 a área de conteúdo deste post muito, 38 00:01:23,420 --> 00:01:26,360 muito tempo quanto você pode ver. Mas há uma razão para isso. 39 00:01:26,360 --> 00:01:30,160 Vou te mostrar exatamente por que escolhi fazer isso. 40 00:01:30,155 --> 00:01:32,215 Deixe-me primeiro ir em frente e criar 41 00:01:32,210 --> 00:01:33,770 o modelo para nossas postagens. 42 00:01:33,770 --> 00:01:37,100 Então, vamos para modelos elementares, desculpe,. 43 00:01:37,100 --> 00:01:40,280 E então aqui, construtor de temas. 44 00:01:40,279 --> 00:01:42,319 E vamos adicionar 45 00:01:42,320 --> 00:01:46,060 o construtor para uma única postagem aqui, clicando lá. 46 00:01:46,055 --> 00:01:48,065 Nenhum modelo encontrado deseja criar um. 47 00:01:48,065 --> 00:01:50,365 Sim, então eu vou clicar em adicionar novo como 48 00:01:50,360 --> 00:01:53,660 eles são, é claro, com elementos ruins. 49 00:01:53,660 --> 00:01:56,300 Você terá acesso a uma grande variedade de modelos. 50 00:01:56,300 --> 00:01:57,770 Você pode vê-los aqui. 51 00:01:57,770 --> 00:01:59,750 Todas as quatro postagens individuais 52 00:01:59,750 --> 00:02:03,320 , tantas, mas vou seguir em frente e fechar isso. 53 00:02:03,320 --> 00:02:05,560 Vamos criar nosso modelo. 54 00:02:05,555 --> 00:02:06,925 Agora, por padrão, como estamos 55 00:02:06,920 --> 00:02:09,020 criando o modelo para uma única postagem, 56 00:02:09,020 --> 00:02:10,970 você terá acesso a 57 00:02:10,970 --> 00:02:14,260 esses elementos na única categoria. 58 00:02:14,255 --> 00:02:16,165 Estas são para suas postagens, portanto, 59 00:02:16,160 --> 00:02:19,040 obviamente, não exibirá o título da postagem, 60 00:02:19,040 --> 00:02:22,360 então vou deixar isso lá para o título da postagem. 61 00:02:22,355 --> 00:02:25,115 Agora, por padrão, o elemental irá extrair 62 00:02:25,115 --> 00:02:27,965 as postagens mais recentes para usar como 63 00:02:27,965 --> 00:02:31,705 amostra ao visualizar o conteúdo do modelo. 64 00:02:31,700 --> 00:02:34,280 Se você permitir que você altere a seleção, 65 00:02:34,280 --> 00:02:35,960 venha aqui para as configurações. 66 00:02:35,960 --> 00:02:37,370 Aqui você terá 67 00:02:37,370 --> 00:02:39,370 a frase anterior, você clica lá. 68 00:02:39,365 --> 00:02:40,985 E então aqui, 69 00:02:40,985 --> 00:02:44,885 posso simplesmente digitar na moda. 70 00:02:44,885 --> 00:02:47,005 E, em vez disso, será, porque este é o que eu quero 71 00:02:47,000 --> 00:02:48,880 usar todos escolhem moda em Instanbul. 72 00:02:48,875 --> 00:02:50,845 Clique em Aplicar e visualizar. 73 00:02:50,840 --> 00:02:52,880 Agora, o elemental usará o conteúdo 74 00:02:52,880 --> 00:02:55,640 desta postagem para nossa amostra. 75 00:02:55,640 --> 00:02:57,740 Ok, deixe-me fazer algumas mudanças. 76 00:02:57,740 --> 00:03:01,000 Os inaladores fazem estes e o H2 alinhados ao centro. 77 00:03:00,995 --> 00:03:05,125 Vamos tornar o texto um pouco maior. 78 00:03:05,120 --> 00:03:09,170 Talvez 58 pixels, 56 pixels tão bem. 79 00:03:09,170 --> 00:03:11,320 Vamos adicionar um pouco de preenchimento. 80 00:03:11,315 --> 00:03:14,645 Na parte superior, 25 pixels, 81 00:03:14,645 --> 00:03:17,225 dois pixels na parte inferior também. 82 00:03:17,225 --> 00:03:19,645 Tudo bem, Qual é a próxima imagem em destaque? 83 00:03:19,640 --> 00:03:21,160 Vamos arrastar isso para lá. 84 00:03:21,155 --> 00:03:23,965 Faça este f2. E, claro, você pode ver 85 00:03:23,960 --> 00:03:27,020 a imagem em destaque do pós-sessão e de Istambul. 86 00:03:27,020 --> 00:03:30,760 O que vem a seguir? Você tem as informações da postagem. 87 00:03:30,755 --> 00:03:32,615 Você pode deixar isso lá dentro. 88 00:03:32,615 --> 00:03:34,255 Por padrão, ele mostrará 89 00:03:34,250 --> 00:03:37,410 ao autor os comentários de data, hora. 90 00:03:37,414 --> 00:03:39,244 Não quero exibir o autor. 91 00:03:39,245 --> 00:03:41,665 Eu não quero exibir o nome e também a hora, 92 00:03:41,660 --> 00:03:43,520 então nós os movemos. 93 00:03:43,520 --> 00:03:45,730 Ele deixa data e comentários. 94 00:03:45,725 --> 00:03:47,485 Você pode modificar esses dois, é claro, 95 00:03:47,480 --> 00:03:49,390 basta clicar nos dados como exemplo 96 00:03:49,385 --> 00:03:51,955 e dizer, por exemplo, o ícone, 97 00:03:51,950 --> 00:03:54,740 posso simplesmente ir em frente e remover o ícone, preencher um. 98 00:03:54,740 --> 00:03:57,520 Você pode adicionar metadados extras, 99 00:03:57,515 --> 00:03:58,705 então você clica em Adicionar item. 100 00:03:58,700 --> 00:04:00,700 E então aqui, você pode fazer coisas como 101 00:04:00,695 --> 00:04:03,665 adicionar os termos como a categoria e assim por diante, 102 00:04:03,665 --> 00:04:05,945 fantasia e assim por diante. 103 00:04:05,945 --> 00:04:09,715 Tudo bem, vou ir em frente e fechar isso. 104 00:04:09,710 --> 00:04:13,280 Portanto, só temos data e comentários. 105 00:04:13,280 --> 00:04:15,910 Vamos voltar aos nossos elementos aqui. 106 00:04:15,905 --> 00:04:20,125 Da próxima vez que vamos adicionar será a postagem do nosso conteúdo. 107 00:04:20,120 --> 00:04:23,260 Então, vamos entrar no conteúdo da publicação lá embaixo, 108 00:04:23,255 --> 00:04:25,915 logo abaixo das informações. 109 00:04:25,910 --> 00:04:30,430 Deixe-me confirmar por que isso parece estar acinzentado. 110 00:04:30,425 --> 00:04:32,165 Estou bem. 111 00:04:32,165 --> 00:04:35,605 Ele está exibindo aqui que temos o conteúdo do post muito, 112 00:04:35,600 --> 00:04:37,550 muito, muito longo ou largo. O que vem depois? 113 00:04:37,550 --> 00:04:39,250 O que gostamos de exibir? 114 00:04:39,245 --> 00:04:43,265 Podemos exibir a navegação de postagem. 115 00:04:43,265 --> 00:04:44,765 Temos navegação de postagens. 116 00:04:44,765 --> 00:04:46,615 Vamos deixar isso lá dentro. 117 00:04:46,610 --> 00:04:49,130 Agora temos o post anterior, o próximo post, 118 00:04:49,130 --> 00:04:51,500 é claro que você pode estilizá-los o quanto quiser. 119 00:04:51,500 --> 00:04:55,160 E, finalmente, podemos adicionar nossos comentários de postagem. 120 00:04:55,160 --> 00:04:58,180 Então publique comentários ali mesmo na parte inferior. 121 00:04:58,175 --> 00:05:00,565 E é isso. 122 00:05:00,560 --> 00:05:03,700 Esse será o nosso modelo. 123 00:05:03,695 --> 00:05:08,435 Agora, por que eu fiz a área de conteúdo muito, muito longa. 124 00:05:08,435 --> 00:05:10,465 Quero mostrar como fazer uso de um novo elemento muito 125 00:05:10,460 --> 00:05:14,900 legal chamado rastreador de progresso. 126 00:05:14,900 --> 00:05:17,980 Você pode ter visto isso em algum blog específico antes de onde 127 00:05:17,975 --> 00:05:19,895 Você terá uma barra 128 00:05:19,895 --> 00:05:22,075 dizendo quanto do conteúdo foi 129 00:05:22,070 --> 00:05:24,410 consumido ou quanto conteúdo você ainda precisa 130 00:05:24,410 --> 00:05:27,290 ler antes de terminar o artigo. 131 00:05:27,290 --> 00:05:29,690 Esse é o rastreador de progresso aqui. 132 00:05:29,690 --> 00:05:31,670 Então o que eu vou fazer é isso, ok, 133 00:05:31,670 --> 00:05:34,720 vou deixá-lo no topo bem aqui, 134 00:05:34,715 --> 00:05:36,665 logo acima do título. 135 00:05:36,665 --> 00:05:39,115 Deixe-me apenas compartilhar como funciona agora você pode 136 00:05:39,110 --> 00:05:42,500 ver a ideia da barra de progresso se movendo, estamos nos movendo. 137 00:05:42,500 --> 00:05:44,150 Mas o problema é que, 138 00:05:44,150 --> 00:05:47,170 uma vez que a escola passou pelo bar, 139 00:05:47,165 --> 00:05:49,715 não o vemos mais. 140 00:05:49,715 --> 00:05:51,275 Qual é o ponto de ter isso 141 00:05:51,275 --> 00:05:52,765 se você rolar para baixo aqui e nem 142 00:05:52,760 --> 00:05:55,850 viu quanto do conteúdo resta. 143 00:05:55,850 --> 00:05:57,500 Bem, deixe-me mostrar um truque muito, 144 00:05:57,500 --> 00:06:00,520 muito legal. Vá para Avançado. 145 00:06:00,515 --> 00:06:01,885 Estamos editando o rastreador de progresso, a propósito, 146 00:06:01,880 --> 00:06:05,230 mercadorias para efeitos avançados de movimento. 147 00:06:05,225 --> 00:06:07,435 Aqui temos pegajoso. 148 00:06:07,430 --> 00:06:10,900 Diga que sim, vamos colocá-lo no topo. 149 00:06:10,895 --> 00:06:14,645 O que isso significa agora é que, uma vez que rolamos, 150 00:06:14,645 --> 00:06:18,325 você verá que o arco sempre estará lá. 151 00:06:18,320 --> 00:06:19,880 E você pode ver agora mesmo até chegarmos 152 00:06:19,880 --> 00:06:21,640 ao fundo, 153 00:06:21,635 --> 00:06:24,055 é quando a barra termina. 154 00:06:24,050 --> 00:06:26,360 Então é exatamente assim que fazer 155 00:06:26,360 --> 00:06:29,410 isso como um efeito muito, muito, muito legal. 156 00:06:29,405 --> 00:06:32,135 Você pode fazer isso para o fundo também. 157 00:06:32,135 --> 00:06:35,095 O que não acho que a dúvida 158 00:06:35,090 --> 00:06:36,500 funcionaria porque você realmente terá que rolar para 159 00:06:36,500 --> 00:06:38,060 baixo no ar inferior. 160 00:06:38,060 --> 00:06:39,530 Não, na verdade não funciona. 161 00:06:39,530 --> 00:06:42,760 Nunca tentei. Então, basta ir com o top. Vá com o topo. 162 00:06:42,755 --> 00:06:44,905 E, claro, no estilo, 163 00:06:44,900 --> 00:06:47,470 você pode mudar a lei de chamada de progresso. 164 00:06:47,465 --> 00:06:49,055 Você pode adicionar uma borda, 165 00:06:49,055 --> 00:06:51,965 você pode ter um raio de borda de ocultação e assim por diante. 166 00:06:51,965 --> 00:06:54,745 Para o verificador de progresso real em si, 167 00:06:54,740 --> 00:06:56,390 o progresso sempre será 168 00:06:56,390 --> 00:06:58,550 relativo ao conteúdo POSTAR. 169 00:06:58,550 --> 00:07:00,620 Então alterne isso para publicar 170 00:07:00,620 --> 00:07:03,370 conteúdo e não conteúdo de publicação anti-página. 171 00:07:03,365 --> 00:07:06,055 Você tem que verificar nossos tipos, chamados ou horizontais. 172 00:07:06,050 --> 00:07:07,820 Este é o estilo circular, 173 00:07:07,820 --> 00:07:12,170 que pode ver que eu pessoalmente não gosto disso, 174 00:07:12,170 --> 00:07:13,870 então vou apenas com a horizontal. 175 00:07:13,865 --> 00:07:15,715 Você pode adicionar porcentagem se quiser. 176 00:07:15,710 --> 00:07:17,960 Então, dirá vinte e cinco por cento, 177 00:07:17,960 --> 00:07:19,880 trinta e três por cento, e assim por diante. 178 00:07:19,880 --> 00:07:22,340 Você tem todas essas opções lá para você. 179 00:07:22,340 --> 00:07:25,020 É isso. Vou seguir em frente e agora clicar em Publicar. 180 00:07:25,024 --> 00:07:27,294 E assim como com um modelo, você terá que escolher 181 00:07:27,289 --> 00:07:29,029 onde você levaria para exibir 182 00:07:29,030 --> 00:07:30,310 esses modelos específicos. 183 00:07:30,305 --> 00:07:32,215 Vamos adicionar a condição agora por 184 00:07:32,210 --> 00:07:34,660 padrão, ele dirá tudo singular. 185 00:07:34,655 --> 00:07:37,375 Tenha cuidado que todas as horas se referem a 186 00:07:37,370 --> 00:07:40,990 todas as páginas únicas incluídas na sua primeira página. 187 00:07:40,985 --> 00:07:44,515 Portanto, não é tudo singular. 188 00:07:44,510 --> 00:07:46,810 Clique na seta suspensa aqui. 189 00:07:46,805 --> 00:07:48,505 Agora você verá postagens. 190 00:07:48,500 --> 00:07:51,170 Basta escolher postagens. 191 00:07:51,170 --> 00:07:53,720 É isso. É isso. 192 00:07:53,720 --> 00:07:55,880 Isso é tudo o que você precisa. 193 00:07:55,880 --> 00:07:58,810 Vai em frente e agora clique em salvar e fechar. 194 00:07:58,805 --> 00:07:59,815 E é isso. 195 00:07:59,810 --> 00:08:06,490 Então, vamos para a primeira página primeiro, 196 00:08:06,485 --> 00:08:09,895 apenas para confirmar a primeira página como ir para os artigos. 197 00:08:09,890 --> 00:08:13,670 E vamos escolher, digamos que a majestosa cidade de 198 00:08:13,670 --> 00:08:19,440 Glasgow terá que atualizar esta página. 199 00:08:20,440 --> 00:08:22,430 E lá está ele. 200 00:08:22,430 --> 00:08:23,540 Certo. 201 00:08:23,540 --> 00:08:25,890 Role para baixo. 202 00:08:25,894 --> 00:08:27,414 Role para baixo. 203 00:08:27,410 --> 00:08:29,960 Agora, obviamente, a barra de rolagem se move muito, 204 00:08:29,960 --> 00:08:31,520 muito rapidamente porque a área de conteúdo 205 00:08:31,520 --> 00:08:33,230 aqui é muito, muito, muito curta. 206 00:08:33,230 --> 00:08:34,850 Como você pode ver, é apenas um parágrafo 207 00:08:34,850 --> 00:08:36,380 ou dois parágrafos, basicamente. 208 00:08:36,380 --> 00:08:38,210 Talvez não seja o melhor exemplo. 209 00:08:38,210 --> 00:08:40,700 Vamos com a moda em Istambul. 210 00:08:40,700 --> 00:08:44,480 Mais uma vez, terei que atualizar esta página para limpar a 211 00:08:44,480 --> 00:08:48,550 moda do cache em Istambul. 212 00:08:48,545 --> 00:08:51,355 E eles você vai, 213 00:08:51,350 --> 00:08:54,260 esse é o modelo para nossas postagens individuais. 214 00:08:54,260 --> 00:08:55,690 Temos a ferramenta TI, 215 00:08:55,685 --> 00:08:57,535 temos a imagem em destaque, 216 00:08:57,530 --> 00:09:00,080 temos as informações sobre a 217 00:09:00,080 --> 00:09:01,820 pose que os dados foram publicados, número de comentários, 218 00:09:01,820 --> 00:09:05,360 a área de conteúdo, 219 00:09:05,360 --> 00:09:07,430 a navegação de postagem para 220 00:09:07,430 --> 00:09:09,280 o post anterior e o próximo post. 221 00:09:09,275 --> 00:09:12,055 E, claro, a seção de comentários. 222 00:09:12,050 --> 00:09:14,200 Então é assim que criar 223 00:09:14,195 --> 00:09:19,505 um modelo de postagem para suas postagens usando o Elementor Pro.