Si está ejecutando un blog de WordPress de varios autores y desea resaltar a sus autores mostrando una lista de autores y sus fotos, ha venido al lugar correcto. Anteriormente le mostramos cómo mostrar la lista de autores en WordPress, pero este método requiere mucho código. Luego le mostramos cómo crear una lista de empleados simple en WordPress, pero esto requiere que vuelva a crear el perfil del autor en una sección separada. En este artículo, le mostraremos cómo mostrar una lista de autores con fotos en WordPress sin escribir ningún código.

videotutorial

Suscríbete a WPBeginner

Si no te gusta el video o necesitas más explicaciones, sigue leyendo.

Lo primero que debe hacer es instalar y activar el complemento Author Avatars. Después de activar el complemento, obtiene un widget y dos códigos cortos que puede usar para mostrar una lista de autores y sus fotos.

Use widgets para mostrar la lista de autores y las fotos

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

Agregar widget de avatar de autor

En la pantalla de configuración del widget, puede establecer el tamaño de la imagen del avatar del autor, elegir qué información del autor mostrar, establecer la cantidad mínima de publicaciones requeridas, elegir una función de usuario y más.

Use shortcode para mostrar la lista de autores y las fotos

El complemento viene con dos códigos cortos.Para agregar una lista de autores con fotos en una publicación o página, puede usar un código abreviado [authoravatars]Sin embargo, solo agregando el shortcode solo se mostrará el avatar del autor. Este shortcode tiene parámetros adicionales que puede agregar 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 en el archivo style.css del tema. Agregamos este CSS a nuestra demostración para personalizar la pantalla:

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

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

Lista de Autores con Fotos en WordPress

Mostrar autores no registrados con fotos en WordPress

Este complemento también le permite mostrar usuarios no registrados usando sus direcciones de correo electrónico. Esto es especialmente útil para los autores invitados que pueden no tener cuentas de usuario en su sitio. También puede usar este método para resaltar cualquier usuario de su sitio por ID de usuario o dirección de correo electrónico.El shortcode para mostrar un solo avatar de usuario es [show_avatar]También tiene parámetros que se pueden usar así:

[show_avatar email=mail@address.com avatar_size=25 align=left]

También puede modificar la apariencia del avatar anulando la hoja de estilo del complemento en el archivo style.css del tema.

.shortcode-show-avatar {
  padding: 3px;
  border: 2px solid #EEE;
}

Permitir a los autores subir fotos de perfil en WordPress

De forma predeterminada, este complemento usa gravatar, pero en algunos casos es posible que sus autores no deseen mostrar su gravatar. En este caso, puedes permitirles subir su propia foto de perfil en WordPress.

Lo primero que debe hacer es instalar y activar el complemento Simple Local Avatars. Cuando está activado, el complemento agrega una sección de carga de avatar en la página de perfil del usuario.Los usuarios pueden ir a Usuarios » Tu Perfil Las páginas cargan sus propias fotos para usarlas como avatares en su sitio web.

Agregar foto de perfil de usuario como avatar local en WordPress

Si el autor tiene un avatar personalizado, el avatar del autor simplemente mostrará la imagen personalizada en lugar del avatar.

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

Los datos expuestos en este sitio web son de índole informativo, no necesariamente están actualizados. Esta información es una recopilación de información de internet.