the_post()<\/code>fun\u00e7\u00e3o. Essa fun\u00e7\u00e3o configura vari\u00e1veis \u200b\u200bglobais e garante que possamos usar chamadas de fun\u00e7\u00e3o simples e intuitivas, chamadas de tags de modelo<\/a>, enquanto estamos dentro do while<\/code>loop.<\/p>\nTags de modelo mais comuns para uso no loop de postagem<\/h2>\n
Esta \u00e9 uma lista das tags de modelo mais comuns que voc\u00ea deseja usar para acessar as informa\u00e7\u00f5es de uma postagem:<\/p>\n
\nthe_title()<\/code>ecoa o t\u00edtulo do post.<\/li>\nthe_permalink()<\/code>gera o permalink\/URL da postagem.<\/li>\nthe_content()<\/code>gera o conte\u00fado da postagem (do editor)<\/li>\nthe_excerpt()<\/code>ecoa o trecho do post. Se o campo de trecho estiver vazio, isso ecoar\u00e1 as primeiras 55 palavras do conte\u00fado da postagem junto com “\u2026"<\/li>\nthe_ID()<\/code>gera o ID da postagem.<\/li>\nthe_category()<\/code>ecoa todas as categorias associadas.<\/li>\nthe_tags()<\/code>gera todas as tags associadas.<\/li>\nthe_date()<\/code>ecoa a data de publica\u00e7\u00e3o do post.<\/li>\nthe_time()<\/code>gera a hora de publica\u00e7\u00e3o da postagem.<\/li>\nthe_author()<\/code>ecoa o nome de exibi\u00e7\u00e3o do autor da postagem<\/li>\nthe_post_thumbnail()<\/code>gera a imagem em destaque da postagem. Aprenderemos como adicionar suporte para miniaturas em destaque posteriormente neste tutorial.<\/li>\n<\/ul>\nH\u00e1 muitos mais. Se voc\u00ea estiver interessado, d\u00ea uma olhada na documenta\u00e7\u00e3o do WordPress Codex de todas as tags de postagem<\/a>. D\u00ea uma olhada fora do t\u00edtulo “tags de postagem” tamb\u00e9m para mais \u2013 elas est\u00e3o um pouco espalhadas nesta p\u00e1gina.<\/p>\nVamos come\u00e7ar a implementar algumas dessas tags em nosso index.php<\/code>. Tamb\u00e9m adicionarei um HTML muito b\u00e1sico apenas para formatar melhor a sa\u00edda. Eu encorajo voc\u00ea a adicionar seu pr\u00f3prio HTML! Adicione divs, spans, se\u00e7\u00f5es, cabe\u00e7alhos e assim por diante com as classes que desejar.<\/p>\nConfeccionando o loop em index.php<\/h2>\n
Dentro do loop em nosso index.php<\/code>eu gostaria de adicionar um link que vai para o permalink do post. Dentro do link eu gostaria de ecoar o t\u00edtulo do post. Ent\u00e3o eu tamb\u00e9m gostaria de ecoar o trecho do post e suas categorias.<\/p>\n<?php get_header(); ?>\n<?php \nif (have_posts()) {\n while (have_posts()): the_post();\n <article <?php post_class(); ?>>\n <h2>\n <a href=\"<?php the_permalink(); ?>\" title=\"<?php the_title(); ?>\"><?php the_title(); ?><\/a>\n <\/h2>\n <?php the_excerpt(); ?>\n <?php the_category(); ?>\n <\/article>\n endwhile;\n the_posts_pagination();\n} else {\n ?><p>No posts, sorry.<\/p><?php\n}\n?>\n<?php get_sidebar(); ?>\n<?php get_footer(); ?><\/code><\/pre>\nO que o c\u00f3digo acima faz \u00e9;<\/p>\n
\n- A linha #5 adiciona a
<article><\/code>tag HTML com uma chamada post_class()<\/code>que gera classes post \u00fateis \u2013 exatamente como body_class()<\/code>usamos em uma etapa anterior<\/a>.<\/li>\n- Na linha #6-8 adicionamos uma
<h2><\/code>tag para o t\u00edtulo, com um link que vai para o permalink do post (single view).<\/li>\n- A linha #9 ecoa o trecho do post.<\/li>\n
- E na linha #10 n\u00f3s ecoamos as categorias do post. Como n\u00e3o passo nenhum argumento para essa chamada, o padr\u00e3o \u00e9 uma
<ul><\/code>lista.<\/li>\n<\/ul>\nIsso resulta na seguinte sa\u00edda ao atualizar a p\u00e1gina inicial:<\/p>\n
![\"Tutorial](\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-153917-61e51609c0d16.png\")
<\/a><\/p>\nEstamos chegando a algum lugar! Recomendo que voc\u00ea consulte a documenta\u00e7\u00e3o de cada fun\u00e7\u00e3o de tag para quais par\u00e2metros eles aceitam. Voc\u00ea pode modificar a sa\u00edda um pouco! E decida por si mesmo quais tags de modelo usar.<\/p>\n
Tente clicar no link de uma postagem e veja que voc\u00ea chega a essa \u00fanica p\u00e1gina de postagem. Agora voc\u00ea pode ver que o loop mostra apenas aquele post. No entanto, como atualmente temos apenas um modelo, index.php<\/code>a visualiza\u00e7\u00e3o \u00fanica tamb\u00e9m est\u00e1 usando esse modelo. Portanto, a vis\u00e3o \u00fanica n\u00e3o faz muito sentido. N\u00e3o precisamos que ele se vincule a si mesmo e queremos ver o conte\u00fado completo do post! Vamos corrigir isso criando nosso segundo modelo em nosso tema.<\/p>\nCriando modelos de visualiza\u00e7\u00e3o \u00fanica<\/h2>\n
![\"Tutorial](\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-153917-61e5160aa02dd.png\")
<\/a><\/p>\n