{"id":28250,"date":"2021-06-05T13:13:00","date_gmt":"2021-06-05T10:13:00","guid":{"rendered":"https:\/\/themewp.inform.click\/?p=28250"},"modified":"2021-10-18T04:04:26","modified_gmt":"2021-10-18T01:04:26","slug":"como-adicionar-um-campo-de-imagem-a-taxonomia-no-wordpress","status":"publish","type":"post","link":"https:\/\/themewp.inform.click\/pt-pt\/como-adicionar-um-campo-de-imagem-a-taxonomia-no-wordpress\/","title":{"rendered":"Como adicionar um campo de imagem \u00e0 taxonomia no WordPress"},"content":{"rendered":"

A taxonomia \u00e9 \u00fatil para agrupar coisas. Normalmente, quando adicionamos uma postagem no WordPress, atribu\u00edmos taxonomia a ela. Fazendo isso, teremos um grupo de postagens que se enquadram em certa taxonomia. Categorias, tags s\u00e3o as taxonomias padr\u00e3o no WordPress. Um usu\u00e1rio tamb\u00e9m pode criar sua pr\u00f3pria taxonomia usando a fun\u00e7\u00e3o register_taxonomy()<\/code>.<\/p>\n

Por padr\u00e3o, a Taxonomia vem com alguns campos – Nome, Slug e Descri\u00e7\u00e3o. O WordPress n\u00e3o fornece um campo de imagem para taxonomia. Mas em alguns cen\u00e1rios, voc\u00ea pode querer ter uma imagem para sua taxonomia. Neste artigo, estudamos como adicionar o campo de imagem \u00e0 taxonomia no WordPress e exibi-lo no front end.<\/p>\n

Adicionar campo de imagem \u00e0 taxonomia<\/h3>\n

Para come\u00e7ar, voc\u00ea precisa instalar e ativar o plugin Advanced Custom Fields<\/a>.<\/p>\n

O campo personalizado avan\u00e7ado \u00e9 um construtor de campo que permite adicionar facilmente campos aos tipos de postagem, taxonomias no WordPress com apenas alguns cliques. Para nosso tutorial, vou adicionar o campo de imagem \u00e0s categorias e exibi-los no front end.<\/p>\n

Ap\u00f3s a ativa\u00e7\u00e3o do plugin, acesse o menu Campos personalizados e clique no bot\u00e3o Adicionar novo.<\/p>\n

Na pr\u00f3xima p\u00e1gina, voc\u00ea precisa adicionar t\u00edtulo, campos, condi\u00e7\u00f5es para o grupo de campos.<\/p>\n

\"Como<\/a><\/p>\n

Conforme mostrado na captura de tela acima, eu dei um t\u00edtulo, r\u00f3tulo de campo. O nome do campo \u00e9 gerado automaticamente a partir do r\u00f3tulo do campo. No campo tipo, selecionei a op\u00e7\u00e3o Imagem. Esta op\u00e7\u00e3o atua como upload de arquivo que permite usar o uploader de m\u00eddia.<\/p>\n

Role para baixo na mesma p\u00e1gina, selecione Return Format as Image Array.<\/p>\n

\"Como<\/a><\/p>\n

Em Local, para as Regras, o usu\u00e1rio precisa adicionar uma condi\u00e7\u00e3o que se aplicar\u00e1 ao grupo de campo atual. Em nosso caso, escolho Taxonomia igual a Categoria.<\/p>\n

\"Como<\/a><\/p>\n

Depois de concluir as configura\u00e7\u00f5es acima, salve as altera\u00e7\u00f5es.<\/p>\n

Agora, se formos para a p\u00e1gina de edi\u00e7\u00e3o da categoria, veremos o campo para upload de imagem.<\/p>\n

\"Como<\/a><\/p>\n

Aqui, um usu\u00e1rio pode carregar a imagem para uma categoria. A seguir, vamos ver como exibir essa imagem no front end.<\/p>\n

Exibir imagem de categoria no front end<\/h3>\n

O plugin de campos personalizados avan\u00e7ados fornece um m\u00e9todo get_field()<\/code>que \u00e9 usado para exibir o valor do campo. Para exibir o valor do campo da categoria voc\u00ea precisa passar o nome do campo e ‘category_TERM_ID’. Se voc\u00ea estiver mostrando um valor de campo de taxonomia customizado, o segundo par\u00e2metro seria ‘term_TERM_ID’. Consulte a documenta\u00e7\u00e3o do plugin aqui<\/a>.<\/p>\n

Digamos que carregamos uma imagem para a categoria que possui um ID 7. Nosso c\u00f3digo ser\u00e1 o seguinte para exibir a imagem.<\/p>\n

<?php\n$term_id = 7;\n$image = get_field('category_image', 'category_'. $term_id); \/\/'category_image' is our field name\n?>\n<img src=\"<?php echo $image['url']; ?>\"><\/code><\/pre>\n
A vari\u00e1vel $image<\/code>tem um caminho de imagem com tamanhos de miniatura, m\u00e9dio e grande. Voc\u00ea pode escolher qualquer tamanho da imagem de acordo com sua exig\u00eancia. Imprima a $image<\/code>vari\u00e1vel e voc\u00ea obter\u00e1 todos os meta detalhes sobre a imagem.<\/p>\n
Espero que voc\u00ea entenda como adicionar o campo de imagem \u00e0 taxonomia no WordPress. Por favor, compartilhe seus pensamentos e sugest\u00f5es na se\u00e7\u00e3o de coment\u00e1rios abaixo.<\/p>\n
Artigos relacionados<\/h4>\n