福州网站建设设计:divi插件突出显示-剖面样式管理器Pro

2019.04.29 |
标签

福州网站建设设计在网络上有很多伟大的Divi设计。有一件事,使许多最好的Divi主题脱颖而出的是部门划分。部门划分是一个伟大的方式添加一些视觉照明弹到您的网站。添加它们的最好方法是使用CSS样式,但您不必知道CSS才能将它们添加到Divi网站。您可以使用一个名为区段风格管理器专业插件。

节样式添加了各节彼此分离的独特方式。标准部分是笔直的。造型可以创造独特的角度,盒子,圆圈,三角形,等等。即使是像角度这样简单的东西也能使你的网站脱颖而出,看上去更有趣。在这个插件概述中,我们将查看SectionStyStyManagerPro中可用的样式,看看它有多容易使用。

区段样式管理器Pro可从以下网址获得:螺栓主题

模块编辑器以及分离器的选择CodDrops,该插件提供了一种简单的方式来添加CSS样式,为您的Divi网站的部分创建28个独特的分隔符。

插件添加CSS类,然后可以使用适当的CSS类分配给节。你不需要知道CSS,甚至不需要知道类是什么。您只需从屏幕上显示的图像中选择所需的样式即可。你所需要知道的就是粘贴到一个字段中。

章节风格包括:

  • 3三角形
  • 3对角线
  • 3半圆
  • 2轮分裂
  • 三角
  • 2个滑块

高级包括:

  • 盒子
  • 城堡
  • 圆点
  • 双线
  • 折角
  • 印济
  • 多三角形
  • 圆边
  • 狭缝
  • 透明大三角形
  • 透明小三角形
  • 锯齿形

仪表板菜单

福州网站建设设计

上传插件后,一个新的链接被添加到仪表板菜单,称为节样式。这将打开菜单屏幕,在那里您可以看到可用的样式和使用它们的说明。

使用样式

首先,福州网站建设设计在插件页面中的仪表板上单击要使用的样式。该样式的CSS类将自动复制到剪贴板。

福州网站建设设计

接下来,转到您想要样式的部分。进入区段的设置,选择自定义CSS,然后粘贴到名为CSS类.

最后,单击储蓄与退出更新页面。样式现在添加到该部分。

规则截面样式的例子

为了创建示例,我使用DiviLibrary的主页基本布局创建了一个测试页面。第二部分是带有文本的全宽度标题.这是我将添加样式的部分。为了帮助这个部分脱颖而出,我用蓝色设计了上面和下面的部分。

现在,让我们看几个例子。

三角形截面顶部

福州网站建设设计

这是三角区。这个把三角形放在上面。它也可以在底部,或在顶部和底部。

对角段

对角部分在顶部、底部或两者都添加对角线斜率。这把都用了。

半圆截面底部

这一个在顶部、底部或两者都放置了一个半圆。这个位置在底部。

圆裂截面曲顶

这是圆分裂风格与弯曲的顶部。它还可以选择弯曲的底部。

夹角

角样式将一个角度放置在左、右或两者都在该部分的顶部。这把都用了。

滑块全屏

这种风格与全屏滑块一起工作,让你很容易地使滑块水平占据全屏或半屏幕。这是一个全屏幕滑块。

如果您在部分中有其他内容,该模块将不会显示为全屏幕或半屏幕。在上面的图像中,原始行和滑块位于同一部分。我设计了滑块的背景,所以它是分开的。

背景造型

要对背景进行样式化,只需在部分中选择背景色。样式将自动匹配背景色样式。

这个图上、下都是三角形。

福州网站建设设计

这个在底部使用对角线部分。

利用图像

虽然它只打算与颜色背景一起工作,它确实对图像有一定的作用,但它的反应与预期不同。使用尝试和错误,您可能会得到一些有趣的效果。视差关闭造型。公平地说,这不是他们的意图,我使用它与图像,所以这不是一个负面的插件,但我不得不实验,我认为这是值得一试。我确实建议在几个浏览器中测试您的图像,但是如果您决定尝试它的话。

高级剖面样式

高级区段样式添加了额外的自定义级别-它们具有更复杂的模式,并且可以使用主题定制器.

SSM高级主题定制器

将一个名为SSMAdvanced的新选项卡添加到主题定制程序中,并包括每个高级区段样式的选项卡。在这里,您可以独立地调整每种样式的颜色。这些是全局自定义,这意味着这些调整将出现在任何使用样式的地方。

盒子

盒子给你两种颜色的调整,这是伟大的创造城堡墙的效果。在上面的例子中,我使用了当前部分和下面部分的颜色来将这两个部分连接在一起。

圆点

你可以给前后的点一种颜色加上中间点另一种颜色的样式。

双线

双线可以独立设计。这里我用了两个红色的变体来配合这个部分的背景颜色。

折角

看看折叠式角落。我发现这种风格很难用,因为只有当你把角落的样式与该部分相匹配时,它才能真正发挥作用。我把角落的顶部设计得比这个区域的颜色更深一些,这样才能让它显得更突出一些。角落的背面要深得多,而下面的区域是完全不同的颜色。为了让读者的眼睛感觉到红色的部分,我可以在该部分中画一些其他的东西,看上去就像是在偷看。

