2019.05.24

杨浦企业网站设计:divi插件突出显示:内容强烈

DiviBuilder包括一个博客模块,可以根据类别显示全宽或网格布局中的帖子。你想要更多的控制你的博客布局吗?您可能对第三方插件“内容强烈”感兴趣。

内容密集是BeSupirly的一个插件,它增加了新的布局和样式功能,为您的博客模块提供了一个新的外观。它基于标准的博客模块,因此它包含了所有熟悉的特性。

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

杨浦企业网站设计在这个插件的突出显示中,我们将查看这些特性,并看看它在页面上的外观。我也会额外加载它(当然,它也与Divi兼容)。

安装内容密集

undefined 

上传和活跃内容强烈,就像任何插件。一旦插件被激活,您将在仪表板中的设置中看到一个新的菜单项,称为内容强烈插件激活。单击此命令,输入API键和电子邮件,并保存更改。

内容密集模块

 

一个新的模块被添加到DiviBuilder中,称为内容密集。

 

Content选项卡允许您只显示POST、Pages或Pages、要显示的数字、类别和偏移号。显示特征图像、元(允许您选择分隔符)、摘录、导航和背景。正如您将看到的,我严重地过度简化了设置中的选项数。

 

最独特的特性之一是将WordPress类别添加到页面中。如果选择显示页,则在选择其类别时会选择它们。

 

“设计”选项卡允许您从5个布局中选择一个,启用覆盖,调整标题文本、正文文本和元文本。还可以调整边框、按钮、间距和动画。

 

AdvancedThan包含按钮关系特性,这样您就可以指定链接的rel属性的值。这是很好的创建书签,设置一个链接,不跟踪,等等。

内容强烈默认设置

 

默认设置显示特征图像,作者的Gravatar与图像底部重叠。这是后面的文章元,标题,一行,文章摘录,阅读更多的按钮与悬停动画。我在部分中添加了一个背景,以帮助它脱颖而出。

 

杨浦企业网站设计在本例中,我为元分隔符添加了一个星号,将摘录计数从270更改为100,并将ReadMore按钮替换为居中文本。而不是日期,它显示了多久前发表的文章。我已经取消了评论计数。

 

这一个增加了一些颜色的背景背后的文字。我还将按钮移到右边,并将节选设置为150。

 

有五种不同的布局。到目前为止,我们看到的例子使用阿特拉斯-3列,垂直布局,与阿凡达。让我们看看每个布局。我在使用默认设置。

 

这是阿尔卑斯山。这是一个单列,水平交替的布局。文本背景与我在部分中选择的背景色相匹配。这些是平卡,有悬停效果的按钮。

 

这是喜马拉雅山,一个3列的垂直布局,使用文章的特色图像作为背景.它还使用按钮动画。如果不作调整,就很难看到这篇文章。我们稍后会用一个覆盖来解决这个问题。

 

这是落基山脉-一个具有悬停效果的3柱垂直布局。它还将特征图像作为背景。悬停效果显示完整的摘录和读取更多的按钮。我们将做一些调整,使文本更易读。

 

这是安第斯山脉-一个1列,垂直布局与阿凡达.它使用特写图像的裁剪版本,并使用较小的行来分隔元,使用较大的行来分离帖子。

 

在页面底部,您将看到导航按钮。您可以禁用它们或添加您自己的文本。它们采用其他按钮的样式,因此,当您对Read更多的按钮进行样式设置时,您也会对这些按钮进行样式化。您也可以使用文本而不是按钮。

例子-阿尔卑斯山与阿特拉斯

我使用两个内容密集的模块创建了这个博客布局。第一种是在没有导航的情况下使用阿尔卑斯山布局。第二个模块使用Atlas。我已经将其偏移量设置为1,这样它就不会显示与第一个模块相同的图像。我已经调整字体颜色到Arimo(我最喜欢的)。按钮使用渐变。在悬停时,它们会变成坚实的颜色,并增加字母间距。导航按钮匹配。

例子-阿尔卑斯山

 

我喜欢交替布局。我喜欢阿尔卑斯山的外观没有任何变化,所以我只是做了一些小调整。我添加了一个红色边框,红色覆盖,并更改了按钮和标题的颜色。我还把字体改为Doss,并使其粗体。这显示了悬停的覆盖。

 

其实我更喜欢没有边境线。这个显示了悬停的按钮。

例子-安第斯

 

这个例子使用了6个不同的内容密集模块-所有模块都使用Andes,每一个模块都比前面的模块多出1个。我给这个部分添加了一个背景和一个覆盖。标题字体为Comfortaa。最后一个模块使用导航。我已经把按钮改成短信了。

 

以下是普通的单列设计。我还添加了一个悬停覆盖。其他一切都是默认的。

例子-喜马拉雅山

这一个使用喜马拉雅山和一个覆盖在后面的文本。我已经禁用了元,将文本更改为光,将按钮样式更改为白色,并将按钮字体减少到12点。标题文本是苦涩的。我所包含的唯一动画是按钮悬停。这将使CTA或链接到描述您的服务的页面。

例子-落基山脉

我喜欢落基山脉的样子。它有一个很好的阴影效果与悬停动画,弹出文本和阅读更多的按钮。我可以放置一个文本覆盖,但我不想覆盖图像。相反,我把课文改成了灯光。我还更改了元和按钮的颜色,并将分隔符改为破折号。

 

当然,覆盖看起来确实不错。我增加了一个黑色覆盖,并改变了不透明度,所以一点点的图像显示。左上角的日期也使用覆盖。我将按钮更改为文本,并将其移至右侧。我喜欢卡片底部的那三个点和线。这是一个小细节,增加了一点视觉闪光。

示例-额外

