Como criar e utilizar os campos personalizados (custom fields) do WordPress
O WordPress se tornou o meu CMS (gerenciador de conteúdo) predileto, a medida que fui descobrindo seus recursos e acompanhando a evolução a cada versão me tornei um verdadeiro fã-boy do WordPress.
Hoje vou falar para vocês sobre um recurso muito útil do WP, os campos personalizados ou custom fields.
O que são os Campos Personalizados (custom fields) do WordPress
Os campos personalizados (custom fields) permitem que o autor do post possa inserir informações adicionais ao post, podendo ser chamados no tema do blog/ site para atender uma determinada finalidade.
Exemplos de uso dos campos personalizados (custom fields)
Os campos personalizados podem ser utilizados para uma infinidade de coisas, o interessante é aprender para que servem e como utilizar e depois deixar a criatividade falar. Abaixo alguns exemplos de uso:
- Para exibir uma imagem personalizada para cada post na página inicial;
- Para atribuir um estilo/ visual personalizado para cada post
- Escolher que tipo de anúncio o post deve exibir;
Como criar um campo personalizado (custom fields) no WordPress
Os campos personalizados são criados na tela de criação/ edição do post, uma vez criado o campo fica disponível toda vez que você for escrever ou editar um post. Para criar um campo personalizado no WordPress basta abrir a tela de criação de posts, encontrar o bloco “Campos personalizados”, que fica abaixo dos blocos do post, resumo e trackback.
No bloco campos personalizados você vai clicar no link “Digite novo” , escolher o nome do campo personalizado e clicar no botão “Adicionar campo personalizado”.
Campos Personalizados - Custom Fields - WordPress
Com o seu campo personalizado criado ele já vai aparecer na lista de campos e ao lado do nome tem o campo valor, sempre que você for escrever um post poderá selecionar o campo personalizado e atribuir um valor ao mesmo, depois é só clicar em “Adicionar campo personalizado” e ele aparecerá em uma lista acima do local onde você cria e atribui valor.
Adicionando o campo personalizado
Campos Personalizados - Custom Fields - WordPress
Campo adicionado
Campos Personalizados - Custom Fields - WordPress
Como utilizar os campos personalizados no tema WordPress
Agora que você já tem um campo personalizado para atribuir valores para cada post só resta aprender como recuperar estes no tema. É muito simples, dentro do loop você vai inserir o código abaixo que deverá recuperar o valor do campo personalizado.
1 | <?php $imagem_capa = get_post_meta($post->id, "imagem_capa"); ?> |
Onde $post->id trás o ID do post que esta sendo exibido e "imagem_capa" é o nome do campo personalizado que você criou.
Agora você tem uma variavel chamada $imagem_capa com o valor definido no momendo que você publicou o post, vamos imaginar que na hora que você publica um novo post coloca no valor do campo personalizado “imagem_capa” a URL de uma imagem e quer que a mesma seja exibida na página inicial ao lado do resumo do post.
Para isto você só precisaria utilizar o código acima, para recuperar o valor do campo personalizado, e depois dentro do loop exibir o valor recuperado, algo parecido com isso:
1 | <img src="<?php echo $imagem_capa; ?>" /> |
Espero que tenham curtido o post e aprendido para que serve e como utilizar o bloco campo personalizado (custom fields) do WordPress, caso fique alguma dúvida ou precise de alguma ajuda relacionada é só comentar e estamos a disposição.
Até a próxima!
Se você gostou deste post, escreva um comentário e/ou cadastre-se em nosso feed.
Comentários
Muito bom o post Leo. estou tendo bastante dificuldade de exibir as imagens na pagina inicial do meu blog. como sou leigo em programação, não entendo aonde devo jogar os códigos PHP. pode me explicar melhor esta parte?
Marcos Aurelio, veja se o link abaixo te ajuda: http://codex.wordpress.org/Function_Reference/delete_post_meta
Wellington, o código abaixo você coloca bem no inicio do loop
1 | <?php $imagem_capa = get_post_meta($post->id, "imagem_capa"); ?> |
e o código abaixo vai colocar no lugar que deseja exibir a imagem:
1 | <img src="<?php echo $imagem_capa; ?>" /> |
Adicionei vários desses campos, e agora o wordpress ‘salvou’ todos eles, o que ta me atrapalhando, visto que são muitos. Pode me ajudar a exclui-los parceiro? Abraços.
Parceiro, veja se com essa informação do CODEX você resolve, caso não tenta apagar direto no banco de dados.
http://codex.wordpress.org/Function_Reference/delete_post_meta
Pessoal,
Só pra avisar que foi publicado o Livro WordPress 3 – Básico. E no site http://www.livrowordpress.com tem um cupom de 20% de desconto para compra do livro.
Se puderem divulgar.
Obrigado.
att,
Jeferson Sigales
Agora quero aprender a deletar um campo personalizado.