Si está ejecutando un blog de WordPress de varios autores y desea resaltar a sus autores mostrando una lista de autores con sus fotos, entonces está en el lugar correcto. Anteriormente le mostramos cómo mostrar una lista de autores en WordPress, pero este método requiere mucho código. Luego, le mostramos cómo crear una lista de personal simple en WordPress, pero eso requiere que vuelva a crear 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.
Videotutorial
Si no le gusta el video o necesita más instrucciones, continúe leyendo.
Lo primero que debe hacer es instalar y activar Avatares de autor enchufar. Después de activar el complemento, obtiene un widget y dos códigos cortos que puede usar para mostrar la lista de autores con sus fotos.
Mostrar la lista de autores con fotos usando un widget
Si desea mostrar la lista de autores en su barra lateral o en otra área de widgets, debe usar el método de widgets. Ir 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 de la forma que 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 una cantidad mínima de publicaciones requeridas, elegir roles de usuario y más.
Mostrar la lista de autores con fotos usando Shortcode
El complemento viene con dos códigos cortos. Para agregar una lista de autores con fotos dentro de una publicación o página, puede usar el código abreviado [authoravatars]
. Sin embargo, simplemente agregar el código abreviado solo mostrará los avatares de los autores. 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 modificar 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; 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ía la lista del autor después de aplicar el CSS personalizado anterior:
Mostrar autor no registrado con foto en WordPress
Este complemento también le permite mostrar usuarios no registrados utilizando 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 usar este método para resaltar a cualquier usuario de su sitio usando su identificación 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 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 de su tema.
.shortcode-show-avatar { padding: 3px; border: 2px solid #EEE; }
Permitir que los autores carguen una foto 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 ese caso, puedes permitirles subir su propia foto de perfil en WordPress.
Lo primero que debe hacer es instalar y activar Avatares locales simples enchufar. Tras la activación, 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 página para cargar su propia foto para ser utilizada como avatar en su sitio.
Si el autor tiene un avatar personalizado, 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 agregar una lista de autores con fotos en su sitio de WordPress. Si tiene alguna pregunta o comentario, deje un comentario a continuación. Además, no olvides seguirnos en Gorjeo.