在安排Web布局时,拖放已成为非技术人员最喜欢的方法。 也许这就是Wix ,SquareSpace和此类服务如此受欢迎的原因。 仅列举一些更酷的工具,这些工具可让您通过拖放操作完成更多工作,我们拥有:

  • 使用IM Creator创建漂亮的网站
  • 使用JQuery UI Sortable的自定义样式
  • 使用Canva创建具有专业外观的图形
  • 使用LayoutIt构建HTML Bootstrap布局!
  • 使用Dragdis保存,组织和共享Web内容

对于设计师和开发人员,我们很乐意在构建和组织页面布局时采用拖放方法。 例如,在构建WordPress网站时, 拖放方法将有助于节省大量时间。 在本文中,我们汇总了7个将此功能添加到WordPress编辑器中的插件。 如果您知道更酷的插件,请在评论中告诉我们。

1.由SiteOrigin创建的页面

Page Builder是一个插件,允许您通过自定义网格中每一列和行的划分来构建响应式网格。 该插件还带有一些布局模块,允许您添加诸如图库,图像,视频,按钮甚至价格框之类的内容。 可以通过WordPress Widget API添加新的布局模块。

wordpress页面和文章插件 wordpress页面构建插件_java

wordpress页面和文章插件 wordpress页面构建插件_java

2. PixGridder

PixGridder允许您轻松地将页面内容划分为网格。 创建列之后,您可以将文本添加到每个列的内容中,使用WordPress默认文本编辑器对其进行自定义,或通过短代码将其填充内容。 该插件还为每列带来了WordPress默认文本编辑器中的所有可用功能。

wordpress页面和文章插件 wordpress页面构建插件_python_03

wordpress页面和文章插件 wordpress页面构建插件_python_03

3. Aqua页面构建器

Aqua Page Builder使您可以创建要应用于内容的模板的独特变体。 将一个或多个可用块拖到模板构建器中,命名并保存模板。 使用生成的简码将模板应用于您的页面或帖子。

wordpress页面和文章插件 wordpress页面构建插件_python_05

wordpress页面和文章插件 wordpress页面构建插件_python_05

4. WR页面构建器

使用WR Page Builder ,您可以将布局模块(例如按钮,价格表,进度条,警报等)添加到帖子或页面中。 该插件在每个模块中提供了大量的自定义选项-您可以更改颜色,文本或图像等。 可以通过WordPress Widget API轻松添加新模块。

wordpress页面和文章插件 wordpress页面构建插件_java_07

wordpress页面和文章插件 wordpress页面构建插件_java_07

5. Live Composer Lite

Live Composer Lite允许我们从网站的前端构建页面布局。 激活此插件后,只需转到要编辑的页面,然后单击右下角的激活编辑器按钮。 现在,您可以轻松地将诸如文本,按钮,图像,标签之类的元素从底部拖动到页面区域。

wordpress页面和文章插件 wordpress页面构建插件_python_09

wordpress页面和文章插件 wordpress页面构建插件_python_09

6.极小值

Minimax是一个页面生成器工具,即使是无法编写代码的人也可以使用它来自定义WordPress页面或帖子。 通过使用Cols按钮定义要使用的列数来划分页面,然后将预定义模块(包括图像,手风琴,标签,文本等)中的元素添加到每列中。 最后,导出现成的布局以在您的站点上使用。

wordpress页面和文章插件 wordpress页面构建插件_html_11

wordpress页面和文章插件 wordpress页面构建插件_html_11

7.海狸建造者

Beaver Builder [ demo ]是另一个很好的插件,可让您在前端上构建布局。 插件带有15个预设页面模板,您可以直接使用它们。 还包括基本模块,例如标题,分隔符,文本编辑器以及一些高级内容,例如联系表,定价表和幻灯片。

wordpress页面和文章插件 wordpress页面构建插件_css_13

wordpress页面和文章插件 wordpress页面构建插件_css_13

翻译自: https://www.hongkiat.com/blog/customize-wordpress-drag-drop/