内容紧张的工作与额外的伟大。在我使用安第斯山脉的地方,我只需要做一些小小的调整。在我的例子中,我为文本区域放置了一个白色背景。因为我使用了白色文本,所以我只是把它改成了黑暗。上面的例子是落基山脉。唯一的区别是阅读更多链接的文本颜色。

可下载样式 

动画可以通过CSS添加。开发人员的网站显示了他们创建的几个动画,比如上面在悬停上移动文本的动画。这个样式和其他样式可以是从他们那里下载在JSON文件中。

许可证和文件

从两个中选择许可证(两者均不允许转售):

· 标准许可证:在一个单一的网站上使用。它包括一个开发项目和一个实况项目。

· 无限许可:可以在无限制的网站上使用,供个人和客户使用。

更新是自动的。内容密集可从开发人员的网站.

文档在开发人员的网站。它带您通过调整,并提供演示过程中。

最后思想

内容密集有一些很好的布局功能,将来还会增加更多的布局,所以这只是个开始。每个布局都可以通过模块的调整进行样式化,甚至可以使用CSS进一步定制。使用起来很直观。如果你有兴趣给你的博客一个不同的外观,内容强烈可能是你正在寻找的插件。

我们想听听你的消息。你试过内容紧张吗?请在杨浦企业网站设计下面的评论中告诉我们您在这方面的经验

 


Previous Next

最新推荐

浦东网站建设哪家比较好:如何构建网站以更有利于业务发展

2018.8.8

浦东网站建设哪家比较好:如何构建网站以更有利于业务发展

浦东网站建设哪家比较好:如何构建网站以更有利于业务发展随着互联网的不断发展,用户对网站的体验要求也越来越高。我们应该怎样做才能使网站更高质量,更贴近用户?在竞争风暴中更好地发展。让我们来谈谈如何构建网站以更有利于业务发

more >

上海网站建设工作室:网站导航设计要注意什么?

2018.8.8

上海网站建设工作室:网站导航设计要注意什么?

上海网站建设工作室:网站导航设计要注意什么?网站导航是大多数网站必备的工具上海网站建设工作室,也是用户访问网站的目录。每个网站也通过网站导航设计和设计。良好的导航可以快速使用用户了解相关业务。基本信息还可以有序地显示公司内容。

more >

杨浦企业网站设计公司:制作网站的过程有哪些?

2018.8.8

杨浦企业网站设计公司:制作网站的过程有哪些?

杨浦企业网站设计公司:制作网站的过程有哪些?如何在网站上解决这个问题与学习其他知识是一样的。它需要一定的计算机基础。拥有良好的计算机基础后,学习起来会容易得多。让我们仔细看看制作网站的过程。首先,确定主题在创建网站之前,您需

more >

普陀做网站的公司:在网站建设中如何改进内容设计呢??

2018.8.8

普陀做网站的公司:在网站建设中如何改进内容设计呢??

普陀做网站的公司:在网站建设中如何改进内容设计呢??在网站建设工作中,内容是改善用户体验的主要部分。与搜索引擎优化和博客相比,提高设计内容质量更为重要。它是您的网站和品牌标识的一部分,也是用户可以积极参与网站互动的重要

more >

浦东网站建设公司排名:如何更好得进行网站内容构建

2018.8.8

浦东网站建设公司排名:如何更好得进行网站内容构建

浦东网站建设公司排名:如何更好得进行网站内容构建网站建设的重点是内容的构建。如果内容不好,则用户不会浏览产品,也不会销售产品。因此,网站的建设主要是内容的构建,这与网站的成功有关。那么网站内容构建的技巧是什么?首先

more >

普陀网站开发公司:如何设计符合网站建设用户体验的内容?

2018.8.8

普陀网站开发公司:如何设计符合网站建设用户体验的内容?

普陀网站开发公司:如何设计符合网站建设用户体验的内容?在网站建设工作中,内容是改善用户体验的主要部分。与搜索引擎优化和博客相比,提高设计内容质量更为重要。它是您的网站和品牌标识的一部分,也是用户可以积极参与网站互动的

more >

普陀网站设计建设公司:在网站建设中要注重哪些细节?

2018.8.8

普陀网站设计建设公司:在网站建设中要注重哪些细节?

普陀网站设计建设公司:在网站建设中要注重哪些细节?如今,越来越多的人掌握了网站建设的技术,建立了自己的网站。但是,在网站建设过程中,有必要注意哪些方面可以使其建立的网站能够迅速发展。普陀网站设计建设公司Internet可以连接到rails

more >

奉贤网站建设公司排名:网站建设中要注重哪些细节?

2018.8.8

奉贤网站建设公司排名:网站建设中要注重哪些细节?

奉贤网站建设公司排名:网站建设中要注重哪些细节?网站制作标准与公司的不同定义不同,不同的需求有不同的优先级。因此,这不是一个非常明确的,但它可以做得很详细。网站建设中有很多细节。成功的关键,无论是网站的整理,还是网

more >

虹口高端建站:如何进行网站制作?

2018.8.8

虹口高端建站:如何进行网站制作?

虹口高端建站:如何进行网站制作?网站制作是网站建设中最重要的一步。用户对公司网站印象的主要来源是网页。一个好的企业虹口高端建站网站不仅可以让用户感受到网站的美感和氛围,还可以让公司通过网页隐藏起来。语言传达了公司的概念,提

more >

金山网站设计公司:网站设计的美感是什么?

2018.8.8

金山网站设计公司:网站设计的美感是什么?

金山网站设计公司:网站设计的美感是什么?有人问,网站设计的美感是什么,不同的人的美学是如何不同的,以及如何让观众喜欢这个网站。在当前的互联网时代,网站已经开始普及,每家公司都有自己的网站,每个网站。他们都有自己的风格。

more >