Como criar uma caixa de informação sobre o autor no seu template wordpress

Hoje vou dar uma dica muito simples para a criação de uma caixa sobre o autor do blog, que geralmente está posicionada no final dos artigos, deixando um pouco mais de informação sobre quem cria e escreve regularmente no blog. Esta opção é também muito interessante para todos os bloggers que utilizam múltiplos autores, uma vez que permite saber de antemão quem é que escreve o quê, oferecendo igualmente alguma visibilidade extra para o autor. O mesmo se poderá aplicar aos guest-posts.

Estes dois exemplos foram retirados do blog Webtuga e do A list Apart e são precisamente aquilo que pretendemos construir no nosso blog. Vamos ver como.
Penso que existem plugins que fazem esta tarefa automaticamente, mas o processo manual e via código é bastante mais engraçado e estimulante, e ainda por cima é muito simples.

1. INICIAR

Todo o conteúdo do código vai estar embebido numa <div>, que poderá posicionar onde bem quiser. Geralmente este tipo de código e destaque ao autor, é colocando no final de cada artigo, pelo que editar o ficheiro single.php do seu blog será o mais lógico. Eis o código:

<div id=”authorbox”>
<strong>Sobre o Autor</strong>

<div>
<img src=”/images/<?php the_author_ID();?>.png” alt=”Author Image” id=”authorpic”/>
</div>

<div id=”authorbio”>
<?php the_author_description();?>
</div>

</div>

Este é apenas o código em bruto. Agora vamos ver como funciona para que os conteúdos apareçam correctamente. Onde diz “Sobre o Autor”, poderá trocar pelo que bem entender.

2. O AVATAR

Geralmente o avatar é colocado numa pasta de imagens específica ou criada para o efeito. Você poderá fazer isso também no seu alojamento, por exemplo. Se por ventura utilizar múltiplos autores no seu blog, a melhor forma de os conseguir chamar é utilizando uma tag the_author_ID, para gerar um ID único por cada autor (para ver o ID de utilizador coloque o rato sobre o nome de utilizador no seu painel de administração wordpress – secção utilizadores). Se a imagem se chamar por exemplo, 2.PNG, o número irá corresponder ao ID2 do autor do blog.

Para que este procedimento funcione correctamente, poderá criar ficheiros de imagem com os IDs de cada autor, ou seja, 1.PNG, 2.PNG, e por ai adiante.

3. O CORPO DE TEXTO – BIO

Este campo poderemos aproveitar facilmente pela caixa de descrição do autor que está localizada nas propriedades do utilizador, no painel de administração do Wordpress. Para o fazermos importamos uma tag the_author_description, que copia toda a informação biográfica do autor colocada no referido painel de administração do Wordpress.

4. O ESTILO

A adaptação do estilo pode ser feito por intermédio do CSS através da invocação das diferentes div-ids, no caso de desejar apresentar caixas diferentes para cada autor, por exemplo. Essa parte é simples, pelo que deixo-a para si!

5. OUTRAS ADIÇÕES EXTRA

Poderá customizar ainda mais a sua ficha de autor, importando informação adicional, como o exemplo apresentado e retirado do blog Webtuga. Eis algumas coisas que poderá querer utilizar:

• O website do autor
  Para importar o website do autor, utilize a tag the_author_url, que importa automaticamente o campo que está no painel de utilizadores do seu blog.
• A data do artigo
  Poderá desejar apresentar a data do artigo que o autor acabou de escrever. Para isso importe a tag the_date. Simples.

Basicamente o funcionamento do código em cima é esse. Agora é so colocá-lo no seu blog e começar a apresentar a cara de quem participa activamente nele!
Se gostou deste tutorial, considere subscrever o nosso RSS Feed, ou a nossa Newsletter.