Tags & Hacks Tutoriais

Mostrar lista com Avatar de usuários

3 de January de 2011

Essa função é bem legal para blogs com vários autores. Como o título já diz, ela mostra uma listagem com avatar de todos os usuários registrados. Exemplo

1. Adicione ao arquivo functions.php do seu tema:

function contributors() {
global $wpdb;
$authors = $wpdb->get_results("SELECT ID, user_nicename from $wpdb->users ORDER BY display_name");
foreach($authors as $author) {
echo "<li>";
echo "<a href=\"".get_bloginfo('url')."/?author=";
echo $author->ID;
echo "\">";
echo get_avatar($author->ID);
echo "</a>";
echo '<div id="authorlist">';
echo "<a href=\"".get_bloginfo('url')."/?author=";
echo $author->ID;
echo "\">";
the_author_meta('display_name', $author->ID);
echo "</a>";
echo "</div>";
echo "</li>";
}
}

Quem usa o plugin User Photo, deve substituir a linha:

echo get_avatar($author->ID);

por

echo userphoto($author->ID);

2. Para deixar em duas colunas como no exemplo, adicione ao CSS do seu tema:

#authorlist{
width: 100%;
margin: 0 0 5px 0;
border:none;
}
#authorlist ul{
margin: 0;
padding: 0;
}
#authorlist ul li {
float:left;
margin:0;
padding:0;
list-style-type:none;
}
#authorlist li {
display: block;
width: 247px;
height: 60px;
height: auto;
margin: 0 0 0 2px;
padding: 2px;
border-bottom:0px solid #e8e8e8;
}
#authorlist img.photo {
width: 30px;
height: 30px;
margin: 5px 10px 5px 0;
padding: 4px;
}
#authorlist div.authname {
margin: 19px 0 0 10px;
}
html>body .links ul li a {
width: 247px;
}

3. Onde você quer que a listagem apareça, use:

<div id="authorlist"><ul><?php contributors(); ?></ul></div>

Tutorial adaptado daqui: wpbeginner

Listagem apenas com o nome dos usuários registrados

Se você quer uma lista simples, apenas com o nome dos usuários registrados, esquece tudo que já foi dito e use apenas:

<?php wp_list_authors('show_fullname=1&optioncount=0'); ?>

Os parâmetros dessa função podem ser vistos aqui: http://codex.wordpress.org/

heart


Leia Também

Deixe seu comentário

03/01/2011 ・ 11:26

Oi Tamara, tudo bem?
Adorei a dica, muito util esse tutorial:) Obrigada por compartilhar!
E parabéns pelo blog que continua lindo e gostoso de ler como sempre.
xxxx :9:

03/01/2011 ・ 15:48

eie! interessante a dica do tutorial, principalmente pra quem mexe com mtos users registrados
beijos!

04/01/2011 ・ 09:54

Menina seu blog é um arrazo.
Simplicidade e perfeição.
lindoo
Parabéns!
volto sempre ^^) :23:

09/01/2011 ・ 11:14

Eu não to conseguindo. Onde eu coloco o codigo das imgs não é em functions.php? mas da erro.

    09/01/2011 ・ 12:04

    O código do passo 1 é no functions.php, já o do passo 3 é para ser colocando na página onde você quer mostrar a listagem.

15/11/2014 ・ 15:34

muito obrigado deu certo valeu parabens