石景山网络建设:divi插件突出显为了DTS可过滤的PortfolioGrid Pro

2019.05.24 石景山网络建设

53

divi的可过滤组合模块允许您在全屏或网格中构建组合。如果您想要一个不同的外观,为网格中的3或4列添加一个按钮和选项,该怎么办?这正是一个被称为DTS可过滤的GridPro的第三方插件所做的。

DTS可过滤的PortfolioGrid Pro为DiviBuilder添加了一个新模块。该插件为您的投资组合提供了一个新的外观,并在一个网格中有3或4列的选项。它显示项目的POST类型。它包括自定义按钮文本和自定义高级选项。

该插件可从开发人员的网站.

石景山网络建设在这个插件的突出显示中,我们将看看DTS可过滤的PortfolioGridPro,看看它能做些什么。图片摘自Unsplash.com。

安装DTS可过滤的Portfolio Grid Pro


上传并激活插件。激活插件后,导航到设置在仪表板中选择DTS可过滤的Portfolio Grid Pro激活。输入您的API键和电子邮件并保存更改。

模块设置


插件为DiviBuilder添加了一个新模块。它是蓝色的,所以很难错过。


内容设置包括文章数量、类别选择、显示标题、类别、分页、背景和自定义按钮文本。


“设计”选项卡包括布局、颜色、字体、图标、覆盖、边框和动画的设置。

示例-网格


默认设置使用3列网格.您可以在中间瓷砖中看到悬停动画。瓷砖包括图像标题部分和一个按钮放置在中心。下面显示类别。瓷砖显示一个阴影,它在悬停时移动。您可以猜到,这些元素中的每一个都是可自定义的。


在本例中,我将网格更改为4列,并调整了按钮背景颜色、按钮背景悬停颜色和按钮字体悬停颜色。四列布局更改图像大小以匹配。


在这个例子中,我减少了按钮的半径,增加了按钮的字体大小,改变了悬停图标及其颜色,并改变了悬停覆盖颜色。所有这些调整都是简单而直观的。


在本例中,我将边框半径取为0,以便为按钮创建方形角。我增加了按钮文本、标题文本的字体大小,并更改了字体样式。我还使悬停覆盖黑色与足够不透明的图像显示,并改变了悬停图标。


这一个降低了标题的线条高度。我还使字体的颜色变暗,增加了字母间距。我已经将类别字体设置为默认字体,并将其设置为斜体。按钮半径设置为100,我添加了自己的按钮文本。我还更改了覆盖颜色,选择了不同的图标,并将其颜色更改为白色。此示例还使用边框,边框设置为红色和2个像素宽。边框选项包括颜色、宽度和样式。


该模块有一个文本颜色选项的光明和黑暗,如果你使用一个黑暗的背景后面的标题,但目前没有一个选项,以改变背景后面的标题。我怀疑这是一个即将到来的功能。


石景山网络建设在模块后面应用背景设置(标准颜色、梯度、图像和视频)。卡接触边缘的背景颜色和没有填补调整在模块内。

这将使背景看起来很尴尬,但有几个简单的解决方案。您可以向部分或行添加填充,就像我在本文中的所有图像中所做的那样,也可以使用CSS将填充添加到模块中。


下面是我添加到模块主元素部分的Advancedtab中的CSS。它只是告诉Divi向所有4个位置添加填充。这些值与行和模块的填充字段的顺序相同:上、右、下、左。这意味着我给出了顶部填充值为40,右边填充值为30,底部填充值为20,左填充值为30。


结果正是我想要的-在所有四个方面的不同水平的填充。这使得背景特性更加可用,并且易于实现。

示例-过滤器


因为这是一个可过滤的投资组合,所以过滤器也是可定制的,这是合理的。正如预期的,字体样式、大小、对齐、颜色、间距和高度都有调整。到目前为止,我们已经看到了过滤器的默认设置。


此示例使用红色的Amatic SC字体。我增加了字体大小,但在默认情况下保留了间距和高度。


这个字体叫做Bevan。我用的是深红色。字体大小与以前的字体相同。


这个用的是阿沃。我缩小了字体大小,选择了深灰色。

动画


divi的动画也可以在模块的设置中使用。选择无,褪色,滑动,反弹,缩放,翻转,折叠和滚动。您也可以调整动画只重复一次或循环,选择方向,持续时间,延迟,强度,启动不透明度,和速度曲线。


石景山网络建设在此示例使用Rolle。我把其他东西都忘了。

在布局中使用PortfolioGrid


DTS可过滤的PortfolioGrid Pro在布局中看起来很棒。这里是一个例子,摄影布局与博客,投资组合,和联系形式。我正在为组合网格使用默认设置,它很好地混合在一起。

使用PortfolioGrid


DTS可过滤组合网格Pro也兼容额外。下面是与上面的Divi布局类似的布局。这也使用默认设置。我使用的是3列网格,图像大小不匹配。这是一个简单的修复-只需使用相同大小的图像。

许可证

有两个许可选项可供选择:单一站点和扩展。两者都包括终身更新和6个月的支持。

最后思想

DTS可过滤组合网格Pro易于使用,并提供了许多优雅的样式,使您的投资组合脱颖而出。有几个特性,我希望看到添加,如标题和元背景颜色,但它仍然提供了足够的功能,这是很容易被推荐的。如果您感兴趣的是一个可过滤的背景网格模块,其样式超出了标准的Divi模块,那么DTS可过滤的Portfolio Grid Pro值得一看。

我们想听听你的消息!您是否尝试过DTS可过滤的Portfolio Grid Pro?石景山网络建设让我们知道你在评论中是怎么想的。


最新案例

寒枫总监

来电咨询

18868949445

微信咨询

寒枫总监

TOP