{"id":27980,"date":"2019-08-06T08:20:05","date_gmt":"2019-08-06T15:20:05","guid":{"rendered":"https:\/\/kinsta.com\/?p=48437"},"modified":"2025-02-26T10:05:49","modified_gmt":"2025-02-26T13:05:49","slug":"advanced-custom-fields","status":"publish","type":"post","link":"https:\/\/kinsta.com\/pt\/blog\/advanced-custom-fields\/","title":{"rendered":"Tutorial Advanced Custom Fields: O Guia Definitivo"},"content":{"rendered":"<p>Campos personalizados no WordPress s\u00e3o partes importantes que o transformam em um <a href=\"https:\/\/kinsta.com\/pt\/blog\/sistema-de-gerenciamento-de-conteudo\/\">sistema de gerenciamento de conte\u00fado<\/a> flex\u00edvel, ao inv\u00e9s de \u201capenas uma plataforma de blogs\u201d.<\/p>\n<p>Quando se trata dos campos personalizados no WordPress, o plugin freemium <strong>Advanced Custom Fields<\/strong> \u00e9 um dos nomes mais conhecidos. Ele facilita o trabalho com campos personalizados em todos os aspectos e tamb\u00e9m \u00e9 o tema do nosso post de hoje.<\/p>\n<p>Em especial, explicaremos por que o Advanced Custom Fields \u00e9 t\u00e3o valioso e mostraremos um passo a passo de como voc\u00ea pode aplic\u00e1-lo em seu site WordPress.<\/p>\n<p>Aqui est\u00e1 tudo o que voc\u00ea encontrar\u00e1 neste post:<\/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>H\u00e1 muita coisa para cobrir, por isso vamos come\u00e7ar&#8230;<\/p>\n\n<div  class=\"featured-snippet\" id=\"featuredSnippet\">\n    <div class=\"featured-snippet__content\">\n        <h2>O que \u00e9 o plugin Advanced Custom Fields?<\/h2>\n        <div><p>Desenvolvido por Elliot Condon, o Advanced Custom Fields \u2014 tamb\u00e9m conhecido como ACF \u2014 \u00e9 um plugin WordPress que permite que voc\u00ea adicione e gerencie campos personalizados em um site WordPress. Ele est\u00e1 dispon\u00edvel tanto como um plugin gratuito quanto premium, chamado ACF PRO, disponibilizado a partir de US$25 por atualiza\u00e7\u00f5es vital\u00edcias para um site.<\/p>\n<\/div>\n    <\/div>\n    <div class=\"featured-snippet__footer\">\n        <div class=\"arrow-down\"><\/div>\n        <div class=\"featured-snippet__footer--content row nocol middle-xs between-xs reverse\">\n            <div style=\"margin-left: auto; position: relative; top: -1px\" class=\"row nocol middle-xs\">\n                <div class=\"color--mediumGray\" style=\"font-size: 14px; vertical-align: middle;\">\n                    <svg  class=\"icon icon--logo display--block\" aria-hidden=\"true\" focusable=\"false\"><use xlink:href=\"https:\/\/kinsta.com\/pt\/wp-content\/themes\/kinsta\/dist\/sprite.svg?v=e8af2143e3b8bceb5561b327e81ec085#logo\" \/><\/svg>                <\/div>\n                <div class=\"text--bold color--mediumGray\" style=\"padding-left: 3px;\">Support<\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n<h2 id=\"what\">O Que S\u00e3o Campos Personalizados no WordPress? O Que Eles Permitem que Voc\u00ea Fa\u00e7a?<\/h2>\n<p>Os campos personalizados no WordPress permitem que voc\u00ea adicione, armazene e exiba informa\u00e7\u00f5es adicionais sobre determinado conte\u00fado no WordPress. Em um n\u00edvel mais t\u00e9cnico, os campos personalizados te ajudam a armazenar metadados.<\/p>\n<p>Mesmo que voc\u00ea n\u00e3o esteja familiarizado com esse termo, os campos personalizados impulsionam muitas das funcionalidades presentes em seus plugins e temas favoritos.<\/p>\n<p>Por exemplo, o <a href=\"https:\/\/kinsta.com\/pt\/blog\/tutorial-woocommerce\/\">WooCommerce<\/a>, a forma mais popular de construir uma loja de E-commerce, usa campos personalizados para armazenar informa\u00e7\u00f5es adicionais sobre um produto, como:<\/p>\n<ul>\n<li>Pre\u00e7o<\/li>\n<li>Peso<\/li>\n<li>Cor<\/li>\n<\/ul>\n<p>Ou, se voc\u00ea tem um <a href=\"https:\/\/kinsta.com\/pt\/blog\/plugins-de-eventos-wordpress\/\">plugin de calend\u00e1rio de eventos no WordPress<\/a>, ele usar\u00e1 os campos personalizados para armazenar informa\u00e7\u00f5es extras sobre um evento, como:<\/p>\n<ul>\n<li>Localiza\u00e7\u00e3o<\/li>\n<li>Hor\u00e1rio de in\u00edcio\/t\u00e9rmino<\/li>\n<li>Pre\u00e7o<\/li>\n<\/ul>\n<p>Voc\u00ea tamb\u00e9m pode criar seus pr\u00f3prios campos personalizados para armazenar informa\u00e7\u00f5es que s\u00e3o relevantes para suas necessidades \u00fanicas, que \u00e9 sobre o que este post realmente se trata.<\/p>\n\n<h3>Quando Voc\u00ea Deve Usar Campos Personalizados?<\/h3>\n<p>Talvez voc\u00ea esteja se perguntando por que precisa de campos personalizados.<\/p>\n<p>Por exemplo, se deseja publicar um evento em seu site WordPress, n\u00e3o poderia apenas colocar todas as informa\u00e7\u00f5es como texto normal no editor do WordPress?<\/p>\n<p>Bem, sim, voc\u00ea poderia fazer isso. Mas usar campos personalizados \u00e9 uma abordagem melhor por algumas raz\u00f5es:<\/p>\n<ul>\n<li><strong>Inser\u00e7\u00e3o facilitada<\/strong> \u2014 ao inv\u00e9s de digitar as informa\u00e7\u00f5es do zero, um grupo de campos personalizados bem definidos \u00e9 um meio muito mais f\u00e1cil para inserir dados. Por exemplo, ao inv\u00e9s de digitar uma data, voc\u00ea pode simplesmente selecion\u00e1-la em um calend\u00e1rio.<\/li>\n<li><strong>Consist\u00eancia<\/strong> \u2014 a informa\u00e7\u00e3o que voc\u00ea insere em seus campos personalizados sempre ser\u00e1 exibida de acordo com sua configura\u00e7\u00e3o, o que significa que ser\u00e1 consistente em todos os locais do seu site.<\/li>\n<li><strong>Atualiza\u00e7\u00f5es e manuten\u00e7\u00f5es facilitadas<\/strong> \u2014 se voc\u00ea deseja alterar algo sobre a forma como a informa\u00e7\u00e3o ser\u00e1 exibida no futuro, pode simplesmente atualizar um detalhe, ao inv\u00e9s de precisar editar cada post individualmente.<\/li>\n<\/ul>\n<h3>O WordPress Inclui a Funcionalidade de Campos Personalizados Incorporados<\/h3>\n<p>Na verdade, o WordPress inclui uma funcionalidade incorporada para adicionar campos personalizados ao seu conte\u00fado. No <a href=\"https:\/\/kinsta.com\/blog\/wordpress-tinymce-editor\/\">editor cl\u00e1ssico TinyMCE<\/a>, voc\u00ea pode habilitar esse recurso na \u00e1rea de <strong>Op\u00e7\u00f5es de Tela<\/strong>. No <a href=\"https:\/\/kinsta.com\/pt\/blog\/editor-gutenberg-wordpress\/\">novo editor em blocos<\/a>, \u00e9 poss\u00edvel habilit\u00e1-lo na \u00e1rea de <strong>Op\u00e7\u00f5es:<\/strong><\/p>\n<figure style=\"width: 2230px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2019\/06\/accessar-campos-personalizados-editor-blocos.png\" alt=\"Como acessar campos personalizados no editor em blocos\" width=\"2230\" height=\"1391\"><figcaption class=\"wp-caption-text\">Como acessar campos personalizados no editor em blocos<\/figcaption><\/figure>\n<p>Em seguida, voc\u00ea pode inserir os dados no campo personalizado usando pares de chaves\/valores:<\/p>\n<figure style=\"width: 2220px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2019\/06\/funcionalidade-campos-personalizados-wordpress.png\" alt=\"A funcionalidade de campos personalizados no WordPress\" width=\"2220\" height=\"1375\"><figcaption class=\"wp-caption-text\">A funcionalidade de campos personalizados no WordPress<\/figcaption><\/figure>\n<p>Esta funcionalidade nativa de campos personalizados \u00e9 completamente operacional, mas n\u00e3o apresenta a forma mais amig\u00e1vel ao usu\u00e1rio para fazer as coisas. E esse \u00e9 o motivo pelo qual muitas pessoas preferem usar o plugin Advanced Custom Fields.<\/p>\n<h2 id=\"acf\">Advanced Custom Fields Facilita as Coisas<\/h2>\n<p>De forma simples, o <a href=\"https:\/\/www.advancedcustomfields.com\/\">Advanced Custom Fields<\/a> facilita muito o trabalho com campos personalizados no WordPress em&#8230; basicamente todos os aspectos.<\/p>\n<p>Ele simplifica a interface para adicionar e gerenciar campos personalizados em seu painel do WordPress e tamb\u00e9m facilita o processo de exibi\u00e7\u00e3o de informa\u00e7\u00f5es dos campos personalizados no front-end do seu site. Isso ajuda a explicar por que ele est\u00e1 <strong>ativo em mais de um milh\u00e3o de websites com uma avalia\u00e7\u00e3o de 4,9 estrelas em mais de mil reviews<\/strong>.<\/p>\n<p>No back-end, ele permite que voc\u00ea crie caixas meta com formatos amig\u00e1veis, que incluem tipos de campos pr\u00e9-selecionados. Portanto, ao inv\u00e9s de ter aquela interface gen\u00e9rica de pares de chaves e valores (como os que vimos acima), voc\u00ea ser\u00e1 capaz de usar selecionadores de datas, caixas de marca\u00e7\u00e3o e muito mais recursos, como estes:<\/p>\n<figure id=\"attachment_27994\" aria-describedby=\"caption-attachment-27994\" style=\"width: 768px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-27994\" src=\"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2019\/08\/advanced-acf-bloque-editor.png\" alt=\"Advanced Custom Fields no editor em blocos\" width=\"768\" height=\"471\" srcset=\"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2019\/08\/advanced-acf-bloque-editor.png 768w, https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2019\/08\/advanced-acf-bloque-editor-300x184.png 300w, https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2019\/08\/advanced-acf-bloque-editor-610x374.png 610w\" sizes=\"auto, (max-width: 768px) 100vw, 768px\" \/><figcaption id=\"caption-attachment-27994\" class=\"wp-caption-text\">Advanced Custom Fields no editor em blocos<\/figcaption><\/figure>\n<p>No total, o Advanced Custom Fields oferece mais de 30 tipos diferentes de campos, que podem ser adicionados em qualquer \u00e1rea do seu painel, incluindo posts, usu\u00e1rios, taxonomias, m\u00eddia, coment\u00e1rios e at\u00e9 mesmo p\u00e1ginas de op\u00e7\u00f5es personalizadas.<\/p>\n<p>Voc\u00ea pode <a href=\"https:\/\/www.advancedcustomfields.com\/resources\/#field-types\">visualizar informa\u00e7\u00f5es detalhadas sobre cada tipo de campo aqui<\/a>.<\/p>\n<p>Advanced Custom Fields tamb\u00e9m facilita a exibi\u00e7\u00e3o dessas informa\u00e7\u00f5es, atrav\u00e9s de fun\u00e7\u00f5es bem-documentadas, shortcodes, blocos do Gutenberg, entre outros.<\/p>\n<p>Ou ainda, voc\u00ea pode encontrar integra\u00e7\u00f5es com outras ferramentas, como alguns <a href=\"https:\/\/kinsta.com\/pt\/blog\/construtores-de-paginas-wordpress\/\">construtores de p\u00e1ginas do WordPress de arrastar e soltar<\/a>.<\/p>\n<h3>Advanced Custom Fields Gratuito versus Pro: De Qual Voc\u00ea Precisa?<\/h3>\n<p>Advanced Custom Fields \u00e9 disponibilizado tanto em uma vers\u00e3o gratuita quanto em outra premium de custo acess\u00edvel.<\/p>\n<p>Para usos mais b\u00e1sicos, a vers\u00e3o gratuita \u00e9 suficiente. Ela te d\u00e1 acesso a quase todos os tipos de campos, bem como todos os recursos que economizam tempo e que t\u00eam aspecto amig\u00e1vel para o usu\u00e1rio, conforme destacamos acima.<\/p>\n<p>Se voc\u00ea deseja apenas armazenar algumas informa\u00e7\u00f5es extras sobre seu conte\u00fado, a vers\u00e3o gratuita \u00e9 tudo o que precisa.<\/p>\n<p>Dito isso, a vers\u00e3o Pro adiciona alguns recursos bastante convenientes que ajudam voc\u00ea a usar o Advanced Custom Fields de formas mais interessantes:<\/p>\n<ul>\n<li><strong>Repeater fields<\/strong> \u2014 permitem que voc\u00ea repita certos campos\/grupos de campos em cada post. Por exemplo, se voc\u00ea estiver adicionando informa\u00e7\u00f5es sobre um palestrante de um evento, um repeater field te ajudaria a lidar com casos em que h\u00e1 mais de um palestrante (<i>voc\u00ea poderia simplesmente \u201crepetir\u201d o campo do palestrante tantas vezes quanto necess\u00e1rio, o que te permite cuidar de situa\u00e7\u00f5es nas quais h\u00e1 m\u00faltiplos palestrantes<\/i>).<\/li>\n<li><strong>Blocos ACF<\/strong> \u2014 exibem seus campos como blocos do Gutenberg, ao inv\u00e9s de uma caixa meta. Isso \u00e9 algo especialmente conveniente se estiver desenvolvendo um site para um cliente e deseja oferecer a ele uma forma f\u00e1cil de inserir e visualizar dados do campo personalizado.<\/li>\n<li><strong>Campo de conte\u00fado flex\u00edvel<\/strong> \u2014 cria layouts a partir de outros campos. \u00c9 semelhante a um construtor de p\u00e1ginas leve, baseado em informa\u00e7\u00f5es do campo personalizado.<\/li>\n<li><strong>Campo de galeria<\/strong> \u2014 carrega m\u00faltiplas imagens para um s\u00f3 campo.<\/li>\n<\/ul>\n<p>Tamb\u00e9m h\u00e1 outras diferentes, como p\u00e1ginas de op\u00e7\u00f5es, a capacidade de clonar campos, melhorias nas rela\u00e7\u00f5es entre campos e outros ajustes menores.<\/p>\n<p>Voc\u00ea tamb\u00e9m pode <a href=\"https:\/\/www.advancedcustomfields.com\/pro\/\">ver todos os recursos do ACF PRO aqui<\/a>.<\/p>\n<p>ACF PRO \u00e9 disponibilizado a partir de US$25 por uso <strong>vital\u00edcio<\/strong> em um site. Ou voc\u00ea pode pagar US$100 por uso <strong>vital\u00edcio<\/strong> em sites ilimitados.<\/p>\n<p>Se estiver em d\u00favida, comece usando a vers\u00e3o gratuita at\u00e9 descobrir exatamente qual funcionalidade voc\u00ea precisa. Sempre ser\u00e1 poss\u00edvel fazer o upgrade mais tarde, se for necess\u00e1rio.<\/p>\n<h2 id=\"tutorial\">Tutorial Advanced Custom Fields: Como Adicionar Seus Campos<\/h2>\n<p>Agora vamos nos aprofundar no tutorial real do Advanced Custom Fields e te mostrarei como criar e exibir seu primeiro conjunto de campos personalizados.<\/p>\n<p>Para este exemplo, vamos considerar que <a href=\"https:\/\/kinsta.com\/pt\/blog\/como-monetizar-um-blog\/\">voc\u00ea tem um blog<\/a> sobre corrida. Voc\u00ea realmente gosta de correr e deseja compartilhar seus exerc\u00edcios di\u00e1rios com seus leitores. Em especial, em cada post do blog, voc\u00ea deseja compartilhar as seguintes informa\u00e7\u00f5es sobre sua corrida:<\/p>\n<ul>\n<li><strong>Objetivo<\/strong> \u2014 digamos que voc\u00ea tenha dois tipos diferentes de corrida: \u201cvelocidade\u201d e \u201ccondicionamento\u201d.<\/li>\n<li><strong>Dist\u00e2ncia<\/strong> \u2014 quanto voc\u00ea correu.<\/li>\n<li><strong>Hor\u00e1rio de In\u00edcio<\/strong> \u2014 quando voc\u00ea come\u00e7ou a corrida.<\/li>\n<li><strong>Hor\u00e1rio de T\u00e9rmino<\/strong> \u2014 quando voc\u00ea terminou a corrida.<\/li>\n<li><strong>Localiza\u00e7\u00e3o<\/strong> \u2014 onde sua corrida aconteceu.<\/li>\n<\/ul>\n<p>Para coletar essas informa\u00e7\u00f5es, voc\u00ea dever\u00e1 adicionar cinco campos personalizados.<\/p>\n<p>\u00c9 importante notar que os princ\u00edpios que voc\u00ea aprender\u00e1 com esse tutorial do Advanced Custom Fields se aplicam a qualquer caso de uso. Estamos apenas dando um exemplo espec\u00edfico, porque ele ajuda a oferecer uma situa\u00e7\u00e3o tang\u00edvel como refer\u00eancia.<\/p>\n<p>Dividiremos esse tutorial em duas partes:<\/p>\n<ol>\n<li>Como adicionar e gerenciar seus campos personalizados no back-end.<\/li>\n<li>Como exibir informa\u00e7\u00f5es de campos personalizados no front-end do seu site.<\/li>\n<\/ol>\n<h3>1. Criar um Novo Grupo de Campos<\/h3>\n<p>Ap\u00f3s instalar e ativar a <a href=\"https:\/\/wordpress.org\/plugins\/advanced-custom-fields\/\">vers\u00e3o gratuita do Advanced Custom Fields do WordPress.org<\/a>, v\u00e1 at\u00e9 <strong>Campo Personalizados <i>(Custom Fields)<\/i> &gt; Adicionar Novo <i>(Add New) <\/i><\/strong>para criar seu primeiro <strong>Grupo de Campos.<\/strong><\/p>\n<p>Conforme o nome sugere, um \u201cGrupo de Campos\u201d \u00e9 um grupo com um ou mais campos personalizados que s\u00e3o exibidos juntos em seu <a href=\"https:\/\/kinsta.com\/pt\/blog\/painel-administrativo-wordpress\/\">painel WordPress<\/a>.<\/p>\n<p>Neste exemplo, voc\u00ea criar\u00e1 um grupo de campos que cont\u00e9m cinco campos personalizados.<\/p>\n<p>Atribua ao seu grupo de campos um nome e selecione sua <strong>Localiza\u00e7\u00e3o.<\/strong> Para este exemplo, queremos exibir esses campos personalizados para posts regulares de blogs WordPress, para que voc\u00ea possa mant\u00ea-los em um <strong>Post<\/strong> padr\u00e3o.<\/p>\n<p>No entanto, se voc\u00ea deseja exibir seus campos personalizados em algum outro lugar, como por exemplo juntamente com um <a href=\"https:\/\/kinsta.com\/pt\/blog\/tipos-publicacoes-personalizadas-wordpress\/\">tipo de post personalizado<\/a> ou uma taxonomia, dever\u00e1 fazer as altera\u00e7\u00f5es de acordo. Tamb\u00e9m \u00e9 poss\u00edvel configurar diversas regras para exibir seus campos em m\u00faltiplos locais:<\/p>\n<figure style=\"width: 1917px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2019\/06\/criar-novo-grupo-campos-acf.png\" alt=\"Criar um novo grupo de campos no ACF\" width=\"1917\" height=\"1262\"><figcaption class=\"wp-caption-text\">Criar um novo grupo de campos no ACF<\/figcaption><\/figure>\n<h3>2. Adicionar Campos Personalizados<\/h3>\n<p>Em seguida, clique no bot\u00e3o <strong>+<\/strong> <strong>Adicionar Campo <i>(+ Add Field)<\/i><\/strong><i> <\/i>para adicionar seu primeiro campo personalizado:<\/p>\n<figure style=\"width: 1580px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2019\/06\/addicionar-novo-campo.png\" alt=\"Adicionar um novo campo\" width=\"1580\" height=\"557\"><figcaption class=\"wp-caption-text\">Adicionar um novo campo<\/figcaption><\/figure>\n<p>V\u00e1rias op\u00e7\u00f5es ser\u00e3o abertas, mas voc\u00ea n\u00e3o precisa preencher tudo.<\/p>\n<p>As duas escolhas mais importantes s\u00e3o:<\/p>\n<ul>\n<li><strong>Etiqueta do Campo (Field Label)<\/strong> \u2014 o nome que aparecer\u00e1 no editor. Tamb\u00e9m ser\u00e1 usado para gerar o Nome do Campo, que ser\u00e1 usado no c\u00f3digo. Voc\u00ea n\u00e3o precisa alterar o nome do campo (embora seja poss\u00edvel, se for necess\u00e1rio).<\/li>\n<li><strong>Tipo do Campo (Field Type)<\/strong>\u2014 este \u00e9 o tipo de informa\u00e7\u00e3o que voc\u00ea deseja coletar. Por exemplo, voc\u00ea precisaria de um campo de <strong>N\u00famero<\/strong> para coletar informa\u00e7\u00f5es num\u00e9ricas ou um campo de <strong>E-mail<\/strong> para coletar endere\u00e7os de e-mail.<\/li>\n<\/ul>\n<p>Neste primeiro campo, voc\u00ea usar\u00e1 o tipo de campo de <strong>Bot\u00e3o de Op\u00e7\u00e3o <i>(Radio Button)<\/i><\/strong>:<\/p>\n<figure style=\"width: 1608px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2019\/06\/configurando-campo-pt.png\" alt=\"Configurando um campo\" width=\"1608\" height=\"1024\"><figcaption class=\"wp-caption-text\">Configurando um campo<\/figcaption><\/figure>\n<p>Mais adiante, voc\u00ea pode inserir as op\u00e7\u00f5es de sele\u00e7\u00e3o para o bot\u00e3o de op\u00e7\u00e3o na caixa <strong>Escolhas <i>(Choices)<\/i><\/strong>:<\/p>\n<figure style=\"width: 1610px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2019\/06\/caixa-inserir-opcoes.png\" alt=\"Caixa para inserir op\u00e7\u00f5es\" width=\"1610\" height=\"784\"><figcaption class=\"wp-caption-text\">Caixa para inserir op\u00e7\u00f5es<\/figcaption><\/figure>\n<p>Tamb\u00e9m h\u00e1 um n\u00famero de outras escolhas que voc\u00ea pode fazer, como definir se um campo \u00e9 necess\u00e1rio ou n\u00e3o e qual seu valor padr\u00e3o. Configure esses campos conforme sua necessidade.<\/p>\n<p>Vejamos outro exemplo: um campo personalizado para coletar a dist\u00e2ncia da corrida. Dessa vez, voc\u00ea usar\u00e1 um campo com o tipo <strong>N\u00famero <i>(Number)<\/i><\/strong>:<\/p>\n<figure style=\"width: 1611px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2019\/06\/criar-campo-numero-pt.png\" alt=\"Criar um campo de n\u00famero\" width=\"1611\" height=\"1127\"><figcaption class=\"wp-caption-text\">Criar um campo de n\u00famero<\/figcaption><\/figure>\n<p>Voc\u00ea tamb\u00e9m poderia tornar as coisas ainda mais amig\u00e1veis aos usu\u00e1rios, ao optar por um <strong>Complemento <i>(Append) <\/i><\/strong>com a unidade de dist\u00e2ncia. E se desejar, voc\u00ea tamb\u00e9m poderia adicionar uma valida\u00e7\u00e3o com um <strong>Valor M\u00ednimo <i>(Minimum Value) <\/i><\/strong>e <strong>Valor M\u00e1ximo <i>(Maximum Value)<\/i><\/strong>. Por exemplo, \u00e9 improv\u00e1vel fazer corridas de mil quil\u00f4metros (e se fizer&#8230; bom, ent\u00e3o voc\u00ea \u00e9 o novo Forrest Gump)!<\/p>\n<figure style=\"width: 1608px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2019\/06\/mais-configuracoes-campos.png\" alt=\"Mais configura\u00e7\u00f5es de campos\" width=\"1608\" height=\"958\"><figcaption class=\"wp-caption-text\">Mais configura\u00e7\u00f5es de campos<\/figcaption><\/figure>\n<p>Apenas repita o processo para todos os outros campos personalizados que deseja coletar. Quando terminar, dever\u00e1 ter algo assim:<\/p>\n<figure style=\"width: 1607px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2019\/06\/campos-acf-diferentes.png\" alt=\"5 campos ACF diferentes\" width=\"1607\" height=\"940\"><figcaption class=\"wp-caption-text\">5 campos ACF diferentes<\/figcaption><\/figure>\n<h3>3. Configurar Detalhes e Publicar<\/h3>\n<p>Para finalizar, role a p\u00e1gina at\u00e9 chegar \u00e0 caixa de <strong>Configura\u00e7\u00f5es <i>(Settings)<\/i><\/strong>. Nela, voc\u00ea pode controlar como seus campos ser\u00e3o exibidos no <a href=\"https:\/\/kinsta.com\/pt\/?s=wordpress+editor\">editor do WordPress<\/a>.<\/p>\n<p>Na maioria das vezes, \u00e9 poss\u00edvel manter as defini\u00e7\u00f5es padr\u00e3o. Mas sinta-se livre para alterar os detalhes como quiser. Por exemplo, voc\u00ea pode optar por exibir seus campos personalizados acima do editor regular do WordPress:<\/p>\n<figure style=\"width: 1616px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2019\/06\/configurando-grupos-campos-afc.png\" alt=\"Configurando grupos de campos no AFC\" width=\"1616\" height=\"1143\"><figcaption class=\"wp-caption-text\">Configurando grupos de campos no AFC<\/figcaption><\/figure>\n<p>Ap\u00f3s fazer suas escolhas, <strong>Publique<\/strong> seu grupo de campos para que ele v\u00e1 ao ar.<\/p>\n<h3>4. Adicione Algumas Informa\u00e7\u00f5es ao Editor do WordPress<\/h3>\n<p>Ap\u00f3s publicar seu grupo de campos, voc\u00ea ver\u00e1 seus campos aparecerem sempre que criar um novo post.<\/p>\n<p>Por padr\u00e3o, eles aparecer\u00e3o juntos embaixo do editor, seja ele o cl\u00e1ssico TinyMCE ou o novo editor em blocos:<\/p>\n<figure id=\"attachment_27993\" aria-describedby=\"caption-attachment-27993\" style=\"width: 768px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-27993\" src=\"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2019\/08\/acf-editor-blocos.png\" alt=\"Advanced Custom Fields no editor em blocos\" width=\"768\" height=\"471\" srcset=\"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2019\/08\/acf-editor-blocos.png 768w, https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2019\/08\/acf-editor-blocos-300x184.png 300w, https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2019\/08\/acf-editor-blocos-610x374.png 610w\" sizes=\"auto, (max-width: 768px) 100vw, 768px\" \/><figcaption id=\"caption-attachment-27993\" class=\"wp-caption-text\">Advanced Custom Fields no editor em blocos<\/figcaption><\/figure>\n<p>As informa\u00e7\u00f5es que voc\u00ea insere aqui ser\u00e3o armazenadas no <a href=\"https:\/\/kinsta.com\/pt\/blog\/banco-de-dados-wordpress\/\">banco de dados de WordPress<\/a> do seu site, para facilitar sua recupera\u00e7\u00e3o (voc\u00ea ver\u00e1 detalhes sobre isso em nosso pr\u00f3ximo tutorial sobre o Advanced Custom Fields).<\/p>\n<h3>Explorando a L\u00f3gica Condicional<\/h3>\n<p>Antes de prosseguirmos, vamos fazer um r\u00e1pido desvio.<\/p>\n<p>Uma das raz\u00f5es pelas quais o Advanced Custom Fields \u00e9 t\u00e3o popular s\u00e3o todas as implementa\u00e7\u00f5es interessantes que ele proporciona.<\/p>\n<p>E uma op\u00e7\u00e3o poderosa \u00e9 a <strong>L\u00f3gica Condicional<\/strong>, que permite que voc\u00ea exiba\/oculte campos, com base em como o campo anterior foi preenchido.<\/p>\n<p>Vejamos um exemplo r\u00e1pido de como isso funciona&#8230;<\/p>\n<p>Digamos que voc\u00ea deseje <a href=\"https:\/\/kinsta.com\/pt\/blog\/como-comecar-seu-blog-de-culinaria\/\">escrever sobre alimenta\u00e7\u00e3o<\/a>, suas <a href=\"https:\/\/kinsta.com\/pt\/blog\/como-comecar-um-blog-de-viagens\/\">viagens<\/a> ou qualquer outro assunto que n\u00e3o seja relacionados \u00e0s suas corridas. Quando estiver escrevendo sobre um assunto que n\u00e3o seja desse meio, n\u00e3o faz muito sentido exibir campos personalizados com informa\u00e7\u00f5es sobre corridas, n\u00e3o \u00e9 mesmo?<\/p>\n<p>E se, ao inv\u00e9s de exibir automaticamente todos os campos personalizados que acabou de criar, voc\u00ea adicionasse um campo personalizado que diga \u201cEste post \u00e9 sobre uma corrida?\u201d:<\/p>\n<figure style=\"width: 2260px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2019\/06\/exemplo-logica-condicional.png\" alt=\"Exemplo de l\u00f3gica condicional\" width=\"2260\" height=\"1147\"><figcaption class=\"wp-caption-text\">Exemplo de l\u00f3gica condicional<\/figcaption><\/figure>\n<p>Se marcar a caixa de sele\u00e7\u00e3o, os campos de informa\u00e7\u00f5es sobre a corrida aparecer\u00e3o automaticamente. Se deix\u00e1-la desmarcada, eles permanecer\u00e3o ocultos:<\/p>\n<figure style=\"width: 2260px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2019\/06\/outros-campos-exibidos-quando-caixa-selecionada.png\" alt=\"Outros campos s\u00e3o exibidos quando a caixa \u00e9 selecionada\" width=\"2260\" height=\"1047\"><figcaption class=\"wp-caption-text\">Outros campos s\u00e3o exibidos quando a caixa \u00e9 selecionada<\/figcaption><\/figure>\n<p>\u00c9 isso que a l\u00f3gica condicional permite que voc\u00ea fa\u00e7a!<\/p>\n<p>Para configur\u00e1-la, \u00e9 necess\u00e1rio editar seu grupo de campos e adicionar um novo campo de <strong>Verdadeiro\/Falso<\/strong> para a pergunta \u201cEste post \u00e9 sobre uma corrida?\u201d:<\/p>\n<figure style=\"width: 1693px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2019\/06\/advanced-custom-fields-tutorial-16.png\" alt=\"Adicionar um campo de Verdadeiro\/Falso\" width=\"1693\" height=\"915\"><figcaption class=\"wp-caption-text\">Adicionar um campo de Verdadeiro\/Falso<\/figcaption><\/figure>\n<p>Em seguida, voc\u00ea editaria os campos existentes e ativaria a <strong>L\u00f3gica Condicional <i>(Conditional Logic) <\/i><\/strong>para que cada um deles fosse exibido apenas quando o campo \u201cEste post \u00e9 sobre uma corrida?\u201d fosse marcado:<\/p>\n<figure style=\"width: 1622px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2019\/06\/adicionar-logica-condicional-outros-campos.png\" alt=\"Adicionar l\u00f3gica condicional em outros campos\" width=\"1622\" height=\"615\"><figcaption class=\"wp-caption-text\">Adicionar l\u00f3gica condicional em outros campos<\/figcaption><\/figure>\n<h2 id=\"display\">Como Exibir o Advanced Custom Fields no Front-End<\/h2>\n<p>Certo, estamos no meio do caminho em nossa jornada pelo Advanced Custom Fields. Agora voc\u00ea \u00e9 capaz de adicionar informa\u00e7\u00f5es aos seus campos personalizados, associ\u00e1-las ao tipo relevante de post e armazen\u00e1-las em seu banco de dados.<\/p>\n<p>No entanto, h\u00e1 um problema em potencial: a informa\u00e7\u00e3o dos seus campos personalizados ainda n\u00e3o aparece em nenhum local do front-end!<\/p>\n<p>Isto \u00e9, mesmo que voc\u00ea tenha adicionado alguns campos personalizados ao editor dos posts do seu blog, eles continuam com a apar\u00eancia de um post normal no front-end:<\/p>\n<figure style=\"width: 1867px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2019\/06\/nenhum-campo-personalizado-front-end.png\" alt=\"Nenhum campo personalizado no front-end\" width=\"1867\" height=\"1003\"><figcaption class=\"wp-caption-text\">Nenhum campo personalizado no front-end<\/figcaption><\/figure>\n<p>Vamos corrigir isso.<\/p>\n<p>Existem algumas formas diferentes que voc\u00ea pode exibir os dados do Advanced Custom Fields no front-end do seu site. O m\u00e9todo exato a ser adotado depender\u00e1 de suas necessidades e seu n\u00edvel de conhecimento. Existem tr\u00eas formas de conseguir isso:<\/p>\n<ol>\n<li><a href=\"#theme\">Os arquivos de template do seu tema<\/a> \u2014 exige um pouco de conhecimento t\u00e9cnico, mas \u00e9 a melhor abordagem na maioria das vezes, especialmente se voc\u00ea se sente confort\u00e1vel trabalhando com os arquivos de template do seu tema.<\/li>\n<li><a href=\"#shortcode\">Com um shortcode<\/a> \u2014 essa \u00e9 uma op\u00e7\u00e3o muito simples e boa se voc\u00ea quer apenas inserir dados dos campos personalizados variando de caso a caso. No entanto, exige muito mais trabalho manual, porque voc\u00ea teria que adicionar <a href=\"https:\/\/kinsta.com\/pt\/blog\/codigo-curto-wordpress\/\">shortcodes<\/a> em cada post individualmente.<\/li>\n<li><a href=\"#elementor\">Com o Elementor Pro<\/a> \u2014 uma \u00f3tima op\u00e7\u00e3o, porque elimina completamente a necessidade de trabalhar com PHP, mas \u00e9 um produto premium e tamb\u00e9m significa que voc\u00ea precisar\u00e1 usar o Elementor Pro para seus templates.<\/li>\n<\/ol>\n<p>Voc\u00ea pode clicar nos links acima para avan\u00e7ar diretamente para um m\u00e9todo espec\u00edfico ou ler todos eles. A decis\u00e3o \u00e9 sua.<\/p>\n<h3 id=\"theme\">Como Adicionar o Advanced Custom Fields nos Arquivos de Template do Tema<\/h3>\n<p>A primeira forma de exibir as informa\u00e7\u00f5es do seu campo personalizado \u00e9 adicionar as fun\u00e7\u00f5es PHP do Advanced Custom Fields diretamente aos <a href=\"https:\/\/kinsta.com\/pt\/blog\/tema-filho-no-wordpress\/\">arquivos de template do seu tema filho<\/a>.<\/p>\n<p>\u00c9 um m\u00e9todo um pouco avan\u00e7ado, porque exige que voc\u00ea se aprofunde nos arquivos de template do seu tema, mas assegura que os campos personalizados sejam exibidos automaticamente no mesmo lugar todas as vezes.<\/p>\n<p>Em especial, voc\u00ea precisar\u00e1 editar o template <strong>single<\/strong> para o tipo de post em quest\u00e3o.<\/p>\n<p>Para um post normal do blog, se trata do arquivo <strong>single.php<\/strong>. Alguns temas os dividem em partes do template. Por exemplo, no <a href=\"https:\/\/kinsta.com\/pt\/blog\/tema-twenty-nineteen\/\">tema TwentyNineteen<\/a> voc\u00ea precisa editar a parte do template chamada <strong>content-single.php<\/strong>.<\/p>\n<p>Se estiver perdido, talvez seja melhor usar um m\u00e9todo diferente.<\/p>\n<p>Ao encontrar um arquivo de template do tema para seu post \u00fanico, voc\u00ea poder\u00e1 usar a fun\u00e7\u00e3o <strong>the_field()<\/strong>do Advanced Custom Fields para exibir as informa\u00e7\u00f5es do campo. Por exemplo,<\/p>\n<pre><code class=\"language-php\">&lt;?php the_field('FIELD_NAME'); ?&gt;<\/code><\/pre>\n<p><a href=\"https:\/\/www.advancedcustomfields.com\/resources\/the_field\/\" target=\"_blank\" rel=\"noopener noreferrer\">\u00a0Saiba mais aqui<\/a>.<\/p>\n<p>Por exemplo, para exibir o campo \u201cObjetivo\u201d, voc\u00ea usaria<\/p>\n<pre><code class=\"language-php\">&lt;?php the_field('purpose'); ?&gt;<\/code><\/pre>\n<p>&lt;?php the_field(&#8216;objetivo&#8217;); ?&gt;. Voc\u00ea pode encontrar o nome do campo ao editar um grupo de campos:<\/p>\n<figure style=\"width: 1680px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2019\/06\/onde-encontrar-nome-campo-acf.png\" alt=\"Onde encontrar o nome do campo no ACF\" width=\"1680\" height=\"774\"><figcaption class=\"wp-caption-text\">Onde encontrar o nome do campo no ACF<\/figcaption><\/figure>\n<p>Portanto, ao combinar uma pequena configura\u00e7\u00e3o de HTML com PHP, voc\u00ea poder\u00e1 ter algo assim para exibir todos os campos:<\/p>\n<pre><code class=\"language-php\">&lt;div class=\"run-information\"&gt;\n&lt;ul&gt;\n&lt;li&gt;&lt;strong&gt;Purpose:&lt;\/strong&gt; &lt;?php the_field('purpose'); ?&gt;&lt;\/li&gt;\n&lt;li&gt;&lt;strong&gt;Distance:&lt;\/strong&gt; &lt;?php the_field('distance'); ?&gt;&lt;\/li&gt;\n&lt;li&gt;&lt;strong&gt;Start Time:&lt;\/strong&gt; &lt;?php the_field('start_time'); ?&gt;&lt;\/li&gt;\n&lt;li&gt;&lt;strong&gt;End Time:&lt;\/strong&gt; &lt;?php the_field('finish_time'); ?&gt;&lt;\/li&gt;\n&lt;li&gt;&lt;strong&gt;Location:&lt;\/strong&gt; &lt;?php the_field('location'); ?&gt;&lt;\/li&gt;\n&lt;\/ul&gt;\n&lt;\/div&gt;<\/code><\/pre>\n<p>Para adicionar essas informa\u00e7\u00f5es acima do conte\u00fado de um post regular, voc\u00ea adicionaria o seguinte c\u00f3digo ao arquivo de template do seu tema, acima de <strong>the_content()<\/strong>:<\/p>\n<figure style=\"width: 1819px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2019\/06\/onde-adicionar-codigo-arquivo-template-tema.png\" alt=\"Onde adicionar o c\u00f3digo no arquivo de template do tema\" width=\"1819\" height=\"1047\"><figcaption class=\"wp-caption-text\">Onde adicionar o c\u00f3digo no arquivo de template do tema<\/figcaption><\/figure>\n<p>Agora, ap\u00f3s atualizar o post do blog, voc\u00ea poder\u00e1 ver os dados do campo personalizado acima do conte\u00fado regular do WordPress:<\/p>\n<figure style=\"width: 1730px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2019\/06\/possivel-campos-front-end.png\" alt=\"Agora \u00e9 poss\u00edvel ver os campos no front-end\" width=\"1730\" height=\"861\"><figcaption class=\"wp-caption-text\">Agora \u00e9 poss\u00edvel ver os campos no front-end<\/figcaption><\/figure>\n<p>Para aprender mais sobre isso, <a href=\"https:\/\/www.advancedcustomfields.com\/resources\/#functions\">verifique a documenta\u00e7\u00e3o complete do Advanced Custom Fields<\/a>.<\/p>\n<h3 id=\"shortcode\">Como Exibir Dados do Advanced Custom Fields com um Shortcode<\/h3>\n<p>Uma forma muito mais simples de exibir os dados dos seus campos personalizados \u00e9 usar shortcodes. A desvantagem, no entanto, \u00e9 que voc\u00ea precisaria adicionar o shortcode cada vez que quiser exibir um campo personalizado. N\u00e3o existe uma forma mais f\u00e1cil de automatizar essa tarefa.<\/p>\n<p>O shortcode \u00e9 este:<\/p>\n<pre><code>[acf field=\"FIELD_NAME\"]<\/code><\/pre>\n<p>Por exemplo, se voc\u00ea insere o seguinte shortcode no editor do WordPress:<\/p>\n<figure style=\"width: 2250px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2019\/06\/usar-shortcodes-exibir-acf.png\" alt=\"Usar shortcodes para exibir dados do ACF\" width=\"2250\" height=\"1073\"><figcaption class=\"wp-caption-text\">Usar shortcodes para exibir dados do ACF<\/figcaption><\/figure>\n<p>O front-end do seu site ficaria com o visual exatamente igual do m\u00e9todo anterior que usa o template do tema:<\/p>\n<figure style=\"width: 1725px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2019\/06\/shortcodes-ficam-visual.png\" alt=\"Os shortcodes ficam com visual id\u00eantico aos arquivos de template do tema\" width=\"1725\" height=\"816\"><figcaption class=\"wp-caption-text\">Os shortcodes ficam com visual id\u00eantico aos arquivos de template do tema<\/figcaption><\/figure>\n<h3 id=\"elementor\">Como Exibir o Advanced Custom Fields com o Elementor Pro<\/h3>\n<p>Elementor \u00e9 um dos mais <a href=\"https:\/\/kinsta.com\/pt\/blog\/construtores-de-paginas-wordpress\/#elementor\">populares construtores de p\u00e1ginas do WordPress<\/a>. Ele permite que voc\u00ea crie seus designs usando um editor visual de arrastar e soltar. Um pequeno adendo: o <a href=\"https:\/\/kinsta.com\/pt\/hospedagem-wordpress\/elementor\/\">Elementor \u00e9 um dos parceiros oficiais da Kinsta<\/a>.<\/p>\n<p>Com Elementor Pro, seu complemento pago, voc\u00ea pode construir os arquivos de template do seu tema, o que inclui uma op\u00e7\u00e3o para inserir dados de campos personalizados din\u00e2micos do Advanced Custom Fields em seus designs.<\/p>\n<p>Essa \u00e9 uma \u00f3tima op\u00e7\u00e3o se voc\u00ea deseja ter a flexibilidade de incluir automaticamente dados de campos personalizados em seus templates, mas n\u00e3o se sente confort\u00e1vel em <a href=\"https:\/\/kinsta.com\/pt\/blog\/editar-codigo-wordpress\/\">fazer edi\u00e7\u00f5es de c\u00f3digo diretamente<\/a> nos arquivos de template do seu tema.<\/p>\n<p>Para come\u00e7ar, v\u00e1 at\u00e9 <strong>Templates &gt; Construtor de Temas <i>(Theme Builder)<\/i><\/strong> e crie um novo template do Elementor para seu post individual:<\/p>\n<figure style=\"width: 2167px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2019\/06\/criar-template-individual-elementor.png\" alt=\"Criar um novo template individual no Elementor\" width=\"2167\" height=\"1284\"><figcaption class=\"wp-caption-text\">Criar um novo template individual no Elementor<\/figcaption><\/figure>\n<p>Voc\u00ea poderia adicionar widgets regulares do Elementor no <strong>T\u00edtulo do Post<\/strong> e no <strong>Conte\u00fado do Post<\/strong>. E ent\u00e3o, para exibir os dados do campo personalizado, adicionaria widgets regulares do <strong>Editor de Texto<\/strong>. A \u00fanica diferen\u00e7a aqui \u00e9 que, ao inv\u00e9s de editar o texto, voc\u00ea selecionaria a op\u00e7\u00e3o <strong>Din\u00e2mico <i>(Dynamic)<\/i><\/strong>:<\/p>\n<figure style=\"width: 1807px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2019\/06\/opcao-dinamico-elementor.png\" alt=\"A op\u00e7\u00e3o \u201cDin\u00e2mico\u201d no Elementor Pro\" width=\"1807\" height=\"938\"><figcaption class=\"wp-caption-text\">A op\u00e7\u00e3o \u201cDin\u00e2mico\u201d no Elementor Pro<\/figcaption><\/figure>\n<p>Em seguida, voc\u00ea pode selecionar <strong>Campo ACF <i>(ACF Field) <\/i><\/strong>no menu suspenso:<\/p>\n<figure style=\"width: 1901px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2019\/06\/selecionar-campo-acf.png\" alt=\"Selecionar \u201cCampo ACF\u201d (\u201cACF Field\u201d)\" width=\"1901\" height=\"941\"><figcaption class=\"wp-caption-text\">Selecionar \u201cCampo ACF\u201d (\u201cACF Field\u201d)<\/figcaption><\/figure>\n<p>A partir da\u00ed, voc\u00ea pode selecionar o campo espec\u00edfico que adicionou com o Advanced Custom Fields:<\/p>\n<figure style=\"width: 1743px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2019\/06\/selecione-campo-deseja-exibir.png\" alt=\"Selecione o campo espec\u00edfico que deseja exibir\" width=\"1743\" height=\"833\"><figcaption class=\"wp-caption-text\">Selecione o campo espec\u00edfico que deseja exibir<\/figcaption><\/figure>\n<p>E voc\u00ea tamb\u00e9m pode usar a aba <strong>Avan\u00e7ado <i>(Advanced) <\/i><\/strong>para inserir informa\u00e7\u00f5es que precedem ou complementam o conte\u00fado dos campos, permitindo adicionar t\u00edtulos e unidades:<\/p>\n<figure style=\"width: 1816px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2019\/06\/preceda-complemente-informacoes.png\" alt=\"Preceda ou complemente informa\u00e7\u00f5es\" width=\"1816\" height=\"845\"><figcaption class=\"wp-caption-text\">Preceda ou complemente informa\u00e7\u00f5es<\/figcaption><\/figure>\n<p>F\u00e1cil, n\u00e3o \u00e9 mesmo? Basta repetir o processo com o restante dos campos personalizados!<\/p>\n<h2>Resumo<\/h2>\n<p>Usando o Advanced Custom Fields voc\u00ea pode enriquecer as p\u00e1ginas e posts do seu blog com mais dados e informa\u00e7\u00f5es atrav\u00e9s de uma solu\u00e7\u00e3o f\u00e1cil de usar. E mais: voc\u00ea pode come\u00e7ar a coletar informa\u00e7\u00f5es adicionais para qualquer conte\u00fado em seu site e, ent\u00e3o, exibi-las no front-end para que seus visitantes possam v\u00ea-las.<\/p>\n<p>Para fazer isso, existem tr\u00eas op\u00e7\u00f5es:<\/p>\n<ul>\n<li>Os arquivos de template do seu tema<\/li>\n<li>Com um shortcode<\/li>\n<li>Com o Elementor Pro<\/li>\n<\/ul>\n<p>O conhecimento que adquirido com esse post permitir\u00e1 que voc\u00ea desbloqueie o grande potencial do WordPress para criar sites 100% personalizados, que v\u00e3o muito al\u00e9m das ra\u00edzes dos blogs padr\u00e3o do WordPress.<\/p>\n<p>A \u00fanica quest\u00e3o que resta \u00e9:<\/p>\n<p>O que voc\u00ea vai criar com o Advanced Custom Fields? Compartilhe conosco nos coment\u00e1rios abaixo.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Campos personalizados no WordPress s\u00e3o partes importantes que o transformam em um sistema de gerenciamento de conte\u00fado flex\u00edvel, ao inv\u00e9s de \u201capenas uma plataforma de blogs\u201d. &#8230;<\/p>\n","protected":false},"author":103,"featured_media":28010,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_kinsta_gated_content":false,"_kinsta_gated_content_redirect":"","footnotes":""},"tags":[44,30],"topic":[1026],"class_list":["post-27980","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","tag-webdev","tag-wordpress","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>Tutorial Advanced Custom Fields: O Guia Definitivo<\/title>\n<meta name=\"description\" content=\"Advanced Custom Fields \u00e9 um plugin excepcional para gerenciar campos personalizados no WordPress. Aprenda tudo o que voc\u00ea precisa sobre ACF com nosso guia completo!\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/kinsta.com\/pt\/blog\/advanced-custom-fields\/\" \/>\n<meta property=\"og:locale\" content=\"pt_PT\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Tutorial Advanced Custom Fields: O Guia Definitivo\" \/>\n<meta property=\"og:description\" content=\"Advanced Custom Fields \u00e9 um plugin excepcional para gerenciar campos personalizados no WordPress. Aprenda tudo o que voc\u00ea precisa sobre ACF com nosso guia completo!\" \/>\n<meta property=\"og:url\" content=\"https:\/\/kinsta.com\/pt\/blog\/advanced-custom-fields\/\" \/>\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=\"2019-08-06T15:20:05+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-02-26T13:05:49+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2019\/08\/advanced-custom-fields.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1460\" \/>\n\t<meta property=\"og:image:height\" content=\"730\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Matteo Du\u00f2\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:description\" content=\"Advanced Custom Fields \u00e9 um plugin excepcional para gerenciar campos personalizados no WordPress. Aprenda tudo o que voc\u00ea precisa sobre ACF com nosso guia completo!\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2019\/08\/advanced-custom-fields.png\" \/>\n<meta name=\"twitter:creator\" content=\"@matteoduo\" \/>\n<meta name=\"twitter:site\" content=\"@kinsta_pt\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"Matteo Du\u00f2\" \/>\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:\/\/kinsta.com\/pt\/blog\/advanced-custom-fields\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/kinsta.com\/pt\/blog\/advanced-custom-fields\/\"},\"author\":{\"name\":\"Matteo Du\u00f2\",\"@id\":\"https:\/\/kinsta.com\/pt\/#\/schema\/person\/9d811e805493f00205e6409451055174\"},\"headline\":\"Tutorial Advanced Custom Fields: O Guia Definitivo\",\"datePublished\":\"2019-08-06T15:20:05+00:00\",\"dateModified\":\"2025-02-26T13:05:49+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/kinsta.com\/pt\/blog\/advanced-custom-fields\/\"},\"wordCount\":3775,\"commentCount\":1,\"publisher\":{\"@id\":\"https:\/\/kinsta.com\/pt\/#organization\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/pt\/blog\/advanced-custom-fields\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2019\/08\/advanced-custom-fields.png\",\"keywords\":[\"webdev\",\"WordPress\"],\"articleSection\":[\"Melhores Tutoriais WordPress\"],\"inLanguage\":\"pt-PT\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/kinsta.com\/pt\/blog\/advanced-custom-fields\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/kinsta.com\/pt\/blog\/advanced-custom-fields\/\",\"url\":\"https:\/\/kinsta.com\/pt\/blog\/advanced-custom-fields\/\",\"name\":\"Tutorial Advanced Custom Fields: O Guia Definitivo\",\"isPartOf\":{\"@id\":\"https:\/\/kinsta.com\/pt\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/kinsta.com\/pt\/blog\/advanced-custom-fields\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/pt\/blog\/advanced-custom-fields\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2019\/08\/advanced-custom-fields.png\",\"datePublished\":\"2019-08-06T15:20:05+00:00\",\"dateModified\":\"2025-02-26T13:05:49+00:00\",\"description\":\"Advanced Custom Fields \u00e9 um plugin excepcional para gerenciar campos personalizados no WordPress. Aprenda tudo o que voc\u00ea precisa sobre ACF com nosso guia completo!\",\"breadcrumb\":{\"@id\":\"https:\/\/kinsta.com\/pt\/blog\/advanced-custom-fields\/#breadcrumb\"},\"inLanguage\":\"pt-PT\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/kinsta.com\/pt\/blog\/advanced-custom-fields\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-PT\",\"@id\":\"https:\/\/kinsta.com\/pt\/blog\/advanced-custom-fields\/#primaryimage\",\"url\":\"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2019\/08\/advanced-custom-fields.png\",\"contentUrl\":\"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2019\/08\/advanced-custom-fields.png\",\"width\":1460,\"height\":730,\"caption\":\"Tutorial Advanced Custom Fields: O Guia Definitivo\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/kinsta.com\/pt\/blog\/advanced-custom-fields\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/kinsta.com\/pt\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Desenvolvimento WordPress\",\"item\":\"https:\/\/kinsta.com\/pt\/topicos\/desenvolvimento-wordpress\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Tutorial Advanced Custom Fields: O Guia Definitivo\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/kinsta.com\/pt\/#website\",\"url\":\"https:\/\/kinsta.com\/pt\/\",\"name\":\"Kinsta\u00ae\",\"description\":\"Solu\u00e7\u00f5es de hospedagem Premium, r\u00e1pida e segura\",\"publisher\":{\"@id\":\"https:\/\/kinsta.com\/pt\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/kinsta.com\/pt\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"pt-PT\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/kinsta.com\/pt\/#organization\",\"name\":\"Kinsta\",\"url\":\"https:\/\/kinsta.com\/pt\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-PT\",\"@id\":\"https:\/\/kinsta.com\/pt\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2023\/12\/kinsta-logo.jpeg\",\"contentUrl\":\"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2023\/12\/kinsta-logo.jpeg\",\"width\":500,\"height\":500,\"caption\":\"Kinsta\"},\"image\":{\"@id\":\"https:\/\/kinsta.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:\/\/kinsta.com\/pt\/#\/schema\/person\/9d811e805493f00205e6409451055174\",\"name\":\"Matteo Du\u00f2\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-PT\",\"@id\":\"https:\/\/kinsta.com\/pt\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/78636e34d9c125b93efb7e0893a776f8?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/78636e34d9c125b93efb7e0893a776f8?s=96&d=mm&r=g\",\"caption\":\"Matteo Du\u00f2\"},\"description\":\"Head of Content at Kinsta and Content Marketing Consultant for WordPress plugin developers. Connect with Matteo on Twitter.\",\"sameAs\":[\"https:\/\/www.matteoduo.com\",\"https:\/\/www.linkedin.com\/in\/matteoduo\/\",\"https:\/\/x.com\/matteoduo\"],\"url\":\"https:\/\/kinsta.com\/pt\/blog\/author\/matteoduo\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Tutorial Advanced Custom Fields: O Guia Definitivo","description":"Advanced Custom Fields \u00e9 um plugin excepcional para gerenciar campos personalizados no WordPress. Aprenda tudo o que voc\u00ea precisa sobre ACF com nosso guia completo!","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:\/\/kinsta.com\/pt\/blog\/advanced-custom-fields\/","og_locale":"pt_PT","og_type":"article","og_title":"Tutorial Advanced Custom Fields: O Guia Definitivo","og_description":"Advanced Custom Fields \u00e9 um plugin excepcional para gerenciar campos personalizados no WordPress. Aprenda tudo o que voc\u00ea precisa sobre ACF com nosso guia completo!","og_url":"https:\/\/kinsta.com\/pt\/blog\/advanced-custom-fields\/","og_site_name":"Kinsta\u00ae","article_publisher":"https:\/\/www.facebook.com\/kinstapt\/","article_published_time":"2019-08-06T15:20:05+00:00","article_modified_time":"2025-02-26T13:05:49+00:00","og_image":[{"width":1460,"height":730,"url":"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2019\/08\/advanced-custom-fields.png","type":"image\/png"}],"author":"Matteo Du\u00f2","twitter_card":"summary_large_image","twitter_description":"Advanced Custom Fields \u00e9 um plugin excepcional para gerenciar campos personalizados no WordPress. Aprenda tudo o que voc\u00ea precisa sobre ACF com nosso guia completo!","twitter_image":"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2019\/08\/advanced-custom-fields.png","twitter_creator":"@matteoduo","twitter_site":"@kinsta_pt","twitter_misc":{"Escrito por":"Matteo Du\u00f2","Tempo estimado de leitura":"19 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/kinsta.com\/pt\/blog\/advanced-custom-fields\/#article","isPartOf":{"@id":"https:\/\/kinsta.com\/pt\/blog\/advanced-custom-fields\/"},"author":{"name":"Matteo Du\u00f2","@id":"https:\/\/kinsta.com\/pt\/#\/schema\/person\/9d811e805493f00205e6409451055174"},"headline":"Tutorial Advanced Custom Fields: O Guia Definitivo","datePublished":"2019-08-06T15:20:05+00:00","dateModified":"2025-02-26T13:05:49+00:00","mainEntityOfPage":{"@id":"https:\/\/kinsta.com\/pt\/blog\/advanced-custom-fields\/"},"wordCount":3775,"commentCount":1,"publisher":{"@id":"https:\/\/kinsta.com\/pt\/#organization"},"image":{"@id":"https:\/\/kinsta.com\/pt\/blog\/advanced-custom-fields\/#primaryimage"},"thumbnailUrl":"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2019\/08\/advanced-custom-fields.png","keywords":["webdev","WordPress"],"articleSection":["Melhores Tutoriais WordPress"],"inLanguage":"pt-PT","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/kinsta.com\/pt\/blog\/advanced-custom-fields\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/kinsta.com\/pt\/blog\/advanced-custom-fields\/","url":"https:\/\/kinsta.com\/pt\/blog\/advanced-custom-fields\/","name":"Tutorial Advanced Custom Fields: O Guia Definitivo","isPartOf":{"@id":"https:\/\/kinsta.com\/pt\/#website"},"primaryImageOfPage":{"@id":"https:\/\/kinsta.com\/pt\/blog\/advanced-custom-fields\/#primaryimage"},"image":{"@id":"https:\/\/kinsta.com\/pt\/blog\/advanced-custom-fields\/#primaryimage"},"thumbnailUrl":"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2019\/08\/advanced-custom-fields.png","datePublished":"2019-08-06T15:20:05+00:00","dateModified":"2025-02-26T13:05:49+00:00","description":"Advanced Custom Fields \u00e9 um plugin excepcional para gerenciar campos personalizados no WordPress. Aprenda tudo o que voc\u00ea precisa sobre ACF com nosso guia completo!","breadcrumb":{"@id":"https:\/\/kinsta.com\/pt\/blog\/advanced-custom-fields\/#breadcrumb"},"inLanguage":"pt-PT","potentialAction":[{"@type":"ReadAction","target":["https:\/\/kinsta.com\/pt\/blog\/advanced-custom-fields\/"]}]},{"@type":"ImageObject","inLanguage":"pt-PT","@id":"https:\/\/kinsta.com\/pt\/blog\/advanced-custom-fields\/#primaryimage","url":"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2019\/08\/advanced-custom-fields.png","contentUrl":"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2019\/08\/advanced-custom-fields.png","width":1460,"height":730,"caption":"Tutorial Advanced Custom Fields: O Guia Definitivo"},{"@type":"BreadcrumbList","@id":"https:\/\/kinsta.com\/pt\/blog\/advanced-custom-fields\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/kinsta.com\/pt\/"},{"@type":"ListItem","position":2,"name":"Desenvolvimento WordPress","item":"https:\/\/kinsta.com\/pt\/topicos\/desenvolvimento-wordpress\/"},{"@type":"ListItem","position":3,"name":"Tutorial Advanced Custom Fields: O Guia Definitivo"}]},{"@type":"WebSite","@id":"https:\/\/kinsta.com\/pt\/#website","url":"https:\/\/kinsta.com\/pt\/","name":"Kinsta\u00ae","description":"Solu\u00e7\u00f5es de hospedagem Premium, r\u00e1pida e segura","publisher":{"@id":"https:\/\/kinsta.com\/pt\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/kinsta.com\/pt\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"pt-PT"},{"@type":"Organization","@id":"https:\/\/kinsta.com\/pt\/#organization","name":"Kinsta","url":"https:\/\/kinsta.com\/pt\/","logo":{"@type":"ImageObject","inLanguage":"pt-PT","@id":"https:\/\/kinsta.com\/pt\/#\/schema\/logo\/image\/","url":"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2023\/12\/kinsta-logo.jpeg","contentUrl":"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2023\/12\/kinsta-logo.jpeg","width":500,"height":500,"caption":"Kinsta"},"image":{"@id":"https:\/\/kinsta.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:\/\/kinsta.com\/pt\/#\/schema\/person\/9d811e805493f00205e6409451055174","name":"Matteo Du\u00f2","image":{"@type":"ImageObject","inLanguage":"pt-PT","@id":"https:\/\/kinsta.com\/pt\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/78636e34d9c125b93efb7e0893a776f8?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/78636e34d9c125b93efb7e0893a776f8?s=96&d=mm&r=g","caption":"Matteo Du\u00f2"},"description":"Head of Content at Kinsta and Content Marketing Consultant for WordPress plugin developers. Connect with Matteo on Twitter.","sameAs":["https:\/\/www.matteoduo.com","https:\/\/www.linkedin.com\/in\/matteoduo\/","https:\/\/x.com\/matteoduo"],"url":"https:\/\/kinsta.com\/pt\/blog\/author\/matteoduo\/"}]}},"acf":[],"_links":{"self":[{"href":"https:\/\/kinsta.com\/pt\/wp-json\/wp\/v2\/posts\/27980","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kinsta.com\/pt\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/kinsta.com\/pt\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/kinsta.com\/pt\/wp-json\/wp\/v2\/users\/103"}],"replies":[{"embeddable":true,"href":"https:\/\/kinsta.com\/pt\/wp-json\/wp\/v2\/comments?post=27980"}],"version-history":[{"count":5,"href":"https:\/\/kinsta.com\/pt\/wp-json\/wp\/v2\/posts\/27980\/revisions"}],"predecessor-version":[{"id":29384,"href":"https:\/\/kinsta.com\/pt\/wp-json\/wp\/v2\/posts\/27980\/revisions\/29384"}],"alternate":[{"embeddable":true,"hreflang":"en","title":"English","href":"https:\/\/kinsta.com\/pt\/wp-json\/kinsta\/v1\/posts\/27980\/translations\/en"},{"embeddable":true,"hreflang":"es","title":"Spanish","href":"https:\/\/kinsta.com\/pt\/wp-json\/kinsta\/v1\/posts\/27980\/translations\/es"},{"embeddable":true,"hreflang":"pt","title":"Portuguese","href":"https:\/\/kinsta.com\/pt\/wp-json\/kinsta\/v1\/posts\/27980\/translations\/pt"},{"embeddable":true,"hreflang":"it","title":"Italian","href":"https:\/\/kinsta.com\/pt\/wp-json\/kinsta\/v1\/posts\/27980\/translations\/it"},{"embeddable":true,"hreflang":"da","title":"Danish","href":"https:\/\/kinsta.com\/pt\/wp-json\/kinsta\/v1\/posts\/27980\/translations\/dk"},{"embeddable":true,"hreflang":"fr","title":"French","href":"https:\/\/kinsta.com\/pt\/wp-json\/kinsta\/v1\/posts\/27980\/translations\/fr"},{"embeddable":true,"hreflang":"de","title":"German","href":"https:\/\/kinsta.com\/pt\/wp-json\/kinsta\/v1\/posts\/27980\/translations\/de"},{"embeddable":true,"hreflang":"nl","title":"Dutch","href":"https:\/\/kinsta.com\/pt\/wp-json\/kinsta\/v1\/posts\/27980\/translations\/nl"},{"embeddable":true,"hreflang":"ja","title":"Japanese","href":"https:\/\/kinsta.com\/pt\/wp-json\/kinsta\/v1\/posts\/27980\/translations\/jp"},{"embeddable":true,"hreflang":"sv","title":"Swedish","href":"https:\/\/kinsta.com\/pt\/wp-json\/kinsta\/v1\/posts\/27980\/translations\/se"},{"href":"https:\/\/kinsta.com\/pt\/wp-json\/kinsta\/v1\/posts\/27980\/tree"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/kinsta.com\/pt\/wp-json\/wp\/v2\/media\/28010"}],"wp:attachment":[{"href":"https:\/\/kinsta.com\/pt\/wp-json\/wp\/v2\/media?parent=27980"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/kinsta.com\/pt\/wp-json\/wp\/v2\/tags?post=27980"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/kinsta.com\/pt\/wp-json\/wp\/v2\/topic?post=27980"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}