Divi 插件亮点：Divi 团队成员

Divi 的人员模块是展示您的员工的好方法。 它包括他们的姓名、职位、社交媒体链接、描述和图像的位置。 这是一个简单的模块，此人的所有信息都存储在模块本身中。 如果您想添加类别并根据这些类别选择要显示的团队成员怎么办？ 如果您想一次为每个团队成员更改设计怎么办？ 布局选项或过滤器怎么样？

名为 Divi Team Members 的 Divi 第三方插件正是这样做的。 它向 Divi Builder 添加了 6 个模块，具有多个布局选项和样式功能，以及一个用于创建团队成员的区域。 您可以根据需要放置任意数量的模块，并选择每个模块将显示的类别。

让我们来看看 Divi Team Members，看看它能做什么。 这些示例中的图像来自 Elegant Themes 布局。 我正在使用方形和圆形图像的组合。

安装和激活 Divi 团队成员

上传并激活 Divi Team Members 插件后，您需要激活许可证。 在仪表板中，转到 设置 > 迪维团队成员，然后输入您的 API 密钥和电子邮件。

Divi 团队成员菜单

一个新菜单被添加到名为 团队成员. 在此菜单中，您将找到团队成员列表、创建新团队成员的区域、部门类别和设置。

添加团队成员

创建团队成员 包括 TinyMCE 编辑器、部门类别、团队成员图像和团队成员信息。 您可以在这里添加内容和创建类别，就像使用 WordPress 帖子一样。 创建团队成员并点击 发布.

团队成员 列出您创建的每个团队成员。 您可以搜索、执行批量操作以及按类别查看。

部门类别 与普通的 WordPress 类别一样工作。 添加名称、slug、父级、描述等。

通用设置 允许您设置内容的显示长度、选择存档页面、设置存档页面布局（网格或列表）、选择每页的成员数、显示过滤器、分页和详细信息链接。

Divi 团队成员模块

Divi Team Members 插件向 Divi Builder 添加了 6 个新模块：

• 团队成员
• 团队成员网格
• 团队成员水平视图
• 团队成员名单
• 团队成员滑块
• 团队成员表

大多数模块包含相同或相似的选项，但显示方式不同。 团队成员和团队成员网格模块有 52 个布局选项。 其他功能包括类别过滤器、类别、排序、链接类型（包括自定义选项）、颜色选项、显示社交链接等。团队成员列表模块包括 4 个布局选项。 过滤器按钮内置了 20 种不同的样式。

“设计”选项卡包括团队名称文本、指定名称文本、描述名称文本、边框、框阴影和动画。 一些模块包括电话文本和网站文本的定制。 他们对字体有基本的自定义。

“高级”选项卡包含自定义 CSS 字段，因此您可以单独设置许多元素的样式。

凭借 52 种布局样式和 20 种按钮样式，它显然有足够的设计选项来创建您可能想要的几乎任何类型的样式。 每个元素都是可定制的。 您可以调整背景颜色、覆盖颜色、文本、图标和过滤器按钮。

Divi 团队成员示例

这是使用默认设置的团队成员模块。 它实际上显示了我所有的团队成员，但一行中只显示了三个。 团队成员显示为单独的卡片。 它缩放图像并在悬停时显示社交链接。 在这个例子中，我将鼠标悬停在中间的卡片上。 这是 Style1 布局。 即使是默认设置也有足够优雅的设计，可以按原样使用。

这是 Style2 布局。 它在悬停时添加了带有社交链接的叠加层。

Style3 在悬停时添加了阅读更多链接。

Style4 在悬停时添加了带有渐变和社交图标的叠加层。

Style6 添加了一个带有所有动画文本的圆形叠加层。

Style7 引入了社交图标并在底部添加了一个样式化的选项卡。

Style8 在悬停时将社交按钮引入右侧。

Style10 在悬停时以叠加形式显示文本，并将社交图标添加到左侧。

很多做跨境电商的朋友往往需要外国人的服务，比如录音、社媒代运营等等。我们整理出来很多低价且高质量的外国人服务商，分享给大家。
fiverr上15美元的海外社媒代运营服务
fiverr上25美元的Twitch设计服务
fiver上10美元的短视频广告投放服务
fiverr上15美元的视频编辑服务
fiverr上20美元的谷歌广告投放服务
fiverr上5美元的谷歌SEO服务
fiverr上10美元的英文文章撰写服务
fiverr上20美元的CMS网站建站服务
fiverr上40美元的手机APP开发服务
fiverr上30美元的linkedin代运营服务
fiverr上10美元的Guest Post做客博文服务
fiverr上15美元的红人营销服务
fiverr上20美元的discord运营服务
fiverr上15美元的社群维护服务
fiverr上10美元的shopify店铺优化服务

