Como mostrar o perfil do autor no post e configurar no author.php

Neste post irei mostrar como exibir informações do autor do post, como mostra a imagem abaixo e como configurar o arquivo author.php que exibe as informações dos autores do blog/site.

Box com detalhes do autor

Parte I – Arquivo single.php

Primeiro, vamos criar a área na parte inferior de cada post. Estou alterando o tema default, mas sinta-se livre para usá-lo em seus próprios temas. Abra o single.php e encontre a função the_content() e insira:

&lt;div&gt;
&lt;?php echo get_avatar (get_the_author_id() , 80 ); ?&gt;

1 2	<div> <?php echo get_avatar (get_the_author_id() , 80 ); ?>

Na segunda linha, temos obtido o Gravatar do autor usando seu ID. E depois definindo a dimensão 80 × 80 pixel do Gravatar. Na sequência:

&lt;h4&gt; Autor: &lt;a href = "&lt;? php the_author_url ();?&gt;"&gt;
&lt;?php the_author_firstname(); ?&gt; &lt;?php the_author_lastname(); ?&gt;&lt;/a&gt;&lt;/h4&gt;
&lt;? php the_author_description ();?&gt;

<h4> Autor: <a href = "<? php the_author_url ();?>">

<?php the_author_firstname(); ?> <?php the_author_lastname(); ?></a></h4>

<? php the_author_description ();?>

Isto irá exibir o primeiro e último nome do autor, com um link para seu site. Abaixo disso é a sua mini-biografia. Todos estes detalhes estão sendo puxado pelo perfil do autor no Dashboard.

&lt;p&gt;&lt;a href="&lt;?php bloginfo ( 'url');?&gt;/?author=&lt;?php the_author_ID ();?&gt;"&gt; Ver perfil&lt;/a&gt;&lt;/p&gt;
&lt;/div&gt;

1 2	<p><a href="<?php bloginfo ( 'url');?>/?author=<?php the_author_ID ();?>"> Ver perfil</a></p> </div>

Isto faz o link para o página do autor (o que vamos criar em seguida).

Parte II – Arquivo author.php

Crie um arquivo chamado author.php na pasta do seu tema. O WordPress irá automaticamente utilizar este arquivo para visualizar o perfil do autor. Sem esse arquivo, o WordPress iria usar o arquivo archive.php. No início nós incluímos o layout básico para o cabeçalho do tema default. Isto provavelmente será diferente se você estiver usando um tema diferente.

&lt;?php get_header(); ?&gt;&lt;div id="content"&gt;

1	<?php get_header(); ?><div id="content">

Agora, incluir o seguinte:

&lt;?php
if(get_query_var('author_name')):
$curauth = get_userdatabylogin (get_query_var('author_name'));
else:
$curauth = get_userdata(get_query_var('author'));
endif;
?&gt;

<?php

if(get_query_var('author_name')):

$curauth = get_userdatabylogin (get_query_var('author_name'));

else:

$curauth = get_userdata(get_query_var('author'));

endif;

Sobre a única página, fomos capazes de obter as informações diretamente do autor a partir do WordPress loop. No entanto, uma vez que não está a obtenção de um determinado post ainda, funções do loop não vão funcionar. O código acima irá obter informações para nós e armazená-los em um array.

&lt;div&gt;
&lt;?php echo get_avatar( $curauth-&gt;ID , 80 ); ?&gt;

1 2	<div> <?php echo get_avatar( $curauth->ID , 80 ); ?>

Como você pode ver, na linha 2, incluímos o Gravatar novamente, mas desta vez estamos usando o nosso novo método para obter o ID do autor.

&lt;h4&gt;&lt;a href="&lt;?php echo $curauth-&gt;user_url; ?&gt;"&gt;
&lt;?php echo $curauth-&gt;first_name; ?&gt; &lt;?php echo $curauth-&gt;last_name; ?&gt;&lt;/a&gt;&lt;/h4&gt;

1 2	<h4><a href="<?php echo $curauth->user_url; ?>"> <?php echo $curauth->first_name; ?> <?php echo $curauth->last_name; ?></a></h4>

O nome do autor e um link para seu site está incluído; novamente usando o novo método de recuperação.

&lt;p&gt;&lt;?php echo $curauth-&gt;description; ?&gt;&lt;/p&gt;
&lt;/div&gt;

1 2	<p><?php echo $curauth->description; ?></p> </div>

Finalmente, nós incluímos a mini-biografia do autor. Você pode incluir qualquer detalhe do autor aqui:

$curauth->aim;
$curauth->description;
$curauth->display_name;
$curauth->first_name;
$curauth->ID;
$curauth->jabber;
$curauth->last_name;
$curauth->nickname;
$curauth->user_email;
$curauth->user_login;
$curauth->user_nicename;
$curauth->user_registered;
$curauth->user_url;
$curauth->yim;

(Leia Mais: WordPress Codex)
Agora você pode inclui um WordPress Loop normal, exibindo o post como se você necessitar. Apenas as postagens do autor serão recuperadas. Exemplo:

&lt;div&gt;
&lt;h4&gt;&lt;a href="&lt;?php the_permalink() ?&gt;" rel="bookmark"&gt;&lt;?php the_title(); ?&gt;&lt;/a&gt;&lt;/h4&gt;
&lt;hr /&gt;
&lt;/div&gt;

<div>

<h4><a href="<?php the_permalink() ?>" rel="bookmark"><?php the_title(); ?></a></h4>

<hr />

</div>

Parte III – Estilizando

Inclua o seguinte código na parte inferior do seu arquivo style.css, faça seus ajustes se necessários:

.postauthor {
    background-color: #fafafa;
    border: 1px solid #f3f3f3;
    padding: 10px;
    margin: 10px 0;
    }

.postauthor h4 {
    font-size: 1.2em;
    margin: 0 0 10px 0;
    }

.postauthor img {
    float: left;
    margin: 0 15px 8px 0;
    }

.postauthor {

background-color: #fafafa;

border: 1px solid #f3f3f3;

padding: 10px;

margin: 10px 0;

}

.postauthor h4 {

font-size: 1.2em;

margin: 0 0 10px 0;

}

.postauthor img {

float: left;

margin: 0 15px 8px 0;

}

Artigo Traduzido do site: http://blog.themeforest.net/wordpress/wordpress-author-details/ – com adaptações

Como mostrar o perfil do autor no post e configurar o arquivo author.php

Parte I – Arquivo single.php

Parte II – Arquivo author.php

Parte III – Estilizando

Temas WordPress

Postagens recentes

Postagens mais populares

WordPress Diary Theme

Pluto – Tema WordPress para blogs

KnowHow – WordPress como Base de conhecimento / Wiki