我們正在使用 Ultimate Member 插件，在我們的會員目錄頁面上我們有個(gè)人資料圖片。默認(rèn)配置文件圖像為 190x190，上傳時(shí)保存 80x80 版本。在目錄頁面上，它正在拉入 190x190 圖像，將其重新壓縮為 80x80。我希望能夠提取存在的 80x80 圖像。我已經(jīng)在模板文件中嘗試過這個(gè)，但是插件已經(jīng)更新了它的代碼以顯示個(gè)人資料圖片{{{user.avatar}}}在我能夠?qū)?設(shè)置$avatar_size為 80 之前。在不更改 UM 的文件以添加過濾器或掛鉤以獲取 80x80 圖像的情況下有什么想法嗎？
1 回答
SMILET
TA貢獻(xiàn)1796條經(jīng)驗(yàn) 獲得超4個(gè)贊
如果您指的是下面第二張用戶卡中的加菲貓圖片，templates/members.php默認(rèn)使用模板渲染（請參閱members-grid.php終極會員模板結(jié)構(gòu)）：
然后，如果您還不知道，該部分正在使用 WordPress 腳本/JS 模板，即wp.template()（簽um_build_template()入assets/js/um-members.js）并且最終會員使用 AJAX 檢索（用戶和其他）數(shù)據(jù)：
處理 AJAX 請求的類Member_Directory在includes/core/class-member-directory.php其中使用get_avatar()和（全局）Profile Photo Size 設(shè)置。
因此，如果您想更改默認(rèn)尺寸的個(gè)人資料照片尺寸190px x 190px：
簡單的方法，無需編碼
只需將個(gè)人資料照片大小設(shè)置（參見wp-admin ? Ultimate Member → 設(shè)置 → 外觀 → 個(gè)人資料 → 個(gè)人資料照片大小）更改為80x80px：
通過編碼，使用鉤子
在該類中Member_Directory，有一個(gè)過濾器掛鉤，您可以使用它輕松更改個(gè)人資料照片 URL，使其指向 size80px而不是默認(rèn)值190px。
所以這是一個(gè)使用掛鉤覆蓋個(gè)人資料照片 URL 的工作示例：
// In your theme functions file.
add_filter( 'um_ajax_get_members_data', function ( $data_array, $user_id ) {
? ? $data_array['avatar'] = get_avatar( $user_id, 80 );
? ? /* Or use a custom data key:
? ? $data_array['avatar_80'] = get_avatar( $user_id, 80 );
? ? // Then in the template file, use:
? ? // {user.avatar_80 || user.avatar}
? ? */
? ? return $data_array;
}, 10, 2 );
補(bǔ)充筆記
正如@Shoelaced所提到的，“ 80x80在 Retina 顯示器上會顯得模糊”，因此最好只使用190x190并使用 CSS 將其縮放到80x80. 例如：
.um-directory .um-members-wrapper .um-members.um-members-grid .um-member.with-cover .um-member-photo a img {
? ? width: 80px;
? ? height: 80px;
}
事實(shí)上，默認(rèn)縮放比例（in assets/css/um-members.css）是90x90（10px比你想要的要大..）。
所以我希望這個(gè)答案有幫助？
我已經(jīng)嘗試并測試了上述所有代碼在 WordPress 5.4.2 和 Ultimate Member 2.1.6（撰寫本文時(shí)的最新版本）上的預(yù)期效果。
- 1 回答
- 0 關(guān)注
- 151 瀏覽
添加回答
舉報(bào)
0/150
提交
取消