如果我经常被要求在使用 CMS 构建的社交网络上个性化一件事 巴迪出版社,这就是很好的头像管理。事实上,一方面,化身总是链接到已经打开的页面,这本身是无用的;另一方面,其大小对于非发起者来说不能轻易地定制。
因此,我将简单地向您解释如何确保当您已经在个人资料页面上时,头像不再链接到个人资料,而是链接到用作头像的图像,然后如何修改头像的原始尺寸以允许单击时会以更大尺寸打开的头像(你在关注我吗?!)。
1. 如何将头像链接到全尺寸图像
成员-header.php
转到您的文件 成员标题.php (位于 Buddypress 主题的 Members/sing/ 文件夹中)。进入该文件后,找到与此对应的代码行:
<a href="/zh/ »NO NUMERIC NOISE KEY/" 1000 »>
<?php bp_displayed_user_avatar( ‘type=full’ ); ?>
</a>
将此代码替换为以下代码:
<a href="/zh/ »NO NUMERIC NOISE KEY/" 1000 »>
<?php bp_displayed_user_avatar( ‘type=full&width=150&height=150’ ) ?>
</a>
正如你所看到的,这里我们使用了这个函数 bp_core_fetch_avatar,具有属性 'html' => 假, 这使得 突出显示头像 URL,没有附带的 HTML 语言( <img src =…).
上传members-header.php 文件。
完成此步骤后,您的头像通常应该链接到图像,而不是个人资料。现在仍然需要修改头像尺寸,以便在配置文件列表中保留微型头像,但在单击时具有稍大的头像。
2. 如何在 Buddypress 中更改头像大小
函数.php
为此,没有什么比这更简单的了,转到您的函数文件 (functions.php) 添加以下代码行:
if ( !define( 'BP_AVATAR_THUMB_WIDTH' ) )
定义( 'BP_AVATAR_THUMB_WIDTH', 50 ); //输入你想要的缩略图大小的宽度
if ( !define( 'BP_AVATAR_THUMB_HEIGHT' ) )
定义( 'BP_AVATAR_THUMB_HEIGHT', 50 ); //微型尺寸的高度
if ( !define( 'BP_AVATAR_FULL_WIDTH' ) )
定义( 'BP_AVATAR_FULL_WIDTH', 400 ); //实际尺寸宽度
if ( !define( 'BP_AVATAR_FULL_HEIGHT' ) )
定义( 'BP_AVATAR_FULL_HEIGHT', 400 ); //实际尺寸的高度
使用这段代码,您将头像的实际尺寸设置为400*400,将微型头像的尺寸设置为50*50。
3. 扩展及备注
您可以轻松添加“lightbox”类型属性,例如通过 rel="lightbox",如果您有一个处理此类事情的插件。这将使您的头像以稍微性感的方式加载。
此外,我建议您参考该函数的属性 bp_displayed_user_avatar( '类型=完整&宽度=150&高度=150' ) :如您所见,我们选择以“完整”显示头像,也就是说以实际尺寸显示,但通过调整输出大小,以便在个人资料页面上,我们有一个中间尺寸的图像。
从页面加载速度的角度来看,这种方法当然不推荐,但可以避免为头像添加新的图像尺寸。不过,您可以使用这些属性,选择将“type=thumb”而不是 full 放在您想要的位置。
结论:您的社交网络突出显示个人资料照片
借助这种方法,您的成员的头像现在链接到更大的图像,这对于管理个人资料照片很重要的网络来说更加实用。