{"id":70719,"date":"2025-01-10T09:51:51","date_gmt":"2025-01-10T12:51:51","guid":{"rendered":"https:\/\/kinqsta.com\/pt\/?p=70719&#038;preview=true&#038;preview_id=70719"},"modified":"2025-01-10T10:52:00","modified_gmt":"2025-01-10T13:52:00","slug":"wordpress-loop","status":"publish","type":"post","link":"https:\/\/kinqsta.com\/pt\/blog\/wordpress-loop\/","title":{"rendered":"Guia Completo do WordPress Loop: Tudo o Que Voc\u00ea Precisa Saber"},"content":{"rendered":"<p>O WordPress Loop \u00e9 uma parte essencial de como o conte\u00fado do seu site WordPress \u00e9 exibido. Se voc\u00ea deseja personalizar algumas partes do seu site (ou come\u00e7ar a explorar o desenvolvimento no WordPress), \u00e9 fundamental entender o WordPress Loop.<\/p>\n<p>N\u00e3o importa se voc\u00ea nunca ouviu falar do WordPress Loop ou se j\u00e1 tem alguma familiaridade b\u00e1sica, este artigo est\u00e1 aqui para que voc\u00ea saiba tudo o que precisa saber sobre o WordPress Loop.<\/p>\n<p>Explicaremos o que \u00e9 o Loop e por que aprender a trabalhar com ele pode ser \u00fatil. Em seguida, mostraremos passo a passo como utiliz\u00e1-lo em modelos PHP (para temas cl\u00e1ssicos) e com o bloco Query Loop em temas baseados em blocos mais recentes.<\/p>\n<div><\/div><kinsta-auto-toc heading=\"Table of Contents\" exclude=\"last\" list-style=\"arrow\" selector=\"h2\" count-number=\"-1\"><\/kinsta-auto-toc>\n<p>Vamos come\u00e7ar, do in\u00edcio\u2026<\/p>\n<h2>O que \u00e9 o WordPress Loop?<\/h2>\n<p>O WordPress Loop \u00e9 o mecanismo que o WordPress usa para exibir conte\u00fado no seu site. Tradicionalmente, ele \u00e9 composto por c\u00f3digo PHP que voc\u00ea pode personalizar usando tags de template, embora os temas baseados em blocos mais recentes do WordPress utilizem o bloco Query Loop em vez de PHP.<\/p>\n<p>Em termos mais t\u00e9cnicos, o Loop consulta o banco de dados do seu site para recuperar os dados de cada artigo e, em seguida, exibe essas informa\u00e7\u00f5es de acordo com um template. Para controlar esse template, voc\u00ea pode usar uma variedade de tags de template ou blocos, dependendo de estar utilizando PHP ou o bloco Query Loop.<\/p>\n<p>Por exemplo, suponha que voc\u00ea tenha uma p\u00e1gina que lista seus artigos mais recentes, como a p\u00e1gina principal do seu blog:<\/p>\n<ol>\n<li>Primeiro, o Loop verifica se h\u00e1 artigos.<\/li>\n<li>Se houver artigos, ele exibir\u00e1 o primeiro artigo de acordo com seu template.<\/li>\n<li>Depois, ele verifica se existe outro artigo. Se houver, ele &#8220;repetir\u00e1&#8221; o template novamente e exibir\u00e1 o segundo artigo conforme o mesmo template.<\/li>\n<li>Ele continuar\u00e1 &#8220;repetindo&#8221; pelos seus artigos at\u00e9 que n\u00e3o haja mais (ou at\u00e9 atingir algum outro limite, como regras de pagina\u00e7\u00e3o).<\/li>\n<\/ol>\n<p>Aqui est\u00e1 um exemplo de frontend de como o Loop se parece no <a href=\"https:\/\/kinqsta.com\/pt\/blog\/\">blog da Kinsta<\/a> &#8211; cada caixa destacada \u00e9 outra itera\u00e7\u00e3o do &#8220;loop&#8221;. Voc\u00ea pode ver que todas as seis caixas usam o mesmo template.<\/p>\n<figure id=\"attachment_188429\" aria-describedby=\"caption-attachment-188429\" style=\"width: 1024px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-188429 size-large\" src=\"https:\/\/kinqsta.com\/wp-content\/uploads\/2024\/11\/wordpress-loop-example-1024x818.jpg\" alt=\"Um exemplo do WordPress Loop mostrando a p\u00e1gina de listagem de blog da Kinsta\" width=\"1024\" height=\"818\"><figcaption id=\"caption-attachment-188429\" class=\"wp-caption-text\">Um exemplo do WordPress Loop.<\/figcaption><\/figure>\n<h2>Quando o WordPress usa o Loop para exibir conte\u00fado?<\/h2>\n<p>O WordPress usa o Loop para exibir conte\u00fado em qualquer p\u00e1gina que liste v\u00e1rias partes de conte\u00fado (artigos, p\u00e1ginas, tipos de artigos personalizados, etc.).<\/p>\n<p>Aqui est\u00e3o algumas das principais situa\u00e7\u00f5es em que o WordPress usa o Loop, embora essa n\u00e3o seja uma lista completa:<\/p>\n<ul>\n<li>P\u00e1gina inicial do site que mostra os artigos recentes<\/li>\n<li>P\u00e1gina principal de listagem do blog<\/li>\n<li>P\u00e1ginas de listagem de categorias<\/li>\n<li>P\u00e1ginas de listagem de tags<\/li>\n<li>P\u00e1ginas de resultados de pesquisa<\/li>\n<li>P\u00e1ginas de listagem de tipos de artigo personalizados<\/li>\n<\/ul>\n<p>Tecnicamente, o WordPress tamb\u00e9m pode usar o Loop para exibir uma parte individual do conte\u00fado. Nessas situa\u00e7\u00f5es, o &#8220;loop&#8221; terminaria depois que voc\u00ea consultasse o primeiro item.<\/p>\n<p>No entanto, quando a maioria das pessoas pensa no WordPress Loop, est\u00e1 pensando nele &#8220;repetindo&#8221; v\u00e1rios itens para exibi-los em algum tipo de lista.<\/p>\n<h2>Para que voc\u00ea pode usar o WordPress Loop?<\/h2>\n<p>Aprender a editar e manipular o WordPress Loop pode ajudar voc\u00ea a usar o WordPress para criar sites din\u00e2micos e mais f\u00e1ceis de usar.<\/p>\n<p>Aqui est\u00e3o tr\u00eas das principais maneiras de usar o WordPress Loop para melhorar seu site:<\/p>\n<h3>Controlar como exibir o conte\u00fado b\u00e1sico de artigos e metadados<\/h3>\n<p>O motivo mais comum para personalizar o WordPress Loop \u00e9 controlar o layout b\u00e1sico do conte\u00fado do site.<\/p>\n<p>Por exemplo, suponha que voc\u00ea queira controlar o layout da p\u00e1gina de listagem do blog. Manipulando o WordPress Loop, voc\u00ea pode controlar o layout de elementos importantes, como o t\u00edtulo do artigo, o conte\u00fado, o autor, os metadados (por exemplo, data de publica\u00e7\u00e3o) e assim por diante.<\/p>\n<p>Usando condicionais, voc\u00ea tamb\u00e9m pode criar layouts diferentes para diferentes tipos de conte\u00fado. Por exemplo, voc\u00ea pode usar um layout para listar artigos da categoria \u201cNot\u00edcias\u201d e outro para listar artigos da categoria \u201cEntrevistas\u201d.<\/p>\n<p>Isso permite otimizar o design para diferentes tipos de conte\u00fado no seu site e criar uma \u00f3tima experi\u00eancia para seus visitantes.<\/p>\n<h3>Inserir dados de campos personalizados para criar sites mais din\u00e2micos<\/h3>\n<p>Entender como usar o WordPress Loop tamb\u00e9m pode ajudar voc\u00ea a usar o WordPress para criar tipos mais din\u00e2micos de sites de conte\u00fado.<\/p>\n<p>Por exemplo, digamos que voc\u00ea queira <a href=\"https:\/\/kinqsta.com\/pt\/blog\/plugins-wordpress-para-imobiliarias\/\">criar um site de listagem de im\u00f3veis<\/a>. Como parte disso, voc\u00ea deseja ter uma p\u00e1gina que liste informa\u00e7\u00f5es sobre casas que est\u00e3o dispon\u00edveis para venda por meio de um <a href=\"https:\/\/kinqsta.com\/pt\/blog\/tipos-publicacoes-personalizadas-wordpress\/\">tipo de artigo personalizado<\/a> &#8220;Casa&#8221; que voc\u00ea criou.<\/p>\n<p>Se voc\u00ea usar apenas o design padr\u00e3o de listagem de artigos que vem com o tema, ele exibir\u00e1 apenas informa\u00e7\u00f5es b\u00e1sicas, como o t\u00edtulo e o conte\u00fado, da mesma forma que exibe os artigos normais do blog.<\/p>\n<p>Ao editar o WordPress Loop para o tipo de artigo &#8220;Casa&#8221; e adicionar as tags de template relevantes, voc\u00ea poder\u00e1 incluir informa\u00e7\u00f5es dos <a href=\"https:\/\/kinqsta.com\/pt\/blog\/como-adicionar-meta-boxes-e-meta-fields\/\">campos personalizados que estiver usando<\/a>, como o n\u00famero de quartos e banheiros em cada casa, a metragem quadrada e assim por diante.<\/p>\n<h3>Inserir conte\u00fado que n\u00e3o seja de artigo em suas listas de artigos (por exemplo, an\u00fancios)<\/h3>\n<p>Aprender a usar o WordPress Loop tamb\u00e9m pode ajudar voc\u00ea a inserir conte\u00fado n\u00e3o din\u00e2mico nas listas de conte\u00fado do seu site. Esse \u00e9 o conte\u00fado que seu site n\u00e3o est\u00e1 extraindo do banco de dados do WordPress.<\/p>\n<p>Por exemplo, digamos que voc\u00ea queira inserir <a href=\"https:\/\/kinqsta.com\/pt\/blog\/tamanhos-dos-banners-anuncios\/\">um banner de an\u00fancio<\/a> entre cada artigo da lista (ou algum outro tipo de conte\u00fado est\u00e1tico). Ao editar o Loop, voc\u00ea pode injetar facilmente seus an\u00fancios em qualquer ponto do layout.<\/p>\n<h2>Duas op\u00e7\u00f5es para trabalhar com o WordPress Loop<\/h2>\n<p>Com o <a href=\"https:\/\/kinqsta.com\/pt\/blog\/conceitos-basicos-temas-wordpress\/\">desenvolvimento moderno de temas do WordPress<\/a>, a maneira como voc\u00ea interage com o WordPress Loop depender\u00e1 do tipo de tema que estiver usando.<\/p>\n<p>No passado, todos os temas do WordPress eram baseados em modelos PHP, portanto, voc\u00ea precisaria trabalhar com o Loop usando PHP nesses arquivos de template de tema. Atualmente, esses tipos de temas s\u00e3o chamados de <a href=\"https:\/\/kinqsta.com\/pt\/blog\/criar-tema-classico-wordpress\/\">temas cl\u00e1ssicos do WordPress<\/a>.<\/p>\n<p>Os <a href=\"https:\/\/kinqsta.com\/pt\/blog\/melhores-temas-wordpress-para-blogs\/\">temas mais populares de WordPress<\/a>\u00a0ainda usam essa abordagem cl\u00e1ssica, o que significa que voc\u00ea usar\u00e1 PHP para trabalhar com o WordPress Loop. Alguns exemplos de temas cl\u00e1ssicos incluem <a href=\"https:\/\/kinqsta.com\/pt\/blog\/generatepress-vs-astra\/\">Astra, GeneratePress<\/a>, Kadence, Neve, OceanWP e assim por diante.<\/p>\n<p>No entanto, os novos temas de bloco de WordPress criados no <a href=\"https:\/\/kinqsta.com\/pt\/blog\/edicao-completa-sites-wordpress\/\">Editor de Sites<\/a> n\u00e3o usam mais arquivos de modelo PHP como os temas cl\u00e1ssicos, portanto, voc\u00ea n\u00e3o pode usar PHP para personalizar o Loop se estiver usando um tema de bloco. Em vez disso, esses novos temas de bloco usam um bloco especial &#8220;Query Loop&#8221; para personalizar o WordPress Loop.<\/p>\n<p>Voc\u00ea pode conferir <a href=\"https:\/\/kinqsta.com\/pt\/blog\/temas-de-blocos-wordpress\/\">nossa lista dos melhores temas de bloco<\/a> para ver alguns exemplos de temas populares que usam essa abordagem.<\/p>\n<p>A seguir, mostraremos a voc\u00ea como usar as duas abordagens para trabalhar com o WordPress Loop:<\/p>\n<ul>\n<li>Se estiver usando um tema cl\u00e1ssico, voc\u00ea usar\u00e1 PHP para interagir com o Loop.<\/li>\n<li>Se estiver usando um tema de bloco, voc\u00ea usar\u00e1 o m\u00e9todo de bloco Query Loop para interagir com o Loop.<\/li>\n<\/ul>\n<p>Se n\u00e3o tiver certeza do tipo de tema que est\u00e1 usando, voc\u00ea pode examinar as op\u00e7\u00f5es no menu <strong>Appearance <\/strong>no painel do WordPress:<\/p>\n<ul>\n<li>Se voc\u00ea vir outras op\u00e7\u00f5es como <strong>Customize, Widgets<\/strong> e <strong>Theme File Editor<\/strong>, ent\u00e3o voc\u00ea est\u00e1 usando um tema cl\u00e1ssico.<\/li>\n<li>Se voc\u00ea vir uma op\u00e7\u00e3o <strong>Editor <\/strong>sem as outras op\u00e7\u00f5es, isso geralmente significa que voc\u00ea est\u00e1 usando um tema de bloco.<\/li>\n<\/ul>\n<h2>Como usar o WordPress Loop com temas cl\u00e1ssicos (c\u00f3digo)<\/h2>\n<p>Se estiver usando um tema cl\u00e1ssico do WordPress, voc\u00ea trabalhar\u00e1 com o WordPress Loop nos arquivos de modelo PHP do seu tema.<\/p>\n<p>Aqui est\u00e1 um exemplo de uma implementa\u00e7\u00e3o muito b\u00e1sica do WordPress Loop:<\/p>\n<pre><code class=\"language-php\">&lt;?php\nif ( have_posts() ) :\nwhile ( have_posts() ) : the_post();\nthe_title( '&lt;h2&gt;', '&lt;\/h2&gt;' );\nthe_post_thumbnail();\nthe_excerpt();\nendwhile;\nelse:\n_e( 'Sorry, no posts matched your criteria.', 'textdomain' );\nendif;\n?&gt;<\/code><\/pre>\n<p>Para ajudar voc\u00ea a entender o que esse c\u00f3digo est\u00e1 fazendo, vamos dividi-lo em tr\u00eas se\u00e7\u00f5es:<\/p>\n<ul>\n<li>Como iniciar o WordPress Loop<\/li>\n<li>Como controlar o conte\u00fado exibido do WordPress Loop usando tags de template<\/li>\n<li>Como encerrar o WordPress Loop<\/li>\n<\/ul>\n<p>Em seguida, abordaremos o t\u00f3pico um pouco mais avan\u00e7ado do uso de instru\u00e7\u00f5es condicionais para ajustar o loop com base em diferentes situa\u00e7\u00f5es.<\/p>\n<h3>Como iniciar o WordPress Loop<\/h3>\n<p>Para iniciar o WordPress Loop, voc\u00ea ter\u00e1 quatro elementos:<\/p>\n<ul>\n<li><code>&lt;?php<\/code> &#8211; Isso informa ao servidor da web que voc\u00ea come\u00e7ar\u00e1 a usar PHP.<\/li>\n<li><code>if ( have_posts() )<\/code> &#8211; Isso verifica se o banco de dados do site possui artigos que correspondam \u00e0 consulta. Se houver artigos, o c\u00f3digo a seguir ser\u00e1 executado. Caso contr\u00e1rio, voc\u00ea pode usar uma instru\u00e7\u00e3o <strong>else<\/strong> para adicionar um texto alternativo, como ser\u00e1 mostrado posteriormente.<\/li>\n<li><code>while ( have_posts() )<\/code> &#8211; Isso diz ao servidor para continuar repetindo enquanto houver artigos para exibir. O limite geralmente \u00e9 definido nas configura\u00e7\u00f5es de <strong>Configura\u00e7\u00f5es \u2192 Leitura<\/strong>. Por exemplo, se voc\u00ea configurar o site para exibir at\u00e9 10 artigos por p\u00e1gina, o servidor continuar\u00e1 repetindo at\u00e9 10 vezes (se voc\u00ea tiver pelo menos 10 artigos publicados).<\/li>\n<li><code>the_post();<\/code> &#8211; Isso instrui o servidor a recuperar os dados de cada artigo do banco de dados do site. Voc\u00ea pode controlar a exibi\u00e7\u00e3o desses dados usando tags de template, como ser\u00e1 abordado na pr\u00f3xima se\u00e7\u00e3o.<\/li>\n<\/ul>\n<pre><code class=\"language-php\">&lt;?php\nif ( have_posts() ) :\nwhile ( have_posts() ) : the_post();<\/code><\/pre>\n<h3>Como controlar o conte\u00fado exibido do WordPress Loop usando tags de template<\/h3>\n<p>Depois de abrir o WordPress Loop, voc\u00ea pode usar tags de template para controlar quais informa\u00e7\u00f5es deseja incluir para cada artigo, juntamente com o layout geral* desse conte\u00fado.<\/p>\n<aside role=\"note\" class=\"wp-block-kinsta-notice is-style-info\">\n            <h3>Info<\/h3>\n        <p>*Al\u00e9m disso, voc\u00ea usar\u00e1 HTML e CSS para personalizar o layout. No blog da Kinsta, h\u00e1 muitos artigos sobre CSS, <a href=\"https:\/\/kinqsta.com\/pt\/blog\/css-wordpress\/\">incluindo como usar CSS no WordPress<\/a>.<\/p>\n<\/aside>\n\n<p>As tags de template que voc\u00ea usar dentro do Loop ser\u00e3o repetidas para cada artigo exibido.<\/p>\n<p>Aqui est\u00e3o algumas das tags de template mais comuns que voc\u00ea pode querer usar:<\/p>\n<ul>\n<li><code><a href=\"https:\/\/developer.wordpress.org\/reference\/functions\/the_title\/\" target=\"_blank\" rel=\"noopener noreferrer\">the_title()<\/a><\/code><\/li>\n<li><code><a href=\"https:\/\/developer.wordpress.org\/reference\/functions\/the_content\/\" target=\"_blank\" rel=\"noopener noreferrer\">the_content()<\/a><\/code><\/li>\n<li><code><a href=\"https:\/\/developer.wordpress.org\/reference\/functions\/the_excerpt\/\" target=\"_blank\" rel=\"noopener noreferrer\">the_excerpt()<\/a><\/code><\/li>\n<li><code><a href=\"https:\/\/developer.wordpress.org\/reference\/functions\/the_post_thumbnail\/\" target=\"_blank\" rel=\"noopener noreferrer\">the_post_thumbnail()<\/a><\/code><\/li>\n<li><code><a href=\"https:\/\/developer.wordpress.org\/reference\/functions\/the_author\/\" target=\"_blank\" rel=\"noopener noreferrer\">the_author()<\/a><\/code><\/li>\n<li><code><a href=\"https:\/\/developer.wordpress.org\/reference\/functions\/next_post_link\/\" target=\"_blank\" rel=\"noopener noreferrer\">next_post_link()<\/a><\/code><\/li>\n<li><code><a href=\"https:\/\/developer.wordpress.org\/reference\/functions\/the_id\/\" target=\"_blank\" rel=\"noopener noreferrer\">the_ID()<\/a><\/code><\/li>\n<li><code><a href=\"https:\/\/developer.wordpress.org\/reference\/functions\/the_meta\/\" target=\"_blank\" rel=\"noopener noreferrer\">the_meta()<\/a><\/code><\/li>\n<li><code><a href=\"https:\/\/developer.wordpress.org\/reference\/functions\/the_shortlink\/\" target=\"_blank\" rel=\"noopener noreferrer\">the_shortlink()<\/a><\/code><\/li>\n<li><code><a href=\"https:\/\/developer.wordpress.org\/reference\/functions\/the_tags\/\" target=\"_blank\" rel=\"noopener noreferrer\">the_tags()<\/a><\/code><\/li>\n<li><code><a href=\"https:\/\/developer.wordpress.org\/reference\/functions\/the_time\/\" target=\"_blank\" rel=\"noopener noreferrer\">the_time()<\/a><\/code><\/li>\n<li><code><a href=\"https:\/\/developer.wordpress.org\/reference\/functions\/previous_post_link\/\" target=\"_blank\" rel=\"noopener noreferrer\">previous_post_link()<\/a><\/code><\/li>\n<li><code><a href=\"https:\/\/developer.wordpress.org\/reference\/functions\/the_category\/\" target=\"_blank\" rel=\"noopener noreferrer\">the_category()<\/a><\/code><\/li>\n<\/ul>\n<p>Se voc\u00ea estiver criando sites WordPress mais personalizados, poder\u00e1 incluir dados de campos personalizados no WordPress Loop. A maneira mais f\u00e1cil de fazer isso seria por meio de um plugin como <a href=\"https:\/\/www.advancedcustomfields.com\" target=\"_blank\" rel=\"noopener noreferrer\">Advanced Custom Fields (ACF)<\/a>, <a href=\"https:\/\/metabox.io\/\" target=\"_blank\" rel=\"noopener noreferrer\">Meta Box<\/a> ou <a href=\"https:\/\/pods.io\" target=\"_blank\" rel=\"noopener noreferrer\">Pods<\/a>, todos os quais incluem sua pr\u00f3pria funcionalidade para tags de template que podem ser usadas no WordPress Loop.<\/p>\n<p>Por exemplo, vejamos a sintaxe de um loop simples que exibe apenas o t\u00edtulo, a miniatura da imagem destacada e o resumo de cada artigo.<\/p>\n<p>Aqui est\u00e1 o que voc\u00ea pode ver:<\/p>\n<pre><code class=\"language-php\">\/\/ first, we need to open the loop as we showed you in the previous section\n&lt;?php\nif ( have_posts() ) :\nwhile ( have_posts() ) : the_post();\n\/\/ now, we can use template tags to control what information to display for each post\nthe_title( '&lt;h2&gt;', '&lt;\/h2&gt;' );\nthe_post_thumbnail();\nthe_excerpt();<\/code><\/pre>\n<h3>Como encerrar o WordPress Loop<\/h3>\n<p>Para fechar o WordPress Loop, voc\u00ea precisa encerrar o loop <strong>while<\/strong>, a instru\u00e7\u00e3o <strong>if<\/strong> e o PHP.<\/p>\n<p>Para lidar com situa\u00e7\u00f5es em que o WordPress n\u00e3o consegue retornar nenhum artigo, voc\u00ea pode adicionar uma instru\u00e7\u00e3o <strong>else<\/strong> antes de fechar a instru\u00e7\u00e3o <strong>if<\/strong>.<\/p>\n<p>Aqui est\u00e1 como ficaria para encerrar o Loop no exemplo acima, com a adi\u00e7\u00e3o da instru\u00e7\u00e3o <strong>else<\/strong> para cobrir situa\u00e7\u00f5es em que nenhum artigo corresponde \u00e0 consulta:<\/p>\n<pre><code class=\"language-php\">\/\/ first, we need to open the loop as we showed you in the previous section\n&lt;?php\nif ( have_posts() ) :\nwhile ( have_posts() ) : the_post();\n\/\/ now, we can use template tags to control what information to display for each post\nthe_title( '&lt;h2&gt;', '&lt;\/h2&gt;' );\nthe_post_thumbnail();\nthe_excerpt();\n\/\/ once we're finished with the template tags, we can now close the loop\nendwhile;\nelse:\n\/\/ this tells your site what to do if no posts match the query\n_e( 'Sorry, no posts matched your criteria.', 'textdomain' );\nendif;\n?&gt;<\/code><\/pre>\n<h3>Usando condicionais para controlar o comportamento no WordPress Loop<\/h3>\n<p>Depois de entender a estrutura b\u00e1sica do Loop, voc\u00ea pode come\u00e7ar a us\u00e1-lo de maneiras mais avan\u00e7adas.<\/p>\n<p>Um \u00f3timo ponto de partida \u00e9 o uso de declara\u00e7\u00f5es condicionais. Essas declara\u00e7\u00f5es permitem ajustar facilmente o comportamento do Loop para diferentes tipos de conte\u00fado. Por exemplo, como no exemplo anterior, voc\u00ea pode usar um layout para listar artigos na categoria \u201cEntrevistas\u201d e outro para artigos na categoria \u201cNot\u00edcias\u201d.<\/p>\n<p>Aqui est\u00e3o algumas das tags condicionais que voc\u00ea pode usar:<\/p>\n<ul>\n<li><code><a href=\"https:\/\/developer.wordpress.org\/reference\/functions\/is_home\/\" target=\"_blank\" rel=\"noopener noreferrer\">is_home()<\/a><\/code><\/li>\n<li><code><a href=\"https:\/\/developer.wordpress.org\/reference\/functions\/is_admin\/\" target=\"_blank\" rel=\"noopener noreferrer\">is_admin()<\/a><\/code><\/li>\n<li><code><a href=\"https:\/\/developer.wordpress.org\/reference\/functions\/is_single\/\" target=\"_blank\" rel=\"noopener noreferrer\">is_single()<\/a><\/code><\/li>\n<li><code><a href=\"https:\/\/developer.wordpress.org\/reference\/functions\/is_page\/\" target=\"_blank\" rel=\"noopener noreferrer\">is_page()<\/a><\/code><\/li>\n<li><code><a href=\"https:\/\/developer.wordpress.org\/reference\/functions\/is_page_template\/\" target=\"_blank\" rel=\"noopener noreferrer\">is_page_template()<\/a><\/code><\/li>\n<li><code><a href=\"https:\/\/developer.wordpress.org\/reference\/functions\/is_category\/\" target=\"_blank\" rel=\"noopener noreferrer\">is_category()<\/a><\/code> ou <code><a href=\"https:\/\/developer.wordpress.org\/reference\/functions\/in_category\/\" target=\"_blank\" rel=\"noopener noreferrer\">in_category()<\/a><\/code><\/li>\n<li><code><a href=\"https:\/\/developer.wordpress.org\/reference\/functions\/is_tag\/\" target=\"_blank\" rel=\"noopener noreferrer\">is_tag()<\/a><\/code><\/li>\n<li><code><a href=\"https:\/\/developer.wordpress.org\/reference\/functions\/is_author\/\" target=\"_blank\" rel=\"noopener noreferrer\">is_author()<\/a><\/code><\/li>\n<li><code><a href=\"https:\/\/developer.wordpress.org\/reference\/functions\/is_search\/\" target=\"_blank\" rel=\"noopener noreferrer\">is_search()<\/a><\/code><\/li>\n<li><code><a href=\"https:\/\/developer.wordpress.org\/reference\/functions\/is_404\/\" target=\"_blank\" rel=\"noopener noreferrer\">is_404()<\/a><\/code><\/li>\n<li><code><a href=\"https:\/\/developer.wordpress.org\/reference\/functions\/has_excerpt\/\" target=\"_blank\" rel=\"noopener noreferrer\">has_excerpt()<\/a><\/code><\/li>\n<\/ul>\n<p>Se voc\u00ea clicar nos links acima, poder\u00e1 ver exemplos de c\u00f3digo de como modificar o WordPress Loop para diferentes tipos de condicionais.<\/p>\n<p>Por exemplo, veja como pode ser aplicar estilos diferentes aos artigos na categoria com o ID &#8220;3&#8221; usando <strong>in_category<\/strong> e aplicando um &lt;div&gt; diferente a esses artigos:<\/p>\n<pre><code class=\"language-php\">&lt;?php\n\/\/ Start the Loop.\nif ( have_posts() ) :\nwhile ( have_posts() ) : the_post();\n\/* * See if the current post is in category 3.\n* If it is, the div is given the CSS class \"post-category-three\".\n* Otherwise, the div is given the CSS class \"post\".\n*\/\nif ( in_category( 3 ) ) : ?&gt;\n&lt;div class=\"post-category-three\"&gt;\n&lt;?php else : ?&gt;\n&lt;div class=\"post\"&gt;\n&lt;?php endif;\n\/\/ Display the post's title.\nthe_title( '&lt;h2&gt;', ';&lt;\/h2&gt;' );\n\/\/ Display a link to other posts by this posts author.\nprintf( __( 'Posted by %s', 'textdomain' ), get_the_author_posts_link() );\n\/\/ Display the post's content in a div.\n?&gt;\n&lt;div class=\"entry\"&gt;\n&lt;?php the_content() ?&gt;\n&lt;\/div&gt;\n&lt;?php\n\/\/ Display a comma separated list of the post's categories.\n_e( 'Posted in ', 'textdomain' ); the_category( ', ' );\n\/\/ closes the first div box with the class of \"post\" or \"post-cat-three\"\n?&gt;\n&lt;\/div&gt;\n&lt;?php\n\/\/ Stop the Loop, but allow for a \"if not posts\" situation\nendwhile;\nelse :\n\/*\n* The very first \"if\" tested to see if there were any posts to\n* display. This \"else\" part tells what do if there weren't any.\n*\/\n_e( 'Sorry, no posts matched your criteria.', 'textdomain' );\n\/\/ Completely stop the Loop.\nendif;\n?&gt;<\/code><\/pre>\n<h2>Como usar o WordPress Loop em temas de blocos (Editor de Sites)<\/h2>\n<p>Como mencionado anteriormente, os temas de blocos do WordPress utilizam o Editor de Sites para controlar os templates do tema, em vez de arquivos do modelo PHP.<\/p>\n<p>Por esse motivo, n\u00e3o \u00e9 poss\u00edvel usar PHP para personalizar o WordPress Loop se voc\u00ea estiver utilizando um tema de blocos. Em vez disso, voc\u00ea usar\u00e1 o bloco Query Loop.<\/p>\n<p>Os princ\u00edpios b\u00e1sicos permanecem os mesmos, no entanto.<\/p>\n<p>Essencialmente, voc\u00ea usar\u00e1 o bloco Query Loop para abrir o loop. Dentro do bloco Query Loop, h\u00e1 um cont\u00eainer chamado Post Template e outros cont\u00eaineres para pagina\u00e7\u00e3o e para exibir mensagens de &#8220;nenhum resultado&#8221;.<\/p>\n<p>Ent\u00e3o, em vez de usar tags de template como no PHP, voc\u00ea adicionar\u00e1 blocos de tema do WordPress dentro do cont\u00eainer Post Template para controlar o layout de cada item do loop.<\/p>\n<h3>Como adicionar o bloco Query Loop<\/h3>\n<p>V\u00e1 para o Editor de Sites (<strong>Appearance<\/strong><strong>\u00a0\u2192 Editor<\/strong>) e crie ou edite o template relevante. Voc\u00ea tamb\u00e9m pode adicionar o Loop a um conte\u00fado individual, como uma p\u00e1gina onde deseja listar artigos.<\/p>\n<p>De qualquer forma, voc\u00ea pode come\u00e7ar adicionando o bloco Query Loop. Em seguida, voc\u00ea pode escolher entre usar um dos padr\u00f5es de Loop existentes no seu tema clicando em <strong>Choose <\/strong>ou come\u00e7ar com uma tela em branco clicando em <strong>Start blank<\/strong>.<\/p>\n<p>Para este exemplo, escolheremos <strong>Start blank<\/strong>.<\/p>\n<figure id=\"attachment_188424\" aria-describedby=\"caption-attachment-188424\" style=\"width: 1024px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-188424 size-large\" src=\"https:\/\/kinqsta.com\/wp-content\/uploads\/2024\/11\/query-loop-block-tutorial-1-1024x614.jpg\" alt=\"Como adicionar o bloco Query Loop.\" width=\"1024\" height=\"614\"><figcaption id=\"caption-attachment-188424\" class=\"wp-caption-text\">Como adicionar o bloco Query Loop.<\/figcaption><\/figure>\n<p>Voc\u00ea pode ent\u00e3o escolher entre algumas varia\u00e7\u00f5es iniciais diferentes, sendo que a op\u00e7\u00e3o mais simples \u00e9 exibir apenas o t\u00edtulo e o conte\u00fado de cada item.<\/p>\n<figure id=\"attachment_188425\" aria-describedby=\"caption-attachment-188425\" style=\"width: 1024px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-188425 size-large\" src=\"https:\/\/kinqsta.com\/wp-content\/uploads\/2024\/11\/query-loop-block-tutorial-2-1024x655.jpg\" alt=\"Voc\u00ea pode escolher a varia\u00e7\u00e3o inicial para o loop utilizando as op\u00e7\u00f5es nas configura\u00e7\u00f5es do bloco.\" width=\"1024\" height=\"655\"><figcaption id=\"caption-attachment-188425\" class=\"wp-caption-text\">Como escolher a varia\u00e7\u00e3o inicial para o loop.<\/figcaption><\/figure>\n<p>Ap\u00f3s escolher a varia\u00e7\u00e3o inicial, voc\u00ea pode usar as configura\u00e7\u00f5es na barra lateral do bloco Query Loop para controlar qual conte\u00fado ser\u00e1 inclu\u00eddo no Loop (&#8220;query&#8221;).<\/p>\n<p>Por padr\u00e3o, o Loop listar\u00e1 artigos regulares, mas voc\u00ea pode alterar o tipo de artigo para listar outros tipos de conte\u00fado. Al\u00e9m disso, voc\u00ea pode\u00a0alterar a ordem e usar filtros para consultar apenas partes espec\u00edficas do conte\u00fado, como conte\u00fado de uma determinada categoria, de um determinado autor e assim por diante.<\/p>\n<figure id=\"attachment_188426\" aria-describedby=\"caption-attachment-188426\" style=\"width: 1024px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-188426 size-large\" src=\"https:\/\/kinqsta.com\/wp-content\/uploads\/2024\/11\/query-loop-block-tutorial-3-1024x963.jpg\" alt=\"Voc\u00ea pode personalizar a consulta utilizando as op\u00e7\u00f5es na barra lateral de configura\u00e7\u00f5es do bloco.\" width=\"1024\" height=\"963\"><figcaption id=\"caption-attachment-188426\" class=\"wp-caption-text\">Como voc\u00ea pode personalizar a consulta do Loop.<\/figcaption><\/figure>\n<h3>Como personalizar o template do Loop<\/h3>\n<p>Agora, voc\u00ea pode usar os blocos na se\u00e7\u00e3o <strong>Theme<\/strong> para personalizar ainda mais o Post Template dentro do bloco Query Loop. Esses blocos t\u00eam a mesma fun\u00e7\u00e3o b\u00e1sica que as tags de template no c\u00f3digo PHP.<\/p>\n<p>Por exemplo, se voc\u00ea quiser exibir o autor de cada parte do conte\u00fado, poder\u00e1 adicionar o bloco Author Name (Nome do autor) onde deseja que o nome do autor apare\u00e7a.<\/p>\n<figure id=\"attachment_188427\" aria-describedby=\"caption-attachment-188427\" style=\"width: 1024px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-188427 size-large\" src=\"https:\/\/kinqsta.com\/wp-content\/uploads\/2024\/11\/query-loop-block-tutorial-4-1024x937.jpg\" alt=\"Voc\u00ea pode usar os blocos principais do tema para personalizar o template do Loop.\" width=\"1024\" height=\"937\"><figcaption id=\"caption-attachment-188427\" class=\"wp-caption-text\">Como personalizar o template do Loop.<\/figcaption><\/figure>\n<p>Voc\u00ea tamb\u00e9m encontrar\u00e1 outros blocos para itens relevantes, como Imagem em destaque, Data, Categorias, Tags, etc.<\/p>\n<p>Se voc\u00ea observar o esbo\u00e7o, ver\u00e1 que todos esses blocos est\u00e3o dentro do grupo Post Template.<\/p>\n<figure id=\"attachment_188428\" aria-describedby=\"caption-attachment-188428\" style=\"width: 1024px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-188428 size-large\" src=\"https:\/\/kinqsta.com\/wp-content\/uploads\/2024\/11\/query-loop-block-tutorial-5-1024x678.jpg\" alt=\"A funcionalidade Outline mostrar\u00e1 a estrutura do bloco Query Loop.\" width=\"1024\" height=\"678\"><figcaption id=\"caption-attachment-188428\" class=\"wp-caption-text\">Uma vis\u00e3o da estrutura do bloco Query Loop.<\/figcaption><\/figure>\n<p>Tamb\u00e9m h\u00e1 outros grupos para controlar a pagina\u00e7\u00e3o e situa\u00e7\u00f5es em que a consulta n\u00e3o retorna resultados.<\/p>\n<h2>Dicas para trabalhar com o WordPress Loop<\/h2>\n<p>Como o Loop \u00e9 parte integrante do WordPress, qualquer erro ou engano pode causar problemas em seu site. Isso \u00e9 especialmente verdadeiro se voc\u00ea estiver trabalhando com modelos PHP, pois erros de sintaxe podem acionar a mensagem <a href=\"https:\/\/kinqsta.com\/pt\/blog\/ha-um-erro-critico-em-seu-site\/\">&#8220;There has been a critical error on your website&#8221;<\/a>.<\/p>\n<p>Para evitar problemas, aqui est\u00e3o algumas dicas&#8230;<\/p>\n<div class=\"flex-shrink-0 flex flex-col relative items-end\">\n<div>\n<div class=\"pt-0\">\n<div class=\"gizmo-shadow-stroke flex h-8 w-8 items-center justify-center overflow-hidden rounded-full\">\n<div class=\"h-full w-full\">\n<div class=\"gizmo-shadow-stroke overflow-hidden rounded-full\"><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"group\/conversation-turn relative flex w-full min-w-0 flex-col agent-turn\">\n<div class=\"flex-col gap-1 md:gap-3\">\n<div class=\"flex max-w-full flex-col flex-grow\">\n<div class=\"min-h-8 text-message flex w-full flex-col items-end gap-2 whitespace-normal break-words text-start [.text-message+&#038;]:mt-5\" dir=\"auto\" data-message-author-role=\"assistant\" data-message-id=\"ec228c8c-e90e-4884-b221-d2cd2dd431bf\" data-message-model-slug=\"gpt-4o\">\n<div class=\"flex w-full flex-col gap-1 empty:hidden first:pt-[3px]\">\n<div class=\"markdown prose w-full break-words dark:prose-invert dark\">\n<h3>Teste em um ambiente de desenvolvimento local<\/h3>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<p>Se esta \u00e9 a primeira vez que voc\u00ea trabalha com o WordPress Loop, \u00e9 recomend\u00e1vel experimentar e testar diferentes conceitos para entender melhor como ele funciona.<\/p>\n<p>Para fazer isso com seguran\u00e7a, voc\u00ea pode <a href=\"https:\/\/kinqsta.com\/pt\/blog\/instalar-wordpress-localmente\/\">usar um ambiente de desenvolvimento local do WordPress<\/a>, que fornece um espa\u00e7o seguro no seu computador.<\/p>\n<p>Para criar sites WordPress locais de forma f\u00e1cil para testes e aprendizado, voc\u00ea pode usar a <a href=\"https:\/\/kinqsta.com\/pt\/devkinsta\/\">ferramenta gratuita DevKinsta<\/a>.<\/p>\n<p>Com suporte para Windows e Mac, o DevKinsta permite criar quantos sites de desenvolvimento local voc\u00ea precisar.<\/p>\n<h3>Trabalhe em um ambiente de teste para sites ativos<\/h3>\n<p>Se voc\u00ea estiver trabalhando no WordPress Loop para um site ativo do WordPress, \u00e9 altamente recomend\u00e1vel fazer tudo em <a href=\"https:\/\/kinqsta.com\/pt\/blog\/site-de-teste-wordpress\/\">um site de teste<\/a> antes de aplicar as altera\u00e7\u00f5es ao seu site ativo do WordPress.<\/p>\n<p>Se voc\u00ea <a href=\"https:\/\/kinqsta.com\/pt\/hospedagem-wordpress\/\">hospeda seu site WordPress na Kinsta<\/a>, pode usar o <a href=\"https:\/\/kinqsta.com\/pt\/blog\/ambiente-de-teste-kinsta\/\">ambiente teste integrado da Kinsta<\/a> para fazer todas as altera\u00e7\u00f5es em um espa\u00e7o seguro.<\/p>\n<p>Depois de verificar se tudo est\u00e1 funcionando, voc\u00ea pode facilmente enviar suas altera\u00e7\u00f5es de teste para a vers\u00e3o de produ\u00e7\u00e3o do seu site.<\/p>\n<h2>Alternativas de plugins para trabalhar diretamente com o WordPress Loop<\/h2>\n<div class=\"flex-shrink-0 flex flex-col relative items-end\">\n<div>\n<div class=\"pt-0\">\n<div class=\"gizmo-shadow-stroke flex h-8 w-8 items-center justify-center overflow-hidden rounded-full\">\n<div class=\"h-full w-full\">\n<div class=\"gizmo-shadow-stroke overflow-hidden rounded-full\"><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"group\/conversation-turn relative flex w-full min-w-0 flex-col agent-turn\">\n<div class=\"flex-col gap-1 md:gap-3\">\n<div class=\"flex max-w-full flex-col flex-grow\">\n<div class=\"min-h-8 text-message flex w-full flex-col items-end gap-2 whitespace-normal break-words text-start [.text-message+&#038;]:mt-5\" dir=\"auto\" data-message-author-role=\"assistant\" data-message-id=\"0ad0293b-551a-4bf7-85a6-ae59f9109f51\" data-message-model-slug=\"gpt-4o\">\n<div class=\"flex w-full flex-col gap-1 empty:hidden first:pt-[3px]\">\n<div class=\"markdown prose w-full break-words dark:prose-invert dark\">\n<p>Se trabalhar diretamente com o WordPress Loop parecer complicado, voc\u00ea pode contar com v\u00e1rios plugins populares que oferecem maneiras alternativas de criar loops de conte\u00fado, sem a necessidade de usar PHP ou o bloco Query Loop.<\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<p>Aqui est\u00e3o algumas alternativas de plugins para o WordPress Loop que voc\u00ea pode considerar, embora esta n\u00e3o seja uma lista completa:<\/p>\n<h3>Elementor Pro<\/h3>\n<p>O <a href=\"https:\/\/elementor.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">Elementor<\/a> \u00e9 um popular plugin de cria\u00e7\u00e3o de p\u00e1ginas com interface visual de arrastar e soltar. Com o Elementor Pro, voc\u00ea tem acesso a funcionalidades completas de constru\u00e7\u00e3o de temas, permitindo criar templates do tema usando o Elementor. Em 2022, o Elementor <a href=\"https:\/\/elementor.com\/blog\/introducing-the-loop-builder\/\">adicionou o recurso Loop Builder<\/a> ao Elementor Pro, que permite controlar e personalizar conte\u00fado \u201cem loop\u201d usando a interface visual do Elementor.<\/p>\n<p>Escrevemos um <a href=\"https:\/\/kinqsta.com\/pt\/blog\/wordpress-elementor\/\">guia completo sobre como usar o Elementor<\/a>, al\u00e9m de <a href=\"https:\/\/kinqsta.com\/pt\/?s=elementor\">outros conte\u00fados sobre Elementor no blog da Kinsta<\/a>.<\/p>\n<h3>Bricks<\/h3>\n<p>O <a href=\"https:\/\/bricksbuilder.io\/\" target=\"_blank\" rel=\"noopener noreferrer\">Bricks<\/a> \u00e9 outro construtor de sites visuais popular para WordPress. Como parte de suas muitas ferramentas de design, ele inclui seu pr\u00f3prio <a href=\"https:\/\/academy.bricksbuilder.io\/article\/query-loop\/\" target=\"_blank\" rel=\"noopener noreferrer\">construtor Query Loop<\/a> que usa uma abordagem de c\u00f3digo simplificada, juntamente com muitas op\u00e7\u00f5es adicionais na interface gr\u00e1fica.<\/p>\n<p>Tamb\u00e9m temos um <a href=\"https:\/\/kinqsta.com\/pt\/blog\/bricks-builder\/\">guia sobre como criar sites WordPress com o Bricks<\/a>.<\/p>\n<h3>WP Show Posts<\/h3>\n<p>O <a href=\"https:\/\/wordpress.org\/plugins\/wp-show-posts\/\" target=\"_blank\" rel=\"noopener noreferrer\">WP Show Posts<\/a> n\u00e3o oferece tanta flexibilidade quanto os dois plugins anteriores. No entanto, se voc\u00ea est\u00e1 procurando uma maneira f\u00e1cil de listar artigos do WordPress em v\u00e1rios formatos, pode ser a ferramenta mais simples para essa tarefa.<\/p>\n<p>Ele \u00e9 gratuito e foi criado pelo mesmo desenvolvedor do popular tema GeneratePress. Embora o desenvolvedor n\u00e3o esteja mais adicionando novos recursos ao plugin, ele continua mantendo sua funcionalidade existente.<\/p>\n<h2>Resumo<\/h2>\n<p>Para aprimorar suas habilidades de desenvolvimento do WordPress, voc\u00ea deve entender o WordPress Loop. O Loop \u00e9 essencial para a forma como o WordPress exibe o conte\u00fado; aprender a us\u00e1-lo dar\u00e1 a voc\u00ea mais controle sobre como exibir o conte\u00fado em seu site.<\/p>\n<p>Dito isso, os temas de bloco mais recentes de WordPress n\u00e3o dependem mais de modelos PHP como os temas cl\u00e1ssicos, portanto, talvez voc\u00ea n\u00e3o precise usar PHP para trabalhar com o Loop. Em vez disso, se estiver adotando o movimento do tema de bloco, voc\u00ea usar\u00e1 o bloco Query Loop para obter efeitos semelhantes.<\/p>\n<p>De qualquer forma, aprender a usar o WordPress Loop de forma mais eficaz trar\u00e1 benef\u00edcios a longo prazo.<\/p>\n<p>Como o WordPress Loop \u00e9 uma parte fundamental do WordPress, qualquer problema no Loop pode prejudicar seu site. Para evitar problemas, recomendamos aprender em um ambiente de desenvolvimento local, como o <a href=\"https:\/\/kinqsta.com\/pt\/devkinsta\/\">DevKinsta<\/a>, ou usar o ambiente de teste que a <a href=\"https:\/\/kinqsta.com\/pt\/hospedagem-wordpress\/\">hospedagem de WordPress da Kinsta<\/a> oferece para trabalhar em um ambiente seguro.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>O WordPress Loop \u00e9 uma parte essencial de como o conte\u00fado do seu site WordPress \u00e9 exibido. Se voc\u00ea deseja personalizar algumas partes do seu site &#8230;<\/p>\n","protected":false},"author":199,"featured_media":70720,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_kinsta_gated_content":false,"_kinsta_gated_content_redirect":"","footnotes":""},"tags":[],"topic":[1026],"class_list":["post-70719","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","topic-desenvolvimento-wordpress"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v24.6 (Yoast SEO v24.6) - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Guia Completo do WordPress Loop: Tudo o Que Voc\u00ea Precisa Saber<\/title>\n<meta name=\"description\" content=\"Aprenda o que \u00e9 o WordPress Loop e como utiliz\u00e1-lo em modelos PHP e blocos no Editor de Sites.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/kinqsta.com\/pt\/blog\/wordpress-loop\/\" \/>\n<meta property=\"og:locale\" content=\"pt_PT\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Guia Completo do WordPress Loop: Tudo o Que Voc\u00ea Precisa Saber\" \/>\n<meta property=\"og:description\" content=\"Aprenda o que \u00e9 o WordPress Loop e como utiliz\u00e1-lo em modelos PHP e blocos no Editor de Sites.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/kinqsta.com\/pt\/blog\/wordpress-loop\/\" \/>\n<meta property=\"og:site_name\" content=\"Kinsta\u00ae\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/kinstapt\/\" \/>\n<meta property=\"article:published_time\" content=\"2025-01-10T12:51:51+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-01-10T13:52:00+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2024\/12\/developing-with-wordpress-loop.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1470\" \/>\n\t<meta property=\"og:image:height\" content=\"735\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Jeremy Holcombe\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:description\" content=\"Aprenda o que \u00e9 o WordPress Loop e como utiliz\u00e1-lo em modelos PHP e blocos no Editor de Sites.\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2024\/12\/developing-with-wordpress-loop-1024x512.png\" \/>\n<meta name=\"twitter:creator\" content=\"@kinsta_pt\" \/>\n<meta name=\"twitter:site\" content=\"@kinsta_pt\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"Jeremy Holcombe\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tempo estimado de leitura\" \/>\n\t<meta name=\"twitter:data2\" content=\"19 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/kinqsta.com\/pt\/blog\/wordpress-loop\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/kinqsta.com\/pt\/blog\/wordpress-loop\/\"},\"author\":{\"name\":\"Jeremy Holcombe\",\"@id\":\"https:\/\/kinqsta.com\/pt\/#\/schema\/person\/4eee42881d7b5a73ebb4f58dd5223b21\"},\"headline\":\"Guia Completo do WordPress Loop: Tudo o Que Voc\u00ea Precisa Saber\",\"datePublished\":\"2025-01-10T12:51:51+00:00\",\"dateModified\":\"2025-01-10T13:52:00+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/kinqsta.com\/pt\/blog\/wordpress-loop\/\"},\"wordCount\":3336,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/kinqsta.com\/pt\/#organization\"},\"image\":{\"@id\":\"https:\/\/kinqsta.com\/pt\/blog\/wordpress-loop\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2024\/12\/developing-with-wordpress-loop.png\",\"inLanguage\":\"pt-PT\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/kinqsta.com\/pt\/blog\/wordpress-loop\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/kinqsta.com\/pt\/blog\/wordpress-loop\/\",\"url\":\"https:\/\/kinqsta.com\/pt\/blog\/wordpress-loop\/\",\"name\":\"Guia Completo do WordPress Loop: Tudo o Que Voc\u00ea Precisa Saber\",\"isPartOf\":{\"@id\":\"https:\/\/kinqsta.com\/pt\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/kinqsta.com\/pt\/blog\/wordpress-loop\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/kinqsta.com\/pt\/blog\/wordpress-loop\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2024\/12\/developing-with-wordpress-loop.png\",\"datePublished\":\"2025-01-10T12:51:51+00:00\",\"dateModified\":\"2025-01-10T13:52:00+00:00\",\"description\":\"Aprenda o que \u00e9 o WordPress Loop e como utiliz\u00e1-lo em modelos PHP e blocos no Editor de Sites.\",\"breadcrumb\":{\"@id\":\"https:\/\/kinqsta.com\/pt\/blog\/wordpress-loop\/#breadcrumb\"},\"inLanguage\":\"pt-PT\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/kinqsta.com\/pt\/blog\/wordpress-loop\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-PT\",\"@id\":\"https:\/\/kinqsta.com\/pt\/blog\/wordpress-loop\/#primaryimage\",\"url\":\"https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2024\/12\/developing-with-wordpress-loop.png\",\"contentUrl\":\"https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2024\/12\/developing-with-wordpress-loop.png\",\"width\":1470,\"height\":735},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/kinqsta.com\/pt\/blog\/wordpress-loop\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/kinqsta.com\/pt\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Desenvolvimento WordPress\",\"item\":\"https:\/\/kinqsta.com\/pt\/topicos\/desenvolvimento-wordpress\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Guia Completo do WordPress Loop: Tudo o Que Voc\u00ea Precisa Saber\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/kinqsta.com\/pt\/#website\",\"url\":\"https:\/\/kinqsta.com\/pt\/\",\"name\":\"Kinsta\u00ae\",\"description\":\"Solu\u00e7\u00f5es de hospedagem Premium, r\u00e1pida e segura\",\"publisher\":{\"@id\":\"https:\/\/kinqsta.com\/pt\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/kinqsta.com\/pt\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"pt-PT\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/kinqsta.com\/pt\/#organization\",\"name\":\"Kinsta\",\"url\":\"https:\/\/kinqsta.com\/pt\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-PT\",\"@id\":\"https:\/\/kinqsta.com\/pt\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2023\/12\/kinsta-logo.jpeg\",\"contentUrl\":\"https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2023\/12\/kinsta-logo.jpeg\",\"width\":500,\"height\":500,\"caption\":\"Kinsta\"},\"image\":{\"@id\":\"https:\/\/kinqsta.com\/pt\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/kinstapt\/\",\"https:\/\/x.com\/kinsta_pt\",\"https:\/\/www.instagram.com\/kinstahosting\/\",\"https:\/\/www.linkedin.com\/company\/kinsta\/\",\"https:\/\/www.pinterest.com\/kinstahosting\/\",\"https:\/\/www.youtube.com\/c\/Kinsta\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/kinqsta.com\/pt\/#\/schema\/person\/4eee42881d7b5a73ebb4f58dd5223b21\",\"name\":\"Jeremy Holcombe\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-PT\",\"@id\":\"https:\/\/kinqsta.com\/pt\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/0e17001f3bb37dbbe54fceef9bb547fa?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/0e17001f3bb37dbbe54fceef9bb547fa?s=96&d=mm&r=g\",\"caption\":\"Jeremy Holcombe\"},\"description\":\"Senior Editor at Kinsta, WordPress Web Developer, and Content Writer. Outside of all things WordPress, I enjoy the beach, golf, and movies. I also have tall people problems.\",\"sameAs\":[\"https:\/\/www.linkedin.com\/in\/jeremyholcombe\/\"],\"url\":\"https:\/\/kinqsta.com\/pt\/blog\/author\/jeremyholcombe\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Guia Completo do WordPress Loop: Tudo o Que Voc\u00ea Precisa Saber","description":"Aprenda o que \u00e9 o WordPress Loop e como utiliz\u00e1-lo em modelos PHP e blocos no Editor de Sites.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/kinqsta.com\/pt\/blog\/wordpress-loop\/","og_locale":"pt_PT","og_type":"article","og_title":"Guia Completo do WordPress Loop: Tudo o Que Voc\u00ea Precisa Saber","og_description":"Aprenda o que \u00e9 o WordPress Loop e como utiliz\u00e1-lo em modelos PHP e blocos no Editor de Sites.","og_url":"https:\/\/kinqsta.com\/pt\/blog\/wordpress-loop\/","og_site_name":"Kinsta\u00ae","article_publisher":"https:\/\/www.facebook.com\/kinstapt\/","article_published_time":"2025-01-10T12:51:51+00:00","article_modified_time":"2025-01-10T13:52:00+00:00","og_image":[{"width":1470,"height":735,"url":"https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2024\/12\/developing-with-wordpress-loop.png","type":"image\/png"}],"author":"Jeremy Holcombe","twitter_card":"summary_large_image","twitter_description":"Aprenda o que \u00e9 o WordPress Loop e como utiliz\u00e1-lo em modelos PHP e blocos no Editor de Sites.","twitter_image":"https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2024\/12\/developing-with-wordpress-loop-1024x512.png","twitter_creator":"@kinsta_pt","twitter_site":"@kinsta_pt","twitter_misc":{"Escrito por":"Jeremy Holcombe","Tempo estimado de leitura":"19 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/kinqsta.com\/pt\/blog\/wordpress-loop\/#article","isPartOf":{"@id":"https:\/\/kinqsta.com\/pt\/blog\/wordpress-loop\/"},"author":{"name":"Jeremy Holcombe","@id":"https:\/\/kinqsta.com\/pt\/#\/schema\/person\/4eee42881d7b5a73ebb4f58dd5223b21"},"headline":"Guia Completo do WordPress Loop: Tudo o Que Voc\u00ea Precisa Saber","datePublished":"2025-01-10T12:51:51+00:00","dateModified":"2025-01-10T13:52:00+00:00","mainEntityOfPage":{"@id":"https:\/\/kinqsta.com\/pt\/blog\/wordpress-loop\/"},"wordCount":3336,"commentCount":0,"publisher":{"@id":"https:\/\/kinqsta.com\/pt\/#organization"},"image":{"@id":"https:\/\/kinqsta.com\/pt\/blog\/wordpress-loop\/#primaryimage"},"thumbnailUrl":"https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2024\/12\/developing-with-wordpress-loop.png","inLanguage":"pt-PT","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/kinqsta.com\/pt\/blog\/wordpress-loop\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/kinqsta.com\/pt\/blog\/wordpress-loop\/","url":"https:\/\/kinqsta.com\/pt\/blog\/wordpress-loop\/","name":"Guia Completo do WordPress Loop: Tudo o Que Voc\u00ea Precisa Saber","isPartOf":{"@id":"https:\/\/kinqsta.com\/pt\/#website"},"primaryImageOfPage":{"@id":"https:\/\/kinqsta.com\/pt\/blog\/wordpress-loop\/#primaryimage"},"image":{"@id":"https:\/\/kinqsta.com\/pt\/blog\/wordpress-loop\/#primaryimage"},"thumbnailUrl":"https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2024\/12\/developing-with-wordpress-loop.png","datePublished":"2025-01-10T12:51:51+00:00","dateModified":"2025-01-10T13:52:00+00:00","description":"Aprenda o que \u00e9 o WordPress Loop e como utiliz\u00e1-lo em modelos PHP e blocos no Editor de Sites.","breadcrumb":{"@id":"https:\/\/kinqsta.com\/pt\/blog\/wordpress-loop\/#breadcrumb"},"inLanguage":"pt-PT","potentialAction":[{"@type":"ReadAction","target":["https:\/\/kinqsta.com\/pt\/blog\/wordpress-loop\/"]}]},{"@type":"ImageObject","inLanguage":"pt-PT","@id":"https:\/\/kinqsta.com\/pt\/blog\/wordpress-loop\/#primaryimage","url":"https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2024\/12\/developing-with-wordpress-loop.png","contentUrl":"https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2024\/12\/developing-with-wordpress-loop.png","width":1470,"height":735},{"@type":"BreadcrumbList","@id":"https:\/\/kinqsta.com\/pt\/blog\/wordpress-loop\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/kinqsta.com\/pt\/"},{"@type":"ListItem","position":2,"name":"Desenvolvimento WordPress","item":"https:\/\/kinqsta.com\/pt\/topicos\/desenvolvimento-wordpress\/"},{"@type":"ListItem","position":3,"name":"Guia Completo do WordPress Loop: Tudo o Que Voc\u00ea Precisa Saber"}]},{"@type":"WebSite","@id":"https:\/\/kinqsta.com\/pt\/#website","url":"https:\/\/kinqsta.com\/pt\/","name":"Kinsta\u00ae","description":"Solu\u00e7\u00f5es de hospedagem Premium, r\u00e1pida e segura","publisher":{"@id":"https:\/\/kinqsta.com\/pt\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/kinqsta.com\/pt\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"pt-PT"},{"@type":"Organization","@id":"https:\/\/kinqsta.com\/pt\/#organization","name":"Kinsta","url":"https:\/\/kinqsta.com\/pt\/","logo":{"@type":"ImageObject","inLanguage":"pt-PT","@id":"https:\/\/kinqsta.com\/pt\/#\/schema\/logo\/image\/","url":"https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2023\/12\/kinsta-logo.jpeg","contentUrl":"https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2023\/12\/kinsta-logo.jpeg","width":500,"height":500,"caption":"Kinsta"},"image":{"@id":"https:\/\/kinqsta.com\/pt\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/kinstapt\/","https:\/\/x.com\/kinsta_pt","https:\/\/www.instagram.com\/kinstahosting\/","https:\/\/www.linkedin.com\/company\/kinsta\/","https:\/\/www.pinterest.com\/kinstahosting\/","https:\/\/www.youtube.com\/c\/Kinsta"]},{"@type":"Person","@id":"https:\/\/kinqsta.com\/pt\/#\/schema\/person\/4eee42881d7b5a73ebb4f58dd5223b21","name":"Jeremy Holcombe","image":{"@type":"ImageObject","inLanguage":"pt-PT","@id":"https:\/\/kinqsta.com\/pt\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/0e17001f3bb37dbbe54fceef9bb547fa?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/0e17001f3bb37dbbe54fceef9bb547fa?s=96&d=mm&r=g","caption":"Jeremy Holcombe"},"description":"Senior Editor at Kinsta, WordPress Web Developer, and Content Writer. Outside of all things WordPress, I enjoy the beach, golf, and movies. I also have tall people problems.","sameAs":["https:\/\/www.linkedin.com\/in\/jeremyholcombe\/"],"url":"https:\/\/kinqsta.com\/pt\/blog\/author\/jeremyholcombe\/"}]}},"acf":[],"_links":{"self":[{"href":"https:\/\/kinqsta.com\/pt\/wp-json\/wp\/v2\/posts\/70719","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kinqsta.com\/pt\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/kinqsta.com\/pt\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/kinqsta.com\/pt\/wp-json\/wp\/v2\/users\/199"}],"replies":[{"embeddable":true,"href":"https:\/\/kinqsta.com\/pt\/wp-json\/wp\/v2\/comments?post=70719"}],"version-history":[{"count":8,"href":"https:\/\/kinqsta.com\/pt\/wp-json\/wp\/v2\/posts\/70719\/revisions"}],"predecessor-version":[{"id":70790,"href":"https:\/\/kinqsta.com\/pt\/wp-json\/wp\/v2\/posts\/70719\/revisions\/70790"}],"alternate":[{"embeddable":true,"hreflang":"en","title":"English","href":"https:\/\/kinqsta.com\/pt\/wp-json\/kinsta\/v1\/posts\/70719\/translations\/en"},{"embeddable":true,"hreflang":"it","title":"Italian","href":"https:\/\/kinqsta.com\/pt\/wp-json\/kinsta\/v1\/posts\/70719\/translations\/it"},{"embeddable":true,"hreflang":"pt","title":"Portuguese","href":"https:\/\/kinqsta.com\/pt\/wp-json\/kinsta\/v1\/posts\/70719\/translations\/pt"},{"embeddable":true,"hreflang":"fr","title":"French","href":"https:\/\/kinqsta.com\/pt\/wp-json\/kinsta\/v1\/posts\/70719\/translations\/fr"},{"embeddable":true,"hreflang":"de","title":"German","href":"https:\/\/kinqsta.com\/pt\/wp-json\/kinsta\/v1\/posts\/70719\/translations\/de"},{"embeddable":true,"hreflang":"ja","title":"Japanese","href":"https:\/\/kinqsta.com\/pt\/wp-json\/kinsta\/v1\/posts\/70719\/translations\/jp"},{"embeddable":true,"hreflang":"nl","title":"Dutch","href":"https:\/\/kinqsta.com\/pt\/wp-json\/kinsta\/v1\/posts\/70719\/translations\/nl"},{"embeddable":true,"hreflang":"es","title":"Spanish","href":"https:\/\/kinqsta.com\/pt\/wp-json\/kinsta\/v1\/posts\/70719\/translations\/es"},{"href":"https:\/\/kinqsta.com\/pt\/wp-json\/kinsta\/v1\/posts\/70719\/tree"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/kinqsta.com\/pt\/wp-json\/wp\/v2\/media\/70720"}],"wp:attachment":[{"href":"https:\/\/kinqsta.com\/pt\/wp-json\/wp\/v2\/media?parent=70719"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/kinqsta.com\/pt\/wp-json\/wp\/v2\/tags?post=70719"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/kinqsta.com\/pt\/wp-json\/wp\/v2\/topic?post=70719"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}