{"id":17051,"date":"2019-09-17T14:45:25","date_gmt":"2019-09-17T17:45:25","guid":{"rendered":"https:\/\/blog.hostinger.io\/br-tutoriais\/?p=17051"},"modified":"2024-12-17T01:39:14","modified_gmt":"2024-12-17T04:39:14","slug":"the_excerpt","status":"publish","type":"post","link":"\/br\/tutoriais\/the_excerpt","title":{"rendered":"Como usar o comando the_excerpt para customizar o tamanho da pr\u00e9via no WordPress"},"content":{"rendered":"<p>Todo usu&aacute;rio do WordPress j&aacute; sabe que o tema e o core da plataforma ditam como o conte&uacute;do &eacute; exibido. Um exemplo comum &eacute; como as p&aacute;ginas exibem as pr&eacute;vias dos seus artigos. Mas voc&ecirc; sabia que pode customizar o tamanho dessas pr&eacute;vias? Este tutorial vai explicar como fazer isso com o <strong>Comando the_excerpt<\/strong>!<\/p><figure class=\"wp-block-image size-large\"><a href=\"https:\/\/assets.hostinger.com\/content\/tutorials\/pdf\/WordPress-Security-Checklist(pt-br).pdf\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" width=\"1024\" height=\"283\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2022\/12\/WordPress-Cheat-Sheet-BR.png\/public\" alt=\"\" class=\"wp-image-30402\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2022\/12\/WordPress-Cheat-Sheet-BR.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2022\/12\/WordPress-Cheat-Sheet-BR.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2022\/12\/WordPress-Cheat-Sheet-BR.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2022\/12\/WordPress-Cheat-Sheet-BR.png\/w=768,fit=scale-down 768w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2022\/12\/WordPress-Cheat-Sheet-BR.png\/w=1536,fit=scale-down 1536w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure><p>\n\n\n\n\n\n\n<\/p><h2 class=\"wp-block-heading\" id=\"h-o-que-e-a-previa-do-wordpress\"><strong>O Que &eacute; a Pr&eacute;via do WordPress?<\/strong><\/h2><p>A pr&eacute;via do WordPress &ndash; conhecida como excerpt em ingl&ecirc;s &ndash; &eacute; uma parte da publica&ccedil;&atilde;o que traz um link para o artigo completo. Ela &eacute; usada para deixar os leitores interessados e faz com que eles desejem ler mais. Por isso, esse tipo de padr&atilde;o tamb&eacute;m &eacute; conhecido como &ldquo;leia mais&rdquo;.<\/p><p>Isso ajuda a destacar os pontos principais do seu conte&uacute;do, j&aacute; que &agrave;s vezes o t&iacute;tulo n&atilde;o &eacute; o suficiente para atrair a aten&ccedil;&atilde;o do p&uacute;blico.<\/p><p>Por padr&atilde;o, as pr&eacute;vias do WordPress s&atilde;o limitadas &agrave;s primeiras 55 palavras da sua publica&ccedil;&atilde;o.<\/p><p>Quando se usa o editor cl&aacute;ssico do WordPress, as pr&eacute;vias podem ser adicionadas automaticamente para o seu conte&uacute;do ao apertar o bot&atilde;o <strong>Leia Mais<\/strong>. Isso ir&aacute; adicionar a tag &lt;!&ndash;more&ndash;&gt; para o HMTL, o que pode ser visto no editor de HTML. Voc&ecirc; tamb&eacute;m pode digitar uma mensagem customizada como por exemplo &lt;!&ndash;more Continue Lendo!&ndash;&gt;.<\/p><p>De maneira alternativa, voc&ecirc; pode mudar o tamanho dessa pr&eacute;via de acordo com as suas necessidades. Proporcionar mais texto pode atrair a aten&ccedil;&atilde;o dos leitores para o artigo.<\/p><p>Existem diferentes maneiras de fazer essa tarefa. Abaixo voc&ecirc; vai encontrar instru&ccedil;&otilde;es que ir&atilde;o gui&aacute;-lo atrav&eacute;s do processo.<\/p><h2 class=\"wp-block-heading\" id=\"h-como-mudar-o-tamanho-do-texto-antes-do-leia-mais\"><strong>Como Mudar o Tamanho do Texto Antes do Leia Mais?<\/strong><\/h2><p>As duas maneiras mais comuns de mudar o comprimento da pr&eacute;via s&atilde;o fazer isso manualmente ou usar um plugin do WordPress.<\/p><h3 class=\"wp-block-heading\" id=\"h-mudar-o-tamanho-da-previa-do-wordpress-de-maneira-manual\"><strong>Mudar o Tamanho da Pr&eacute;via do WordPress de Maneira Manual<\/strong><\/h3><p>O m&eacute;todo manual envolve promover modifica&ccedil;&otilde;es no c&oacute;digo. Contudo, voc&ecirc; n&atilde;o precisa ter conhecimento profundo de qualquer linguagem de programa&ccedil;&atilde;o para fazer isso.<\/p><p>Aqui est&atilde;o os passos para alterar manualmente o tamanho do excerpt:<\/p><p>1. Passe o mouse sobre a aba <strong>Apar&ecirc;ncia<\/strong> e selecione o <strong>Editor de Temas<\/strong>.<\/p><p>2. Abra o arquivo <strong>functions.php<\/strong> e insira o seguinte c&oacute;digo:<\/p><pre class=\"EnlighterJSRAW\" data-enlighter-language=\"null\">function my_excerpt_length($length){\nreturn 80;\n}\nadd_filter(&lsquo;excerpt_length&rsquo;, &lsquo;my_excerpt_length&rsquo;);<\/pre><p>3. Mude o n&uacute;mero 80 (que representa o limite de palavras) para qualquer n&uacute;mero que desejar. Ent&atilde;o aperte o bot&atilde;o <strong>Atualizar Arquivo.<\/strong><\/p><p>Para alguns temas, como o<em> Twenty Sixteen WordPress<\/em>, voc&ecirc; tamb&eacute;m precisa editar o arquivo <strong>content.php<\/strong>. Siga o guia abaixo:<\/p><p>1. Enquanto voc&ecirc; ainda est&aacute; no <strong>Editor de Temas<\/strong>, role para baixo at&eacute; encontrar <strong>template-parts<\/strong>. Abaixo desse cabe&ccedil;alho, clique no arquivo <strong>content.php<\/strong>.<\/p><p>2. Procure as seguintes linhas:<\/p><pre class=\"EnlighterJSRAW\" data-enlighter-language=\"null\">&lt;div class=&ldquo;entry-content&rdquo;&gt;\n&lt;?php<\/pre><p>E adicione a seguinte linha de c&oacute;digo exatamente abaixo disso:<\/p><pre class=\"EnlighterJSRAW\" data-enlighter-language=\"null\">if ( is_home() || is_category()||is_archive()){\nthe_excerpt(&lsquo;&lsquo;);\n}else{<\/pre><p>3. Encontre essas afirma&ccedil;&otilde;es:<\/p><pre class=\"EnlighterJSRAW\" data-enlighter-language=\"null\">?&gt;\n&lt;\/div&gt;&lt;!-- .entry content --&gt;<\/pre><p>E ent&atilde;o insira a seguinte linha acima dessas afirma&ccedil;&otilde;es:<\/p><pre class=\"EnlighterJSRAW\" data-enlighter-language=\"null\">} \/\/ end of if statements<\/pre><p>4. Clique em <strong>Atualizar Arquivo<\/strong> e est&aacute; pronto!<\/p><h3 class=\"wp-block-heading\" id=\"h-como-alterar-o-tamanho-da-previa-do-wordpress-com-um-plugin\"><strong>Como Alterar o Tamanho da Pr&eacute;via do WordPress com um Plugin<\/strong><\/h3><p>Uma das maneiras mais f&aacute;ceis de customizar o tamanho da pr&eacute;via &eacute; modificando-o com um plugin. Uma op&ccedil;&atilde;o recomendada para essa tarefa &eacute; o plugin <strong>Advanced Excerpt<\/strong>. Ele &eacute; gratuito e f&aacute;cil de usar.<\/p><p>Ao utilizar o plugin, voc&ecirc; pode:<\/p><ul class=\"wp-block-list\">\n<li>Limitar o tamanho da pr&eacute;via por contagem de palavras ou caracteres.<\/li>\n\n\n\n<li>Adicionar um link de &ldquo;Leia Mais&rdquo; e customiz&aacute;-lo.<\/li>\n\n\n\n<li>Completar a &uacute;ltima palavra da pr&eacute;via para que ela n&atilde;o termine pela metade.<\/li>\n\n\n\n<li>Manter o markup HTML e escolher que tags ser&atilde;o inclu&iacute;das.<\/li>\n<\/ul><p>Para instal&aacute;-lo, passe o mouse sobre <strong>Plugins<\/strong> no seu Painel do WordPress e pressione <strong>Adicionar Novo<\/strong>. Digite &ldquo;advanced excerpt&rdquo; na barra de pesquisa. Clique no bot&atilde;o<strong> Instalar Agora<\/strong> e ent&atilde;o em <strong>Ativar<\/strong>.<\/p><p>Confira nosso outro artigo sobre como instalar plugins para um tutorial completo sobre este t&oacute;pico.<\/p><p>Para usar o plugin, siga o guia abaixo:<\/p><p>1. V&aacute; at&eacute; a aba <strong>Plugins <\/strong>e pressione em <strong>Settings <\/strong>(Configura&ccedil;&otilde;es) abaixo do nome do plugin.<\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"1024\" height=\"343\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2019\/09\/configuracoes-plugin-previa.png\/public\" alt=\"Acessando configura&ccedil;&otilde;es do plugin\" class=\"wp-image-38986\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2019\/09\/configuracoes-plugin-previa.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2019\/09\/configuracoes-plugin-previa.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2019\/09\/configuracoes-plugin-previa.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2019\/09\/configuracoes-plugin-previa.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><\/div><p>2. Customize as op&ccedil;&otilde;es dispon&iacute;veis da maneira que preferir<\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"1024\" height=\"463\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2019\/09\/settings-advanced-excerpt.png\/public\" alt=\"configura&ccedil;&otilde;es do plugin advanced excerpt\" class=\"wp-image-47385\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2019\/09\/settings-advanced-excerpt.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2019\/09\/settings-advanced-excerpt.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2019\/09\/settings-advanced-excerpt.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2019\/09\/settings-advanced-excerpt.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><\/div><p>3. Clique no Bot&atilde;o <strong>Save Changes <\/strong>(Salvar Altera&ccedil;&otilde;es)<\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><a href=\"\/br\/hospedagem-wordpress\" target=\"_blank\" rel=\"noreferrer noopener\"><img decoding=\"async\" width=\"1024\" height=\"300\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2024\/06\/BR-New-WP_in-text-banner.png\/public\" alt=\"\" class=\"wp-image-44638\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2024\/06\/BR-New-WP_in-text-banner.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2024\/06\/BR-New-WP_in-text-banner.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2024\/06\/BR-New-WP_in-text-banner.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2024\/06\/BR-New-WP_in-text-banner.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure><\/div><h2 class=\"wp-block-heading\" id=\"h-conclusao\"><strong>Conclus&atilde;o<\/strong><\/h2><p>Um dos principais pontos que contribuem para ativar a curiosidade do leitor para um artigo &eacute; a pr&eacute;via. Quando se usa o WordPress, voc&ecirc; pode mudar a pr&eacute;via padr&atilde;o de duas maneira:<\/p><ol class=\"wp-block-list\">\n<li><strong>Manualmente<\/strong> &#8210; ao inserir o c&oacute;digo no arquivo <strong>function.php<\/strong> de um tema.<\/li>\n\n\n\n<li><strong>Com um plugin<\/strong> &#8210;&nbsp; instalando o plugin <a href=\"https:\/\/wordpress.org\/plugins\/advanced-excerpt\/\" target=\"_blank\" rel=\"noopener\">Advanced Excerpt<\/a> e modificando suas configura&ccedil;&otilde;es.<\/li>\n<\/ol><p>Feliz edi&ccedil;&otilde;es!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Todo usu&aacute;rio do WordPress j&aacute; sabe que o tema e o core da plataforma ditam como o conte&uacute;do &eacute; exibido. Um exemplo comum &eacute; como as p&aacute;ginas exibem as pr&eacute;vias dos seus artigos. Mas voc&ecirc; sabia que pode customizar o tamanho dessas pr&eacute;vias? Este tutorial vai explicar como fazer isso com o Comando the_excerpt! O [&#8230;]<\/p>\n<p><a class=\"btn btn-secondary understrap-read-more-link\" href=\"\/br\/tutoriais\/the_excerpt\">Read More&#8230;<\/a><\/p>\n","protected":false},"author":125,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"rank_math_title":"Comando the_exerpt | Personalize a Pr\u00e9via do WordPress","rank_math_description":"As pr\u00e9vias das postagens em blogs do WordPress s\u00e3o fundamentais para atrair usu\u00e1rios. Aprenda a customiz\u00e1-las com o comando the_excerpt","rank_math_focus_keyword":"the_excerpt","footnotes":""},"categories":[4911],"tags":[6910,6909,6908],"class_list":["post-17051","post","type-post","status-publish","format-standard","hentry","category-wordpress","tag-excerpt-wordpress","tag-previa","tag-the_excerpt"],"hreflangs":[{"locale":"pt-BR","link":"https:\/\/www.hostinger.com\/br\/tutoriais\/the_excerpt","default":1},{"locale":"pt-PT","link":"https:\/\/www.hostinger.com\/pt\/tutoriais\/the_excerpt","default":0}],"acf":[],"_links":{"self":[{"href":"https:\/\/www.hostinger.com\/br\/tutoriais\/wp-json\/wp\/v2\/posts\/17051","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.hostinger.com\/br\/tutoriais\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.hostinger.com\/br\/tutoriais\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/br\/tutoriais\/wp-json\/wp\/v2\/users\/125"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/br\/tutoriais\/wp-json\/wp\/v2\/comments?post=17051"}],"version-history":[{"count":7,"href":"https:\/\/www.hostinger.com\/br\/tutoriais\/wp-json\/wp\/v2\/posts\/17051\/revisions"}],"predecessor-version":[{"id":47387,"href":"https:\/\/www.hostinger.com\/br\/tutoriais\/wp-json\/wp\/v2\/posts\/17051\/revisions\/47387"}],"wp:attachment":[{"href":"https:\/\/www.hostinger.com\/br\/tutoriais\/wp-json\/wp\/v2\/media?parent=17051"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hostinger.com\/br\/tutoriais\/wp-json\/wp\/v2\/categories?post=17051"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hostinger.com\/br\/tutoriais\/wp-json\/wp\/v2\/tags?post=17051"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}