Neste post, mostraremos o código básico necessário para adicionar uma biografia de autor ao seu tema WordPress. Agora, este guia é direcionado para desenvolvedores que procuram o código básico para adicionar ao seu tema. Se você não é um desenvolvedor e o tema que está usando não inclui uma biografia do autor, a melhor solução é usar um plugin, caso em que você pode conferir nosso outro post “ Como adicionar uma caixa de autor ao seu site WordPress ” para algumas sugestões. Agora, vamos entrar no código:
Autor Bio PHP/HTML
O código de exemplo a seguir ajudará você a adicionar sua biografia de autor ao seu site. Este código exibirá o nome e a descrição do autor. O nome será vinculado à página de postagens do autor. Normalmente, esse código seria adicionado abaixo das postagens do seu blog, então em algum lugar dentro do arquivo single.php ou do arquivo singular.php. Apenas certifique-se de alterar text_domain para o domínio de texto do seu tema e você pode alterar o “60” para o tamanho que deseja que seu avatar de autor tenha.
<div id=”author-bio”>
<div id=”author-avatar”><?php echo get_avatar( get_the_author_meta( ‘ID’ ), 60 ); ?></div>
<div id=”author-details”>
<h2><?php esc_html_e( ‘Post Written by’, ‘text_domain’ ); ?></strong> <?php the_author_posts_link(); ?></h2>
<?php the_author_description(); ?>
</div><!– #author-details –>
</div><!– #author-bio –>
Amostra de biografia do autor de CSS
Abaixo estão alguns CSS que você pode adicionar ao seu arquivo style.css para dar um estilo básico à sua caixa de autor.
#author-bio {
padding: 20px 0;
border-top: 1px solid #ddd;
border-bottom: 1px solid #ddd;
}
#author-avatar {
float: left;
margin-right: 20px;
border: 1px solid #D6D6D6;
border-radius: 5px;
}
#author-details {
overflow: hidden;
}
#author-details h2 {
font-size: 18px;
font-weight: bold;
margin: 0 0 15px;
}
Como adicionar sua descrição da biografia do autor?
Para que a descrição apareça na seção bio, você precisa adicioná-la ao seu perfil de usuário no painel do WordPress. Isso é feito na tela de edição de usuário, que você pode acessar em Usuários > Seu perfil e editar o campo “ Informações biográficas ”.
