Cómo mostrar una lista de autores con un avatar en la página de Colaboradores de WordPress

Al tratar con sitios web de clientes, descubrimos que la funcionalidad integrada para enumerar autores no es suficiente. Le mostramos cómo mostrar todos los autores en su sitio, pero este método solo funciona si desea mostrar una lista simple en la barra lateral. Esta función es inútil si desea crear una página más informativa y útil para los colaboradores.

En este artículo le mostraremos cómo crear una página para colaboradores, que mostrará una lista de autores, avatar o foto de usuario y cualquier otra información que desee.Este tutorial es un Promedio lección.

Lo primero que debe hacer es crear una página personalizada utilizando esta plantilla.

Entonces necesitas abrir función.php archivo en la carpeta de su tema y agregue el siguiente código:

function contributors() {
global $wpdb;

$authors = $wpdb->get_results("SELECT ID, user_nicename from $wpdb->users ORDER BY display_name");

foreach($authors as $author) {
echo "

";}}

Al agregar esta función, le dice a WordPress que cree una función que muestre el nombre del autor y el avatar del autor. Puede cambiar el avatar del complemento de foto personalizado simplemente cambiando la siguiente línea:

echo get_avatar($author->ID);

y reemplazarlo con:

echo userphoto($author->ID);

Puede agregar más funciones a esta función, como mostrar la URL del autor y otra información del perfil según la estructura utilizada.

También debe agregar las siguientes líneas a su archivo CSS:

#authorlist li {
clear: left;
float: left;
margin: 0 0 5px 0;
}

#authorlist img.photo {
width: 40px;
height: 40px;
float: left;
}

#authorlist div.authname {
margin: 20px 0 0 10px;
float: left;
}

Después de agregar la función, ahora debe llamarla en la plantilla de página. Abre el archivo contribuidors.php o el nombre que le hayas dado al archivo. Siga la misma plantilla de página que page.php y agregue esta función al bucle en lugar de mostrar el contenido:

Esto le proporcionará una página de colaboradores con más contenido.  Este truco es excelente para blogs de varios autores.
Ahora aquí hay un ejemplo de cómo lo usamos:


Si desea tener una página de contribuyentes con información como la que se muestra en el ejemplo anterior, deberá realizar algunos cambios en la función original.  Tenemos un código de ejemplo que le permitirá obtener exactamente todo lo que se muestra en la imagen de arriba.
function contributors() {
global $wpdb;

$authors = $wpdb->get_results("SELECT ID, user_nicename from $wpdb->users WHERE display_name  'admin' ORDER BY display_name");

foreach ($authors as $author ) {

echo "
(; echo "ID);  echo "https://blogging-techies.com/"> "; echo get_avatar ($ autor-> ID); echo" "; echo '
';  echo (ID); echo "https://blogging-techies.com/"> ";  the_author_meta('display_name', $autor->ID);  eco "";  eco "
"; echo" Sitio web: ID);  echo "https://blogging-techies.com/" target = "_ en blanco"> "; the_author_meta ('user_url', $ autor-> ID); echo" "; echo"
";eco" Twitter: IDENTIFICACIÓN);  echo "" target="_blank">"; el_autor_meta('twitter', $autor->ID); echo""; eco"
(; echo "ID);  echo "https://blogging-techies.com/">visitar"; the_author_meta ('display_name', $ autor-> ID); echo "Página de perfil"; echo ""; echo "
"; eco"
";}}
Este código utiliza el complemento Foto de usuario.  El campo de Twitter se muestra usando el truco que mencionamos en el artículo Cómo mostrar los datos del autor.  Twitter y Facebook en la página de perfil.
Por ejemplo, CSS se ve así:
#authorlist ul{
list-style: none;
width: 600px;
margin: 0;
padding: 0;
}
#authorlist li {
margin: 0 0 5px 0;
list-style: none;
height: 90px;
padding: 15px 0 15px 0;
border-bottom: 1px solid #ececec;
}

#authorlist img.photo {
width: 80px;
height: 80px;
float: left;
margin: 0 15px 0 0;
padding: 3px;
border: 1px solid #ececec;
}

#authorlist div.authname {
margin: 20px 0 0 10px;
}
Puede usar el código extendido como guía para mostrar más información si es necesario.
la fuente de esta función