这是 Team Members Grid 模块的 Style1 布局。 它为所有类别添加了一个过滤器。 这是过滤器样式 1。

团队成员水平视图模块显示卡片中的所有信息。 这是布局 Style1。 它也是可过滤的。 这一个使用 Style2 作为过滤器按钮。

团队成员列表模块将图像移到卡片之外，并添加内容摘录和查看更多内容的按钮。 它还包括过滤器。 这是布局 Style1，其中 Syle3 用于过滤器按钮。 这是模块显示为椭圆形的方形图像。

WordPress花园粉丝福利

想做跨境电商独立站但是没什么钱？可以免费试用Shopline智能建站工具，一个月都不要一顿火锅的钱！（这里就可以在线申请！） 或者扫描下方二维码

团队成员滑块模块包括导航。 它不包括布局样式且不可过滤，但所有元素都是可定制的。

Team Members Table 模块显示一个表格，所有信息都排成一行。 每一行都是不同的颜色。 您可以单独设置奇数行和偶数行的样式。 我将鼠标悬停在底部的团队成员上方，它会改变颜色并增加悬停时图像的大小。

这是在优雅主题数字支付布局的关于页面中使用 Style13 的团队成员模块。 这是默认设置。

我做了一些修改，包括背景颜色、图标、边框、叠加层和名称文本。 我已将其设置为显示 2 名团队成员。 卡片的大小与显示 3 时的大小相同。如果我将它放在较小的列中，大小会发生变化。 如果我更改样式，颜色将保持该样式 – 因此我可以为每种样式设置不同的颜色。 社交图标在整个样式中保持不变。

这是 Style15。 它保留了社交图标的颜色，但我为覆盖层自定义的颜色是默认的，允许我为每种样式使用不同的颜色。

这是使用 Style16 显示 3 名团队成员的团队成员网格模块。 我已将它放在该部分的一个较小的列中。

这是使用 Style17 和 Random 进行团队成员选择的同一模块。 我将鼠标悬停在中间的团队成员上方，它在叠加层中显示社交图标。 颜色是默认的。

这是布局样式 19 和过滤器按钮样式 5 的团队成员网格。我更改了按钮颜色并向卡片添加了背景阴影以匹配。 在此示例中，我将鼠标悬停在过滤器中的视觉媒体上以显示按钮动画。

这一个使用 Design Agency 布局和使用 Style4 布局的 Team Members List 模块。

此团队成员列表模块使用 Style3。 我已经自定义背景颜色以在布局设计中发挥作用。 我已将其设置为仅显示一名团队成员。

这是 Design Agency 布局的 Our Work 部分中的 Team Members Table 模块。 我已经设计了与网站融合的颜色样式，文本使用白色，所有图标使用黄色。

您可以独立调整字体颜色。 我增加了几个团队成员，更改了字体的颜色，增加了团队成员姓名的字体大小并将其更改为Arimo（只有名称有这个选项，并且只有这个模块），为奇数添加了背景甚至行，并添加了带阴影的边框。

使用 Divi Team Members with Extra

Divi Team Members 与 Extra 配合得很好。 这是使用 Style2 的团队成员列表模块。

Divi 团队成员许可证和文档

共有三种许可证可供选择：

• 1 个站点 – 35 美元
• 5 个站点 – 60 美元
• 无限站点 – 80 美元

文档在开发人员的网站上作为下载文件提供。 这是一份 15 页的文档，其中包含有关每个模块的详细信息。

您可以在开发者网站上查看更多信息并购买 Divi Team Members 插件。

结束的想法

Divi Team Members 易于使用，并且在 Divi 布局中看起来很棒。 内置的布局样式如此之多，我觉得不需要进行太多自定义。 在几个模块中有 52 种布局样式和 20 种按钮样式，我很容易找到适合我的布局的东西。 大多数时候，我只需要设置颜色样式以匹配我的布局。

有几次我想将字体设为粗体或进行一些其他调整，但没有相应的样式选项。 样式功能仍在添加中，所以我相信这会得到处理。 我希望看到一些图像样式选项，例如大小和形状，以及更多字体样式选项。 拥有一个我可以选择的通用样式会很好，而不是在更改布局样式时必须创建相同的覆盖颜色。

如果您对一个简单的模块感兴趣并提供许多布局选项来显示您的团队成员，Divi Team Members 可能是您需要的插件。

我们希望收到你的来信。 您是否尝试过 Divi Team Members？ 请在评论中告诉我们您的体验。

特色图片来自 Sentavio / shutterstock.com