{"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":"buddypress-linker-miniaturbild-avatar-zum-bild-in-voller-grose","status":"publish","type":"post","link":"https:\/\/tulipemedia.com\/de\/buddypress-linker-lavatar-miniature-vers-limage-en-taille-reelle\/","title":{"rendered":"Buddypress: Verkn\u00fcpfen Sie den Miniatur-Avatar mit dem Vollbild"},"content":{"rendered":"

Wenn es eine Sache gibt, die ich oft in einem mit dem CMS erstellten sozialen Netzwerk personalisieren m\u00f6chte, werde ich h\u00e4ufig gebeten, sie zu personalisieren Buddypress<\/strong>, das ist gutes Avatar-Management. Denn einerseits ist es so, dass der Avatar immer auf die bereits ge\u00f6ffnete Seite verlinkt, was an sich nutzlos ist, und andererseits seine Gr\u00f6\u00dfe, die f\u00fcr einen Laien nicht einfach angepasst werden kann.<\/p>\n

<\/p>\n

Ich erkl\u00e4re Ihnen daher lediglich, wie Sie sicherstellen, dass der Avatar nicht mehr auf das Profil verweist, wenn Sie sich bereits auf der Profilseite befinden, sondern auf das Bild, das als Avatar dient, und wie Sie anschlie\u00dfend die nativen Gr\u00f6\u00dfen der Avatare anpassen, um dies zu erm\u00f6glichen ein Avatar, der sich beim Klicken vergr\u00f6\u00dfert \u00f6ffnet (folgen Sie mir?!).<\/p>\n

1. So verkn\u00fcpfen Sie den Avatar mit seinem Vollbild<\/h3>\n

Mitglieder-Header.php<\/p>\n

Gehen Sie zu Ihrer Datei member-header.php<\/strong> (befindet sich im Ordner \u201emembers\/single\/\u201c Ihres Buddypress-Themes). Suchen Sie in dieser Datei nach der entsprechenden Codezeile:<\/p>\n

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

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

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

Ersetzen Sie diesen Code durch diesen:<\/p>\n

<a href="\/de\/ »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

Wie Sie sehen, verwenden wir hier die Funktion bp_core_fetch_avatar<\/strong>, mit dem Attribut 'html' => false<\/em>, welches erlaubt Markieren Sie die Avatar-URL<\/strong>, ohne die zugeh\u00f6rige HTML-Sprache ( <img src =\u2026).<\/p>\n

Laden Sie die Datei \u201emembers-header.php\u201c hoch.<\/p>\n

Sobald dieser Schritt erledigt ist, sollte Ihr Avatar normalerweise mit dem Bild und nicht mehr mit dem Profil verlinken. Jetzt m\u00fcssen noch die Avatar-Gr\u00f6\u00dfen ge\u00e4ndert werden, um den Miniatur-Avatar f\u00fcr die Profilliste beizubehalten, beim Anklicken jedoch einen etwas gr\u00f6\u00dferen Avatar zu haben.<\/p>\n

2. So \u00e4ndern Sie die Avatar-Gr\u00f6\u00dfe in Buddypress<\/h3>\n

Funktionen.php<\/p>\n

Um dies zu erreichen, k\u00f6nnte es nicht einfacher sein, gehen Sie zu Ihrer Funktionsdatei (functions.php) und f\u00fcgen Sie diese Codezeilen hinzu:<\/p>\n

if ( !definiert( 'BP_AVATAR_THUMB_WIDTH' ) )<\/em>
\ndefine( 'BP_AVATAR_THUMB_WIDTH', 50 ); \/\/Geben Sie die gew\u00fcnschte Breite f\u00fcr die Miniaturbildgr\u00f6\u00dfe ein<\/em>
\nif ( !definiert( 'BP_AVATAR_THUMB_HEIGHT' ) )<\/em>
\ndefine( 'BP_AVATAR_THUMB_HEIGHT', 50 ); \/\/H\u00f6he der Miniaturgr\u00f6\u00dfen<\/em>
\nif ( !definiert( 'BP_AVATAR_FULL_WIDTH' ) )<\/em>
\ndefine( 'BP_AVATAR_FULL_WIDTH', 400 ); \/\/Tats\u00e4chliche Gr\u00f6\u00dfenbreite<\/em>
\nif ( !definiert( 'BP_AVATAR_FULL_HEIGHT' ) )<\/em>
\ndefine( 'BP_AVATAR_FULL_HEIGHT', 400 ); \/\/H\u00f6he der tats\u00e4chlichen Gr\u00f6\u00dfe<\/em><\/p>\n

Mit diesem Code stellen Sie die tats\u00e4chliche Gr\u00f6\u00dfe der Avatare auf 400*400 und die Gr\u00f6\u00dfe der Miniatur-Avatare auf 50*50 ein.<\/p>\n

3. Erweiterungen & Bemerkungen<\/h3>\n

Sie k\u00f6nnen ganz einfach ein Attribut vom Typ \u201eLightbox\u201c hinzuf\u00fcgen, beispielsweise \u00fcber rel="lightbox", wenn Sie ein Plugin haben, das so etwas verarbeitet. Dadurch werden Ihre Avatare etwas sexyer geladen.<\/p>\n

Dar\u00fcber hinaus verweise ich auf die Attribute der Funktion\u00a0bp_displayed_user_avatar( 'type=full&width=150&height=150' )<\/em>\u00a0: Wie Sie sehen k\u00f6nnen, haben wir uns daf\u00fcr entschieden, den Avatar in \u201eVollgr\u00f6\u00dfe\u201c, also in Originalgr\u00f6\u00dfe, anzuzeigen, aber die Gr\u00f6\u00dfe der Ausgabe so zu \u00e4ndern, dass wir auf der Profilseite ein Bild mittlerer Gr\u00f6\u00dfe haben.<\/p>\n

Diese Methode ist aus Sicht der Seitenladegeschwindigkeit sicherlich nicht zu empfehlen, vermeidet aber das Hinzuf\u00fcgen einer neuen Bildgr\u00f6\u00dfe f\u00fcr die Avatare. Sie k\u00f6nnen jedoch mit diesen Attributen experimentieren und an den gew\u00fcnschten Stellen \u201etype=thumb\u201c statt \u201efull\u201c einf\u00fcgen.<\/p>\n

Fazit: Ihr soziales Netzwerk hebt Profilfotos hervor<\/h3>\n

Dank dieser Methode verlinken die Avatare Ihrer Mitglieder nun mit gr\u00f6\u00dferen Bildern, was f\u00fcr die Verwaltung von Netzwerken, in denen das Profilfoto wichtig ist, viel praktischer ist.<\/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\/de\/wp-json\/wp\/v2\/posts\/498","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tulipemedia.com\/de\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/tulipemedia.com\/de\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/tulipemedia.com\/de\/wp-json\/wp\/v2\/users\/17"}],"replies":[{"embeddable":true,"href":"https:\/\/tulipemedia.com\/de\/wp-json\/wp\/v2\/comments?post=498"}],"version-history":[{"count":1,"href":"https:\/\/tulipemedia.com\/de\/wp-json\/wp\/v2\/posts\/498\/revisions"}],"predecessor-version":[{"id":4227,"href":"https:\/\/tulipemedia.com\/de\/wp-json\/wp\/v2\/posts\/498\/revisions\/4227"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/tulipemedia.com\/de\/wp-json\/wp\/v2\/media\/467"}],"wp:attachment":[{"href":"https:\/\/tulipemedia.com\/de\/wp-json\/wp\/v2\/media?parent=498"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/tulipemedia.com\/de\/wp-json\/wp\/v2\/categories?post=498"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/tulipemedia.com\/de\/wp-json\/wp\/v2\/tags?post=498"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}