郁金香媒体

创业想法

Buddypress:将微型头像链接到全尺寸图像

如果我经常被要求在使用 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 语言(

上传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 放在您想要的位置。

结论:您的社交网络突出显示个人资料照片

借助这种方法,您的成员的头像现在链接到更大的图像,这对于管理个人资料照片很重要的网络来说更加实用。

 

我最新的推文

Blooness 上的新短片 👉 活力、长寿、减肥:酮地中海饮食中蛋白质的终极指南已在 Blooness 上上线。 https://buff.ly/3xxNvpj
https://buff.ly/4cG2GM4

Blooness 新短片 👉 48 小时后新优质内容出炉,什么内容!这将是关于地中海酮饮食中蛋白质摄入量的最全面的指南。再见 !
https://buff.ly/3L2KbFP

装载更多

不要错过通过电子邮件发送的商业建议

没有垃圾邮件,只有新内容发布时的电子邮件.

发表回复

您的电子邮箱地址不会被公开。 必填项已用*标注

zh_CNZH