Cómo mostrar una lista de autores con fotos en WordPress

Si estás ejecutando un blog de varios autores de WordPress y quieres destacar a tus autores mostrando una lista de autores con sus fotos, entonces estás en el lugar correcto. Anteriormente te mostramos cómo mostrar una lista de autores en WordPress, pero este método es muy intensivo en código. Luego te mostramos cómo crear una simple lista de personal en WordPress, pero eso requiere que recrees los perfiles de autor en una sección separada. En este artículo, cubriremos cómo mostrar una lista de autores con fotos en WordPress sin escribir una sola línea de código.

Video Tutorial

Suscribirse a AprenderWP

Si no te gusta el video o necesitas más instrucciones, entonces continúa leyendo.

Lo primero que tienes que hacer es instalar y activar el plugin Author Avatars. Después de activar el plugin, obtienes un widget y dos atajos que puedes usar para mostrar la lista de autores con sus fotos.

Mostrar la lista de autores con fotos utilizando un widget

Si desea mostrar la lista de autores en su barra lateral u otra área de widgets, debe utilizar el método de widgets. Vaya a Apariencia » Widgets y arrastre y suelte el widget de AuthorAvatars a su barra lateral. Este widget viene con varias opciones que le permiten personalizar su lista de la manera que desee.

Desde la pantalla de configuración del widget, puedes establecer el tamaño de la imagen para el avatar del autor, elegir qué información de autor mostrar, establecer un número mínimo de mensajes requeridos, elegir roles de usuario, y más.

Mostrar la lista de autores con fotos usando Shortcode

El plugin viene con dos atajos. Para añadir una lista de autores con fotos dentro de un mensaje o página, puede utilizar el código abreviado[authoravatars]. Sin embargo, el simple hecho de añadir el código abreviado sólo mostrará los avatares de los autores. Este atajo tiene otros parámetros que puede añadir para mostrar información adicional. Por ejemplo:

authoravatars avatar_size=44 link_to_authorpage=true show_name=true show_biography=true]

También puede modificar la apariencia de la lista anulando los estilos del archivo style.css del tema. Hemos añadido este CSS a nuestra demo para personalizar la pantalla:

12345678910.shortcode-author-avatars .avatar { float:left;text-align:left;padding:3px;margin:3px;border: 1pxsolid#EEE;}.shortcode-author-avatars div.author-list .user {text-align: left;}

Así es como se veía la lista del autor después de aplicar el CSS personalizado anterior:

Mostrar Autor no registrado con foto en WordPress

Este plugin también le permite mostrar usuarios no registrados usando su dirección de correo electrónico. Esto es particularmente útil para los autores invitados que pueden no tener una cuenta de usuario en su sitio. También puede utilizar este método para resaltar a cualquier usuario de su sitio utilizando su ID de usuario o dirección de correo electrónico. El código abreviado para mostrar el avatar de un solo usuario es[show_avatar]. También tiene parámetros que pueden ser usados de esta manera:

[show_avatar email=mail@address.com avatar_size=25>

También puedes modificar la apariencia del avatar anulando la hoja de estilo del plugin en el archivo style.css de tu tema.

1234.shortcode-showw-avatar { relleno: 3px; borde: 2pxsolid#EEE;}

Permitir a los autores cargar una foto de perfil en WordPress

Por defecto, este plugin usa gravatar, pero en algunos casos sus autores pueden no querer mostrar su gravatar. En ese caso, puedes permitir que suban su propia foto de perfil en WordPress.

Lo primero que tienes que hacer es instalar y activar el plugin Simple Local Avatars. Al activarlo, el plugin añade una sección de carga de avatares en la página de perfil de usuario. Los usuarios pueden ir a la página Usuarios » Su Perfil para subir su propia foto y utilizarla como avatar en su sitio.

Si el autor tiene un avatar personalizado, entonces los avatares del autor simplemente mostrarán la imagen personalizada en lugar de mostrar el gravatar.

Esperamos que este artículo le haya ayudado a añadir una lista de autores con fotos en su sitio de WordPress. Si tiene alguna pregunta o comentario, por favor deje un comentario a continuación. Tampoco olvides seguirnos en Twitter.

Deja un comentario