{"id":498,"date":"2011-12-25T03:58:18","date_gmt":"2011-12-25T01:58:18","guid":{"rendered":"https:\/\/tulipemedia.com\/?p=498"},"modified":"2025-05-15T17:59:44","modified_gmt":"2025-05-15T15:59:44","slug":"avatar-en-miniatura-del-vinculador-buddypress-a-imagen-a-tamano-completo","status":"publish","type":"post","link":"https:\/\/tulipemedia.com\/es\/buddypress-linker-lavatar-miniature-vers-limage-en-taille-reelle\/","title":{"rendered":"Buddypress: vincula el avatar en miniatura a la imagen en tama\u00f1o completo"},"content":{"rendered":"

Si hay algo que a menudo me piden que personalice en una red social creada con el CMS Buddypress<\/strong>, eso es una buena gesti\u00f3n de avatar. En efecto, por un lado est\u00e1 el hecho de que el avatar siempre enlaza con la p\u00e1gina ya abierta, lo que en s\u00ed mismo es in\u00fatil, y por otro lado su tama\u00f1o, que no puede personalizarse f\u00e1cilmente para un no iniciado.<\/p>\n

<\/p>\n

Por lo tanto, simplemente le explicar\u00e9 c\u00f3mo garantizar que el avatar ya no se vincule al perfil cuando ya est\u00e9 en la p\u00e1gina de perfil, sino a la imagen que sirve como avatar, y luego c\u00f3mo modificar los tama\u00f1os nativos de los avatares para permitir un avatar para abrir en un tama\u00f1o m\u00e1s grande al hacer clic (\u00a1\u00bfme est\u00e1s siguiendo?!).<\/p>\n

1. C\u00f3mo vincular el avatar a su imagen a tama\u00f1o completo<\/h3>\n

miembros-encabezado.php<\/p>\n

Ir a tu archivo encabezado-miembro.php<\/strong> (ubicado en la carpeta miembros\/single\/ de su tema Buddypress). Una vez en este archivo, busque la l\u00ednea de c\u00f3digo correspondiente a esto:<\/p>\n

<a href="\/es\/ »NO NUMERIC NOISE KEY\/" 1000 »><\/em><\/p>\n

<?php bp_displayed_user_avatar( ‘type=full’ ); ?><\/em><\/p>\n

<\/a><\/em><\/p>\n

Reemplace este c\u00f3digo con este:<\/p>\n

<a href="\/es\/ »NO NUMERIC NOISE KEY\/" 1000 »><\/em><\/p>\n

<?php bp_displayed_user_avatar( ‘type=full&width=150&height=150’ ) ?><\/em><\/p>\n

<\/a><\/em><\/p>\n

Como puedes ver, aqu\u00ed usamos la funci\u00f3n. bp_core_fetch_avatar<\/strong>, con el atributo 'html' => falso<\/em>, Que permite resaltar la URL del avatar<\/strong>, sin el lenguaje HTML que lo acompa\u00f1a ( <img src =\u2026).<\/p>\n

Sube el archivo member-header.php.<\/p>\n

Una vez realizado este paso, su avatar normalmente deber\u00eda vincularse a la imagen y ya no al perfil. Ahora queda modificar los tama\u00f1os de los avatares, para mantener el avatar en miniatura para la lista de perfiles, pero tener un avatar un poco m\u00e1s grande al hacer clic.<\/p>\n

2. C\u00f3mo cambiar los tama\u00f1os de avatar en Buddypress<\/h3>\n

funciones.php<\/p>\n

Para hacer esto, nada podr\u00eda ser m\u00e1s simple, ve a tu archivo de funciones (functions.php) para agregar estas l\u00edneas de c\u00f3digo:<\/p>\n

si (! definido ('BP_AVATAR_THUMB_WIDTH'))<\/em>
\ndefinir ('BP_AVATAR_THUMB_WIDTH', 50); \/\/Pon el ancho que quieras para el tama\u00f1o de la miniatura<\/em>
\nsi (! definido ('BP_AVATAR_THUMB_HEIGHT'))<\/em>
\ndefinir ('BP_AVATAR_THUMB_HEIGHT', 50); \/\/Altura de tama\u00f1os miniatura<\/em>
\nsi (! definido ('BP_AVATAR_FULL_WIDTH'))<\/em>
\ndefinir ('BP_AVATAR_FULL_WIDTH', 400); \/\/Ancho del tama\u00f1o real<\/em>
\nsi (! definido ('BP_AVATAR_FULL_HEIGHT'))<\/em>
\ndefinir ('BP_AVATAR_FULL_HEIGHT', 400); \/\/Altura del tama\u00f1o real<\/em><\/p>\n

Usando este fragmento de c\u00f3digo, estableces el tama\u00f1o real de los avatares en 400*400 y el tama\u00f1o de los avatares en miniatura en 50*50.<\/p>\n

3. Extensiones y comentarios<\/h3>\n

Puedes agregar f\u00e1cilmente un atributo de tipo \u201clightbox\u201d, a trav\u00e9s de rel="lightbox", por ejemplo, si tienes un complemento que maneja este tipo de cosas. Esto har\u00e1 que tus avatares se carguen de una manera un poco m\u00e1s sexy.<\/p>\n

Adem\u00e1s, os remito a los atributos de la funci\u00f3n.\u00a0bp_displayed_user_avatar('tipo=completo&ancho=150&alto=150')<\/em>\u00a0: como puedes ver, elegimos mostrar el avatar en \u201ccompleto\u201d, es decir en tama\u00f1o real, pero cambiando el tama\u00f1o de la salida, para que en la p\u00e1gina de perfil tengamos una imagen de tama\u00f1o intermedio.<\/p>\n

Este m\u00e9todo ciertamente no es recomendable desde el punto de vista de la velocidad de carga de la p\u00e1gina, pero evita agregar un nuevo tama\u00f1o de imagen para los avatares. Sin embargo, puedes jugar con estos atributos eligiendo poner 'tipo=pulgar' en lugar de completo en los lugares que desees.<\/p>\n

Conclusi\u00f3n: tu red social destaca las fotos de perfil<\/h3>\n

Gracias a este m\u00e9todo, los avatares de tus miembros ahora enlazan con im\u00e1genes m\u00e1s grandes, lo que resulta mucho m\u00e1s pr\u00e1ctico para gestionar redes donde la foto de perfil es importante.<\/p>","protected":false},"excerpt":{"rendered":"

S’il y a une chose qu’on me demande souvent de personnaliser sur un r\u00e9seau social b\u00e2ti avec le CMS Buddypress, c’est bien la gestion des avatars. En effet, il y a d’une part le fait que l’avatar linke toujours vers la page d\u00e9j\u00e0 ouverte, ce qui est en soit inutile, et d’autre part sa taille, […]<\/p>\n","protected":false},"author":17,"featured_media":467,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"chat","meta":{"footnotes":""},"categories":[7],"tags":[164],"class_list":["post-498","post","type-post","status-publish","format-chat","has-post-thumbnail","hentry","category-buddypress","tag-tips-wordpress","post_format-post-format-chat"],"_links":{"self":[{"href":"https:\/\/tulipemedia.com\/es\/wp-json\/wp\/v2\/posts\/498","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tulipemedia.com\/es\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/tulipemedia.com\/es\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/tulipemedia.com\/es\/wp-json\/wp\/v2\/users\/17"}],"replies":[{"embeddable":true,"href":"https:\/\/tulipemedia.com\/es\/wp-json\/wp\/v2\/comments?post=498"}],"version-history":[{"count":1,"href":"https:\/\/tulipemedia.com\/es\/wp-json\/wp\/v2\/posts\/498\/revisions"}],"predecessor-version":[{"id":4227,"href":"https:\/\/tulipemedia.com\/es\/wp-json\/wp\/v2\/posts\/498\/revisions\/4227"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/tulipemedia.com\/es\/wp-json\/wp\/v2\/media\/467"}],"wp:attachment":[{"href":"https:\/\/tulipemedia.com\/es\/wp-json\/wp\/v2\/media?parent=498"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/tulipemedia.com\/es\/wp-json\/wp\/v2\/categories?post=498"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/tulipemedia.com\/es\/wp-json\/wp\/v2\/tags?post=498"}],"curies":[{"name":"gracias","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}