印济

Inczigzag产生了一些有趣的效果。我已经使底部的背景色与上一节和下一节的背景颜色相匹配,以给出这个部分的效果,将它们重叠起来。

多三角

这是一个关于多重三角的研究。我加了一个深红的背景颜色,使它脱颖而出。

狭缝

这是一个关于狭缝的观察。它放置了一个大的乐队跨越顶部,并有两种颜色的造型。我使主背景匹配部分和第二个背景是一个更深版本的主颜色。

透明大三角

这是透明的大三角。为了对其进行样式设计,我使用了与它下面的部分相同的颜色来创建一个有趣的向下箭头设计。

在这个部分中,我添加了一个深蓝色的背景,并使用略浅的蓝色作为透明的背景颜色。

透明小三角形

这是透明的小三角造型与两个变体相同的颜色。

前端生成器

由于插件只是给您提供了一种简单的方式来添加预先生成的CSS类到您的部分,它实际上没有任何代码与之冲突或受到前端生成器的限制。您仍然可以使用前端生成器调整您的节样式,就像任何部分一样。

CSS的样式设计必须从主题定制器中完成,但可以从前端进行调整。正如预期的那样,您可以从前端将CSS类粘贴到适当的字段中。如果您喜欢使用前端生成器,您将不会有任何问题使用区段风格经理专业。

用它加上额外的

它很好的工作与网页和帖子在额外。类别生成器确实给了我一些格式化问题。我建议尝试不同的风格,看看什么最适合你的设计。

许可证、文档、更新和支持

区段风格经理专业可用于无限的网站为您和您的客户。

该插件包括免费的终身更新。更新是自动完成的,并在插件列表中添加了一个链接,您可以在其中检查更新。

在仪表板的页面上提供了文档,介绍了如何复制和粘贴CSS类,以及如何使用主题自定义器对高级样式进行样式设置。在插件的销售页面上有两个视频教程,您可以逐步使用这两种类型的样式。

终身支持通过电子邮件提供。你也可以发电子邮件给他们发售前问题。

最后思想

区段风格经理专业提供了一个简单的方式,以添加28节划分样式到您的网站。您需要将CSS类粘贴到您想要的部分中,但是只要在仪表板屏幕上单击您想要的类,就可以从多种样式中选择,从而简化了CSS样式化过程。不需要编程…只需单击并粘贴即可。

您可以在单个页面上的任意多个部分上使用样式,但我建议每个部分只使用一种样式。使用两种样式可能会导致冲突。插件很轻,所以在你的网站上没有额外的压力。

所有的风格使用该部分的背景颜色,并融入完美。高级样式提供了多个层,可以使用主题定制器单独着色。这是很容易匹配您的网站的颜色托盘或您自己的品牌颜色。

它可以从Bolt主题中获得(在这里找到:DIVI部门风格经理Pro)。如果您只想要基本样式和两种滑块样式,您可以尝试使用免费的精巧版本(见此处:部门风格经理Lite).


相关推荐

福州企业网站制作:2019年Facebook 12个最佳营销工具
 

福州企业网站制作:2019年Facebook 12个最佳营销工具

脸书不需要介绍。今天它夸耀地结束了16亿每月活跃用户如果你还没有把你的营销工作扩展到这个平台上,这就引出了一个问题-你到底在等什么?好消息是,从Facebook上开始营销并不难-任何人都可以创建一个页面,并立即开...
2019.04.29
福州网站建设设计:divi插件突出显示-剖面样式管理器Pro
 

福州网站建设设计:divi插件突出显示-剖面样式管理器Pro

福州网站建设设计在网络上有很多伟大的Divi设计。有一件事,使许多最好的Divi主题脱颖而出的是部门划分。部门划分是一个伟大的方式添加一些视觉照明弹到您的网站。添加它们的最好方法是使用CSS样式,但您不必知...
2019.04.29

最新文章

福州做网站:WordPress的HTTPS和SSL的最终指南
 

福州做网站:WordPress的HTTPS和SSL的最终指南

在过去的几年中,您可能已经注意到许多您最喜欢的网站已经从HTTP地址转移到HTTPS。增加的字母,虽然增加了很少的时间和精力,打字,增加了巨大的价值和这些网站的安全性。拥有WordPress HTTPS网站不...
2019.04.29
福州网站建设设计:divi插件突出显示-剖面样式管理器Pro
 

福州网站建设设计:divi插件突出显示-剖面样式管理器Pro

福州网站建设设计在网络上有很多伟大的Divi设计。有一件事,使许多最好的Divi主题脱颖而出的是部门划分。部门划分是一个伟大的方式添加一些视觉照明弹到您的网站。添加它们的最好方法是使用CSS样式,但您不必知...
2019.04.29

热门推荐

选择您希望福州网站设计成品的风格偏好,让我们通过精确的分析与筛选,为您推荐合适的版式布局,
为此,您可以节省最基本的沟通时间,
让我们把有限的时间,充分的用在对行业的分析及您企业网站建设的自身分析上吧
联系电话 400-6065-301

留言