带有Get_Avata的六边形头像()

时间:2017-05-26 作者:Nick Galgay

我有以下代码可以在WordPress中获取头像

<?php echo get_avatar(ThemexUser::$data[\'user\'][\'ID\'], 200); ?>

我想在化身代码中添加以下剪辑路径:

clip-path="url(#myClip)"

我该怎么做?

1 个回复
SO网友:birgire

您可以使用extra_attr 输入参数以向gravatar的图像标记添加额外参数:

<?php echo get_avatar( 
    ThemexUser::$data[\'user\'][\'ID\'], 
    200,                                            // size 
    \'\',                                             // default
    \'\',                                             // alt 
    [ \'extra_attr\' => \'clip-path="url(#myClip)"\' ]  // args
); ?>
但请注意,这是不可逃避的。

您还可以添加,例如。class="hexagon" 使用:

<?php echo get_avatar( 
    ThemexUser::$data[\'user\'][\'ID\'], 
    200,                                            // size 
    \'\',                                             // default
    \'\',                                             // alt 
    [ \'class\' => \'hexagon\']                         // args
); ?>
便于在以下情况下使用:

.hexagon {
  -webkit-clip-path: polygon(
    50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25%
  );
  -moz-clip-path: polygon(
    50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25%
  );
  -ms-clip-path: polygon(
    50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25%
  );
  clip-path: polygon(
    50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25%
  );
}
其中六边形定义基于this 代码笔。

ps:我忍不住检查了六边形夹路径中的雕刻器;-)

hexagon

结束

相关推荐

Fetching Gravatar

如何获取任何人的gravatar图像?我需要向用户显示gravatar图像上的自定义配置文件页正在制作。到目前为止,我已经集成了Facebook个人资料图片(自动抓取)选项,并且允许用户分配自己的照片(根据自己的意愿)。我需要做的是,如果此人不是来自FB,那么可能应该使用他的电子邮件或其他东西来查看他/她是否有gravatar,如果是,则显示它。我该怎么做?谢谢