WordPress大大简化了独特的外观设计。 但是,如果您想获得令人印象深刻的结果,仍然需要一些工作和一些精选的工具。 默认情况下,WordPress提供了可以帮助您的功能-例如 实时预览选项 -但仍然有些局限。

幸运的是,您可以通过使用 页面构建器. 这种类型的插件通常允许您将各种设计元素拖放到您的网页上,从而扩展您的自定义选项,而无需弄乱代码。 一些 WordPress 主题在一个方便的包中为您提供所需的一切。

在本教程中,我们为您的WordPress博客列出了一些页面构建插件,为您做了初步工作。

但是之前,让我们一起发现 如何安装WordPress博客7步骤 et 如何找到,安装和你的博客激活WordPress主题.

然后,回到我们为什么在这里。

1.通过SiteOrigin创建页面

SiteOrigin创建的Page Builder可以持续使用。 在那个“永恒”中,它设法在WordPress.org上收集了超过一百万次的主动安装,使其成为该列表上最流行的可视页面构建器插件。 虽然SiteOrigin Page Builder比此列表中的大多数其他选项要轻一些,但它提供了出色的性能和大量的CSS控件。

Siteorigin页面构建器插件e1544278344165

SiteOrigin有两个界面可用于创建布局。 您可以拖放块或单击特定的块进行编辑。 该编辑器为您提供了最多的工作空间,但缺少实时预览。

发现我们的 10 WordPress插件 在您的博客上接收捐款

它与该列表上的其他页面构建器不同,因为您将无法实际拖放预览。 您不能将设计另存为模板,但是可以轻松克隆现有页面以实现类似功能。

发现我们的指南 如何正确添加WordPress的jQuery代码

如果您不知道CSS,SiteOrigin页面构建器的样式选项与其他可视页面构建器相比将令人失望。 但是,如果您对它们感到满意,它们实际上会非常有用。 SiteOrigin的页面生成器留下了HTML代码和 .

下载 | 演示 | 虚拟主机

2.元素

Elementor WordPress插件最初于2016年推出,是该列表中最年轻的页面构建器之一。 尽管起步较晚, Elementor 在WordPress.org上迅速积累了超过1的活动安装,使其成为最受欢迎的可视WordPress页面构建器之一。

Elementor专业E1544277036401
赢得声誉的原因在于其流畅的视觉界面,不同的样式选项以及其他强大功能,例如完整创建WordPress主题。

另请参阅: 6个WordPress插件可为您的表单添加自动填充功能

它的界面分为两个主要部分,第三个区域用于某些参数。 Elementor的免费版本提供28个免费小部件。 专业版带来了大约30个其他小部件,专业版中总共有58个小部件。

另请参阅 23成功撰写博客的必备工具

免费版本包括大约40种免费模型,而Pro版本则提供了数百种其他模型。

 下载 | 演示 | 虚拟主机

3.海狸构造函数

Beaver Builder 长期以来一直是视觉页面构建器市场的中流砥柱。 它生成干净的代码(对于 页面构建器),深受用户和开发者的欢迎。 它以新功能和更新的形式定期受到关注。

海狸生成器e1544277075691
它具有官方扩展名,您可以将其关联以获得更大的灵活性。 Beaver Builder为其可视化生成器提供了独特的界面。 大部分工作将在 侧边栏 右侧,但仅在单击顶部栏按钮时才会显示侧栏选项。 因此,可以随时显示全屏预览。

另请参阅: 8 WordPress插件可翻译您的网站或博客

老实说,在弹出窗口中使用内联编辑有点麻烦。 但是您可以轻松地将编辑器固定到侧边栏以解决此问题。 在免费版本中,Beaver Builder仅允许您访问6个模块,但是您将能够使用标准的WordPress小部件。

另外发现: 8个WordPress插件可锁定网站内容

但是,高级版本使您可以访问30模块,并且它们都是模块化的,可以根据需要启用或禁用。

下载 | 演示 | 虚拟主机

4。 WPBakery页面构建器

另一个高级且非常受欢迎的页面构建器是WPBakery页面构建器,以前称为Visual Composer。 这种受欢迎程度大部分来自以下事实: WPBakery Page Builder 带有几乎99%的ThemeForest WordPress主题。 但是事实仍然是,它在很多网站上都使用过。

WordPress插件的WPakery页面构建器
与Divi Builder一样,WPBakery Page Builder允许您进行可视化编辑和后端编辑。 与Elementor或Divi Builder之类的东西相比,WPBakery Page Builder的样式选项有点受限制。 您可以很好地控制线条,但是单个元素的样式选项会受到更多限制。 通过发现我们更进一步 有关Visual Composer的教程以及如何使用后者创建专业网页

如果要使用自己的CSS,则可以添加类或标识符 自定义CSS 设置为单个元素,也可以将实际样式添加到页面级别。

我不确定WPBakery Page Builder是否具有特别值得注意的独特功能。 但是他有的是 庞大的扩展社区.

下载 | 演示 | 虚拟主机

5。 Divi Builder

Divi Builder是一个高品质的页面构建器,被Elegant Themes高度重视。 尽管通常将它用作Divi WordPress主题的一部分,但Divi Builder还是一个独立的插件,可以在其他WordPress主题上使用。

迪维 e1544278044306

与之前的两家制造商不同 Divi Builder 允许您使用前端和后端的可视界面来编辑内容,尽管大多数用户更喜欢第一个界面。

基本上,相反 侧边栏,所有内容都在弹出窗口和浮动按钮中。 它使您可以访问分布在316个不同演示包中的40个预定义模板,还可以将自己的设计另存为模板。

Divi的特色之一一直是 样式控制 他给你的 在三个不同的选项卡上,您可以配置各种参数,包括响应控件,可自定义的间距等。

看看我们的 10 WordPress插件,保护您的博客

你甚至可以 添加自定义CSS,因为它的CSS编辑器集成了基本的验证和自动完成功能。 对Divi Builder的批评之一一直是,它基于短代码。 这意味着,如果您有朝一日禁用它,它将在您的内容中留下很多短代码。 虽然这有点令人沮丧,但是现在已经存在像Shortcode Cleaner这样的插件,这不再是一个问题。

下载 | 演示 | 虚拟主机

推荐资源

查找有关其他推荐资源的信息,以帮助您构建和管理网站。

结论

这里 ! 仅此而已 最好的WordPress插件 视觉页面构建器,旨在帮助您快速轻松地创建任何布局,而无需输入一行代码。 

但是,您也可以咨询 我们的资源,如果您需要更多元素来执行创建Internet网站的项目,请参考我们的指南 WordPress博客创建 或者那个 Divi:有史以来最好的WordPress主题.

如果您喜欢这篇文章,请不要犹豫,将其分享给您 社交网络 喜爱。 如果你有 评论 或建议,请随时在保留部分中告知我们。

...