PLUGINS

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

Si ejecuta un blog de WordPress con varios autores y desea resaltar a sus autores mostrando una lista de autores y sus fotos, ha venido al lugar correcto. Le mostramos cómo mostrar una lista de autores en WordPress antes, pero este método requiere mucho código. Luego le mostraremos cómo crear una lista simple de empleados en WordPress, pero esto requiere que recree la biografía 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 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 el widget para mostrar una lista de autores con fotos

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

En la pantalla de configuración del gadget, 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, seleccionar una función de usuario y más.

Mostrar una lista de autores con una foto usando un código corto

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 corto [authoravatars]Sin embargo, simplemente agregar el código corto solo mostrará el avatar del autor. Este código corto 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 cambiar la apariencia de la lista reemplazando 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;
}

Aquí está 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 etiquetar a cada usuario en su sitio con una identificación de usuario o una dirección de correo electrónico. El código corto para mostrar el avatar de un usuario es [show_avatar]También tiene parámetros que se pueden utilizar de la siguiente manera:

[show_avatar [email protected] avatar_size = 25 alineación = izquierda]

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

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

Permitir que los autores suban fotos a los perfiles de WordPress

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

Lo primero que debe hacer es instalar y activar el complemento Simple Local Avatars. Cuando está habilitado, el complemento agrega una sección de carga de avatar a la página de perfil. Usuario »Tu perfil página para cargar su propia foto para usar como avatar en su sitio web.

Agregue una imagen de perfil como avatar local en WordPress

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

Esperamos que este artículo le haya ayudado a agregar una lista de autores de fotografías a su sitio de WordPress. Si tiene preguntas o comentarios, por favor deje un comentario a continuación. Además, no olvides seguirnos en Twitter.

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Botón volver arriba