Como adicionar caixa de autor nos artigos do WordPress

Muitas pessoas tem me perguntado como fiz para adicionar uma caixa de autor no final dos meus artigos, por isso decidi fazer um post para não ter de estar sempre a repetir a mesma coisa.

A primeira coisa que podemos pensar é se queremos adicionar a caixa por um plugin ou manualmente no código da página single.php.

Caixa de autor em plugin

Uma das grandes vantagens de adicionar a caixa de autor por um plugin é que normalmente quando alteramos o tema do nosso blog em WordPress a caixa irá se manter como estava anteriormente, ao contrário de adicionar manualmente no tema que nos fará voltar a adicionar quando mudarmos de tema a não ser que o novo já traga uma caixa de autor.

 

fancier author box

Fancier Author Box – esta caixa de autor é super simples, para além de totalmente personalizável já vem com os icons de redes sociais, avatar do autor e link para o último artigo.

better author bio

Better Author Bio -Esta na minha opinião é uma das caixas de autor mais práticas, funciona em praticamente todos os temas wordpress sem uma unica edição, tem ligação para ver todos os posts do autor, o blog ou site, número de artigos, pequena biografia e é super simples de configurar.

costum about author display

Custom About Author -esta caixa de cantos arredondados é do género da Fancier boz, super simples, no entanto apenas vem com 4 icons sociais e não faz ligação com o arquivo de autor.

Adicionar caixa de autor manualmente ao tema WordPress

Agora vou aqui deixar o código para inserir na página single.php e também no css do tema para que a caixa de comentários fique visível. Algo deste gênero:

author box manual

No “wp-admin” passe o mouse em cima de Apresentação e clique em Editor, a primeira página que será aberta é do style.css, faça scroll até ao final do código e adicione o que está na caixa abaixo, isto é a personalização da caixa de autor:

#authorarea{
background: #f0f0f0;
border: 1px solid #d2d2d2;
padding: 10px;
width:500px;
overflow:hidden;
color: #333;
}
#authorarea h3{
font-size: 18px;
color:#333;
margin:0;
padding:10px 10px 5px 10px;
}
#authorarea h3 a{
text-decoration:none;
color: #333;
font-weight: bold;
}
#authorarea img{
margin:0;
padding:10px;
float:left;
border: 1px solid #ddd;
width: 100px;
height: 100px;
}
#authorarea p{
color:#333;
margin:0;
padding:0px 10px 10px 10px;
}
#authorarea p a{
color:#333;
}
.authorinfo{
padding-left:120px;
}

Agora que já adicionou o CSS que coloquei em cima já pode entrar na página “Single.php” que está à direita da caixa com o código CSS, procurar a div onde quer colocar a caixa de comentários (eu normalmente coloco depois do texto do artigo) e adicionar o seguinte:

<div id=”authorarea”>
<!–?php if (function_exists(‘get_avatar’)) { echo get_avatar( get_the_author_email(), ‘100’ ); }?–>
<div>
<h3>Sobre <!–?php the_author_posts_link(); ?–></h3>
</div>
</div>

Os créditos do código acima são do site WPBeginner
Espero que o post tenha sido útil, qualquer dúvida é só fazer comentário que respondo mal veja.

0
(Visited 161 times, 2 visits today)

1 Comment

  1. Denilson 31 julho, 2013 at 12:35

    Olá, Jôni

    Estou seguindo a sua dia e implantando um dos plug-ins indicados por vc.

    Sucesso.

    Reply

Leave A Comment

O seu endereço de e-mail não será publicado. Campos obrigatórios são marcados com *