阿拉善盟企业网站开发:使用DiviBuilder构建漂亮的博客文章

本周早些时候我们介绍Divi 2.4,这是Divi历史上最大的升级,也是我们最受欢迎的WordPress主题的一次飞跃。在这个更新中有许多很棒的特性需要探索,所以很难在发布的文章中描述它们,这就是为什么我们阿拉善盟企业网站开发决定做一个为期两周的信息博客文章,旨在教你如何充分利用Divi 2.4和它的新选项。在本系列的第三部分中,我们将讨论如何使用DiviBuilder来构建漂亮而引人注目的博客文章。

博客帖子在变,越好。

这,这个,那,那个故事驱动的帖子是博客革命的开始。设计师们已经在印刷媒体上做了很多年了,在那里,设计程序给了他们对页面的自由支配。创建动态文章,其中排版,形状和图像交织在一起,使每一页都有自己的个性。随着网络的发展,帖子也在不断发展,从简单的段落慢慢转变为混合媒体的杰作。

“纽约时报”的“纽约时报”是混合媒体故事驱动帖子的第一批例子之一。降雪物品。向下滚动这一页比你的平均阅读体验还要多。这样的帖子充分利用了电脑和浏览器提供的内容,将视频、图像、文本和与访问者的行为(如滚动)结合在一起,从而创造出更动态的体验。

从那以后,出现了许多类似的作品,比如保罗·福特(PaulFord)最近发表的38,000字的文章。什么是密码?“,这进一步推动了边界的发展。这些精彩的文章对读者来说是一个值得欢迎的改变,而你花更多的时间来完善你的文章的设计可以带来更多的活力。这是在线出版物的未来,这就是你如何在人群中脱颖而出的方式。

故事可以直观地讲出来。

故事可以用不同的方式讲述。当我们阅读一本小说时,我们完全依赖于文字和想象力。这与电影有很大不同,在电影中,叙事被不同的技巧所取代-一种由精心设计、表演和编排的文字、声音和视觉组成的组合。博客文章没有什么不同之处,因为它们是一个混合媒体的画布,工具和技术是他们经常无法使用的。当你读皮特克福克的作品时在黑暗中闪闪发光,鼠标轮的每一个卷轴都是在线翻盖书中的一个新框架,它将你一次一张地向前移动。当你探索杀害肯尼迪“国家地理”杂志把你带回了一个超现实的在线体验。

这些类型的博客文章现在可以使用Divi2.4,因为构建器现在已经为所有的帖子类型启用了!使用DiviBuilder,在使用WordPress附带的标准TinyMCE编辑器之前,您可以构建一些不可思议的东西。

一篇美丽的Divi博客的解剖

阿拉善盟企业网站开发一篇好的博客文章讲述了一个故事,并且讲得很好。要在网络等视觉媒体上讲述一个好故事,你需要考虑的不仅仅是你在写什么,但也你的文字是如何显示的。使用一个好的主题和一些伟大的基本排版风格是一个好的开端,但你仍然需要自己作出一些决定,如您的页面上的元素的顺序和结构。

1。别害怕丢下边栏-侧边栏的必要性越来越小。即使你在整个博客上都有一个侧边栏,你也可以考虑把它从一两个帖子中删除,这样你就可以利用屏幕的全部宽度(就像“降雪”和“代码是什么?”)。(上文的例子)。如果您确实希望在POST中保留侧栏小部件,但仍然希望保持完全宽度,可以考虑使用Sidebar模块将它们添加到页面底部的1列行中。这是可能的使用Divi的新的“全宽度”布局选项的文章,可在Divi主题设置框中找到。

阿拉善盟企业网站开发

2。别太疯狂-有时简单是你最好的朋友。有了Divi中所有可用的模块,在你的帖子中添加一些东西可能是很有诱惑力的。考虑到,即使将自己限制在基本元素(如文本和图像模块)上,仍然可以创建一个鼓舞人心的帖子,完全基于Divi的列布局如何安排这些元素。下面的例子博客文章几乎完全是由文本和图像模块创建的。

