wordpress头像被墙

Ever come across a site that has custom shapes for their user avatars or gravatars? Want to add the same style on your site? In the past, we have written about how to add round avatars using CSS, but that requires tweaking code. In this article, we will show you how to change the shape of user avatars in WordPress without any HTML or CSS.

是否曾经遇到过针对其用户化身或gravatars具有自定义形状的网站? 是否要在您的网站上添加相同的样式? 过去,我们写过关于如何使用CSS添加圆形头像的文章 ,但这需要调整代码。 在本文中,我们将向您展示如何在没有任何HTML或CSS的情况下更改WordPress中用户头像的形状。

影片教学 (Video Tutorial)

演示地址

If you don’t like the video or need more instructions, then continue reading.

如果您不喜欢该视频或需要更多说明,请继续阅读。

First thing you need to do is install and activate the Avatar Shaper plugin.

您需要做的第一件事是安装并激活Avatar Shaper插件。

Once you have activated the plugin, you need to go to Settings » Avatar Shaper to configure the settings.

激活插件后,需要转到设置»Avatar Shaper来配置设置。

The plugin comes with 10 built in shapes that you can use for your gravatar images. You can see a live preview of each shape by clicking on the select shape button.

该插件带有10种内置形状,可用于制作图像。 通过单击选择形状按钮,您可以查看每个形状的实时预览。

Avatar shaper comes with the following shapes: curved square, circle, pentagon, hexagon, nonagon, heptagon, diamond, burst, and heart shaped avatars.

阿凡达塑形器具有以下形状:弯曲的正方形,圆形,五边形,六边形,九边形,七边形,菱形,爆发形和心形化身。

You can customize the styles by changing the radius settings, adding or removing shadow, modifying the shadow color, and removing the gloss optin from each of these pre-defined shapes.

您可以通过更改半径设置,添加或删除阴影,修改阴影颜色以及从每个这些预定义形状中删除光泽选项来自定义样式。

In case you don’t want to use any of these, then you can always click on Custom and create your own custom shape. When creating a custom shape, you can adjust border radius to your own liking.

如果您不想使用其中任何一种,则可以始终单击“ 自定义”并创建自己的自定义形状。 创建自定义形状时,可以根据自己的喜好调整边框半径。

If you are an advanced user and want to manually add modified avatars, then you can check the custom method checkbox. By using the custom method, it allows you to manually add avatar_shaper() template tag in your theme where you want to display customized avatars. Beginners can safely ignore this setting.

如果您是高级用户,并且想要手动添加修改的头像,则可以选中自定义方法复选框。 通过使用自定义方法,它允许您在要显示自定义头像的主题中手动添加avatar_shaper()模板标记。 初学者可以放心地忽略此设置。

Once you are done choosing the shape for your avatars, you can press the save changes button to store your settings.

完成为化身选择形状后,可以按保存更改按钮来存储您的设置。

That’s all. You can now visit your website and see the avatar shapes in action.

就这样。 现在,您可以访问您的网站,并查看虚拟形象的形状。

We hope this article helped you change the shape of user avatars in WordPress. You may also want to check out this tutorial on how to add new default avatars in WordPress.

我们希望本文能帮助您更改WordPress中用户头像的形状。 您可能还需要查看本教程,了解如何在WordPress中添加新的默认头像 。

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Google+.

如果您喜欢这篇文章,请订阅我们的YouTube频道 WordPress视频教程。 您也可以在Twitter和Google+上找到我们。

翻译自: https://www.wpbeginner.com/plugins/how-to-change-the-shape-of-user-avatars-in-wordpress/

wordpress头像被墙

wordpress头像被墙_如何在WordPress中更改用户头像的形状相关推荐

  1. linux中更改用户密码_如何在Linux中更改用户密码

    linux中更改用户密码 In this tutorial, we will focus on how you can change a user's password in Linux. We wi ...

  2. rstudio r语言_如何在R中接受用户输入?

    rstudio r语言 Taking a user input is very simple in R using readline() function. In this tutorial, we ...

  3. linux 更改ssh端口_如何在Linux中更改SSH端口-简易指南

    linux 更改ssh端口 The default port on SSH is 22. But for security reasons, it's a good idea to change SS ...

  4. linux重启网卡命令_如何在 Linux 中更改 MAC 地址 | Linux 中国

    在向你展示如何在 Linux 中更改 Mac 地址之前,让我们首先讨论为什么要更改它.-- Dimitrios Savvopoulos 在向你展示如何在 Linux 中更改 MAC 地址之前,让我们首 ...

  5. python绘图背景透明_如何在 Matplotlib 中更改绘图背景

    介绍Matplotlib是Python中使用最广泛的数据可视化库之一.无论是简单还是复杂的可视化项目,它都是大多数人的首选库.在本教程中,我们将研究如何在Matplotlib中更改绘图的背景.导入数据 ...

  6. python画图修改背景颜色_如何在 Matplotlib 中更改绘图背景的实现

    介绍 Matplotlib是Python中使用最广泛的数据可视化库之一.无论是简单还是复杂的可视化项目,它都是大多数人的首选库. 在本教程中,我们将研究如何在Matplotlib中更改绘图的背景. 导 ...

  7. chrome修改摄像头权限_如何在Chrome中更改网站的摄像头和麦克风权限

    chrome修改摄像头权限 Google Chrome lets you manage which individual sites can have access to your microphon ...

  8. mac app图标简单制作_如何在Mac中更改App图标

    mac app图标简单制作 Sometimes, apps icon change but we like the older icon. Thankfully, it's very easy to ...

  9. linux重命名用户名_如何在Linux中更改或重命名用户名和用户ID?

    linux重命名用户名 The problem is we want to change the already created user name or user id. As we know th ...

最新文章

  1. 用CSS控制表格的框格线
  2. 【mysql】SCOPE_IDENTITY 和 @@IDENTITY的区别
  3. linux ruby 安装路径,Linux(CentOS 7)安装ruby
  4. SpringBoot项目的 log4j漏洞解决—JeecgBoot
  5. redis扫描特定keys脚本,可避免阻塞,不影响线上业务
  6. c语言考试常考大题,C语言题库经典题 考试常考题.doc
  7. vs code 前端如何以服务器模式打开 [安装服务器] server insteall
  8. 使用Timer的schedule()方法
  9. HDU - 1520 Anniversary party (有向入门树形DP)
  10. 【数据结构】进击的二叉查找树
  11. 数据库中的字段NULL值和''
  12. 工作说明书(SOW)
  13. Android图片颜色混合算法
  14. 二叉树(知道中序遍历和后序遍历得到先序遍历)
  15. Photoshop插件-证件照-3寸裁剪-3寸排版-脚本开发-PS插件
  16. 汽车维修企业管理【12】
  17. lack名词形式_lack的用法
  18. 星环科技如何站稳脚跟?
  19. 广东理工职业学院第三届程序设计大赛试题及参考答案
  20. java后台图片大小kb查看_java 根据图片地址获取到图片的大小,单位kb或者Mb

热门文章

  1. word无法打开请去应用商店_Microsoft Office安卓版正式上线,word、Excel、PPT全都有...
  2. 训练集准确率上升,测试集的准确率没有变化!
  3. 水羊转债,超达转债,晓鸣转债上市价格预测
  4. 【HTML CSS】个人整理笔记
  5. 照明案例:混色导光管
  6. 华为基本配置命令(整理)
  7. 理解姿势: 姿势连锁反应—笔记
  8. 《代码大全 2 / Code Complete 2》at Google
  9. 如何将 PDF 转换为音频
  10. 到新公司上班一个礼拜的感受