Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
Copa WPB
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

Cómo cambiar la forma de los avatares de usuario en WordPress

Nota editorial: Ganamos una comisión de los enlaces de socios en WPBeginner. Las comisiones no afectan a las opiniones o evaluaciones de nuestros editores. Más información sobre Proceso editorial.

¿Te has encontrado alguna vez con un sitio que tiene formas personalizadas para los avatares o gravatares de sus usuarios? ¿Quieres añadir el mismo estilo en tu sitio? En el pasado, hemos escrito acerca de cómo añadir avatares redondos usando CSS, pero eso requiere retocar el código. En este artículo, le mostraremos cómo cambiar la forma de los avatares de usuario en WordPress sin ningún tipo de HTML o CSS.

Video Tutorial

Subscribe to WPBeginner

Si no te gusta el vídeo o necesitas más instrucciones, sigue leyendo.

Lo primero que tienes que hacer es instalar y activar el plugin Avatar Shaper.

Una vez que haya activado el plugin, tienes que ir a Configuración ” Avatar Shaper para configurar los ajustes.

Avatar shaper settings

El plugin viene con 10 formas incorporadas que puedes usar para tus imágenes de gravatar. Puedes ver una vista previa en vivo de cada forma al hacer clic en el botón de seleccionar forma.

Avatar shaper viene con las siguientes formas: cuadrado curvo, círculo, pentágono, hexágono, nonágono, heptágono, diamante, ráfaga, y avatares en forma de corazón.

Puedes personalizar los estilos cambiando los ajustes del radio, añadiendo o eliminando sombra, modificando el color de la sombra y quitando el optin de brillo de cada una de estas formas predefinidas.

En caso de que no desees utilizar ninguna de ellas, siempre puedes hacer clic en Personalizar y crear tu propia forma personalizada. Al crear una forma personalizada, puede ajustar el radio del borde a su gusto.

Si eres un usuario avanzado y quieres añadir manualmente avatares modificados, entonces puedes comprobar la casilla de verificación del método personalizado. Usando el método personalizado, te permite añadir manualmente la etiqueta de plantilla avatar_shaper() en tu tema donde quieras mostrar los avatares personalizados. Los principiantes pueden ignorar este ajuste.

Una vez que hayas terminado de elegir la forma de tus avatares, puedes pulsar el botón guardar cambios para establecer tus ajustes.

Y ya está. Ahora puedes visitar tu sitio web y ver las formas de los avatares en acción.

Burst shaped gravatar in comments

Esperamos que este artículo te haya ayudado a cambiar la forma de los avatares de usuario en WordPress. Puede que también quieras comprobar este tutorial sobre cómo añadir nuevos avatares por defecto en WordPress.

Si te ha gustado este artículo, suscríbete a nuestro canal de YouTube para ver tutoriales en vídeo sobre WordPress. También puedes encontrarnos en Twitter y Google+.

Descargo: Nuestro contenido está apoyado por los lectores. Esto significa que si hace clic en algunos de nuestros enlaces, podemos ganar una comisión. Vea cómo se financia WPBeginner , por qué es importante, y cómo puede apoyarnos. Aquí está nuestro proceso editorial .

Avatar

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

El último kit de herramientas de WordPress

Obtenga acceso GRATUITO a nuestro kit de herramientas - una colección de productos y recursos relacionados con WordPress que todo profesional debería tener!

Reader Interactions

1 comentarioDeja una respuesta

  1. Syed Balkhi says

    Hey WPBeginner readers,
    Did you know you can win exciting prizes by commenting on WPBeginner?
    Every month, our top blog commenters will win HUGE rewards, including premium WordPress plugin licenses and cash prizes.
    You can get more details about the contest from here.
    Start sharing your thoughts below to stand a chance to win!

Deja tu comentario

Gracias por elegir dejar un comentario. Tenga en cuenta que todos los comentarios son moderados de acuerdo con nuestros política de comentarios, y su dirección de correo electrónico NO será publicada. Por favor, NO utilice palabras clave en el campo de nombre. Tengamos una conversación personal y significativa.