3。小心使用照片-美丽的形象可以使一个帖子看起来很棒,但糟糕的形象也会毁了你的设计。如果你在你的博客上使用照片,小心选择高质量的图片,有凝聚力的风格。找到好照片可能是个挑战,所以一定要检查一下。我们关于这个问题的帖子.

blog-post-1

点击此处查看“邮报”

4。阿拉善盟企业网站开发使用列使内容易于消化-当相同的格式被一次又一次地重复时(文本、图像、文本图像),很难接受长博客文章。很难分辨出彼此之间有什么关系,而且你很容易在帖子中迷失方向。使用Divi的列布局,您就有机会构造一个对您正在显示的内容有意义的布局。

5。注意你的空间-使用全宽度是一个很好的选择,但是使用边栏看起来也很棒。但是不要忘记根据你的侧边栏的大小和你网站的内容宽度来考虑你的内容的可用空间。通常,在启用侧栏时,在1/4列行中放置文本可能很难阅读。试着坚持1/3的列及以上。

blog-post-3

点击此处查看“邮报”

6。空白是你的朋友-给你的图片和文字一些喘息的空间。使用Divi,每个模块、行和节都在“高级设计设置”选项卡中具有自定义间距控件。有时,在你的文字周围增加一些空间可以使你的文章更容易理解。不要担心事情是“上面的折叠”,或者你的页面太长。一个聪明的人曾经说过:“任何一页都不会太长,只是太无聊了。”一个有效的故事是耐人寻味的,好奇心会自然地拉下你的访问者。

7。把你的文字和图像结合起来-在精心制作的博客帖子设计中,每一篇内容在更大的画面中都扮演着很小的角色。每一张图片都应该远离它周围的文字。有这么多的机会创造引人注目的布局,让您的文本,图像和背景色一起发挥。注意在下面的柱子上,椅子上的弯道是如何让位给左边的吧台的。请注意,在上面的文章中,创建一个特别的细节步骤是如何伴随着右侧的教学图像的。

8。使用区段背景组织内容-使用章节来分离更大的内容块是一个很好的方法,可以使你的文章更有条理,就像故事中的章节一样。

post-2

点击此处查看“邮报”

使用Divi的POST标题模块给您的帖子一个独特的外观

在Divi2.4之前,所有帖子都有统一的布局,包括帖子标题和元数据。随着DiviBuilderforpost的引入,我们希望确保您的文章的所有内容都是可定制的,包括显示您的标准POST元素:POST标题、Meta数据和FeatureImage。现在可以使用职位名称模块.

禁用标准后标题显示

使用Divi编写帖子时,现在可以禁用标准的POST标题显示。一旦禁用,您就可以自由使用DiviBuilder构建整个帖子,包括帖子标题。

post-title-disable

使用Divi POST标题模块

一旦标准的帖子标题已被禁用,您可以使用Divi POST标题模块自动添加一个自定义和漂亮风格的帖子标题到您的页面顶部。

post-title-module

此模块自动显示重要的帖子信息,如您的帖子标题、作者姓名、发帖日期、评论数量、类别和特征图像;所有您通常会在帖子顶部找到的内容。这些信息可以切换和关闭,也可以重新安排成不同的布局和样式使用邮政标题模块设置。

这让你可以为你的博客创建一个全新的外观。例如,在下面的文章中,我们已经禁用了支持Divi POST标题模块的标准POST标题显示。我们设置模块显示特色图像作为背景,还添加了自定义文本样式的标题和半透明的背景到文本。有一个广泛的外观,可以实现使用不同组合的帖子标题设置。

post-title-example

玩得开心,开始实验吧!

阿拉善盟企业网站开发希望这篇文章能给你一些关于Divi Builder如何被用来帮助你的博客从人群中脱颖而出的一些想法,通过建立故事驱动的、混合媒体的文章,这些文章很少出现在大型开发团队的大型在线出版物之外。试着多花点时间在下一篇文章的设计上,看看会发生什么。相信我,你的访客会被吹走的!





二维码