Si tiene un blog de WordPress de varios autores y desea mostrar a sus autores mostrando una lista de autores con sus fotos, ha venido al lugar correcto. Anteriormente, le mostramos cómo mostrar una lista de autores en WordPress, pero este método requiere mucho código. A continuación, le mostramos cómo crear una lista de personal simple en WordPress, pero requiere que vuelva a crear los perfiles de autor en una sección separada. En este artículo, explicaremos cómo mostrar una lista de autores con fotos en WordPress sin escribir una sola línea de código.
Video tutorial
Contents
Suscríbase a MundoCMS Si no le gusta el video o necesita más instrucciones, siga leyendo. Lo primero que debe hacer es instalar y activar el plugin Author Avatars. Después de activar el plugin, obtienes un widget y dos códigos cortos que puedes usar para mostrar la lista de autores con sus fotos.
Ver la lista de autores con fotos usando 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. Ir a Apariencia »Widgets y arrastre y suelte el widget AuthorAvatars en su barra lateral. Este widget viene con varias opciones que le permiten personalizar su lista como desee.
Desde la pantalla de configuración del widget, puede establecer el tamaño de la imagen para el avatar del autor, elegir qué información del autor mostrar, establecer un número mínimo de publicaciones requeridas, elegir los roles de los usuarios, etc.
Muestre la lista de autores con fotos usando un shortcode
El plugin viene con dos códigos cortos. Para agregar una lista de autores con fotos en un artículo o una página, puede usar el shortcode [authoravatars]. Sin embargo, simplemente agregar el código corto solo mostrará los avatares del autor. Este shortcode tiene otros parámetros 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 su lista anulando los estilos en el archivo style.css de su tema. Agregamos este CSS a nuestra demostración para personalizar la pantalla: .shortcode-author-avatars .avatar {float: left; alineación de texto: izquierda; relleno: 3px; margen: 3px; borde: 1px sólido #EEE; } .shortcode-author-avatars div.author-list .user {text-align: left; } Así es como se veía la lista de autores después de aplicar el CSS personalizado anterior:
Mostrar autor no registrado con foto en WordPress
Este plugin también le permite ver a los usuarios no registrados utilizando su dirección de correo electrónico. Esto es especialmente ú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 en su sitio utilizando su ID de usuario o dirección de correo electrónico. El código abreviado para mostrar el avatar de usuario único es [show_avatar]. También tiene parámetros que se pueden usar así:
[show_avatar [email protected] avatar_size=25 align=left]
También puede cambiar la apariencia del avatar reemplazando la hoja de estilo del plugin en el archivo style.css de su tema. .shortcode-show-avatar {relleno: 3px; borde: 2px sólido #EEE; }
Permitir que los autores carguen una foto de perfil en WordPress
De forma predeterminada, este plugin usa gravatar, pero en algunos casos es posible que sus autores no quieran mostrar su gravatar. En ese caso, puede permitirles que carguen su propia imagen de perfil en WordPress. Lo primero que debe hacer es instalar y activar el plugin Simple Local Avatars. Tras la activación, el plugin agrega una sección de carga de avatar en la página de perfil del usuario. Los usuarios pueden acceder Usuarios »Tu perfil página para cargar su propia foto y usarla como avatar en su sitio.
Si el autor tiene un avatar personalizado, los avatares del autor solo mostrarán la imagen personalizada en lugar de mostrar el gravatar. Esperamos que este artículo le haya ayudado a agregar una lista de autores con fotos a su sitio de WordPress. Si tiene alguna pregunta o comentario, deje un comentario a continuación. Además, no olvides seguirnos en Twitter.
