香港网站建设:WordPress拖放系统的发展

很久以前,我们并没有这样的幻想拖放系统。如果你想把东西从屏幕的一边移到另一边,你必须进入FrontPage,Dreamweaver,或者你用来创建你的网站的任何东西,并为它在屏幕上的存在创建一个位置。然后,您必须从其位置剪切内容(文本、图像等),并将其粘贴到新位置。然后你必须调整所有东西的尺寸,直到它看起来像你想要的那样。每一次改变都会影响到其他一切。

没有“只要用鼠标抓起它,然后把它扔到你想要的地方就行了。”即使您使用的是一个网站的主题,您仍然需要剪切和粘贴的元素手动。还有,我们的手机有天线。那是10年前的事了。

拖放后的网页设计

哇。看看我们走了多远!我们现在能够通过拖动一个对象并将它放到我们想要的位置来构建一个页面。完成了。不需要编码。

即使在WordPress的世界里,我们也已经从拖放小部件、拖放页面、拖放主题的能力。

过去,如果你想要你的WordPress布局看起来不同,你只需要找到一个新的主题,或者开发一个新的主题。如果您喜欢您所拥有的主题,并且您想用您的布局来更改一些东西,那么您必须深入到代码中,并对您想要的更改进行编程。你的另一个选择是聘请一个开发人员为你做这件事。

今天的拖放系统更加复杂。我们现在可以设计和构建一个页面,甚至是一个完整的页面,具有直观和强大的拖放系统。

这,这个,那,那个HTML 5规范包含对拖放API的支持。功能包括拖放文本、HTML代码、HTML元素和文件。

CMS‘s威利使用拖放作为其处理内容的一部分。事实上,它是如此集成到系统中,以至于您无法在不将该内容的元素拖放到内容区域的情况下创建内容。

拖放与WordPress集成

拖放已经在WordPress的幕后工作了一段时间,使我们能够在小部件区域中拖放小部件。它始于2008年:

  • 2008年12月11日发布的WordPress 2.7允许用户拖放仪表板部件。

  • 2011年12月12日发布的WordPress 3.3增加了一个拖放上传器,这样媒体就可以被拖到上传屏幕上。

  • 2014年4月16日发布的WordPress 3.9增加了将媒体直接拖放到帖子编辑器上的能力。我们现在可以通过将媒体拖到屏幕上来上传媒体。

拖放可生成WordPress页面

第三方香港网站建设开发人员通过拖放系统为WordPress添加了更多的后端和前端使用。这些系统,无论是作为插件,还是作为主题,给了用户更多的设计和开发能力,他们的WordPress网站。以下是对其中一些系统的快速查看。

插件

有两种类型的插件,使用拖放的WordPress:那些建立页面在你的主题,和那些建立完整的主题。

拖放页面生成器

香港网站建设

 

优雅的主题拖放插件提供了工具,这样您就可以在页面和帖子中拖放内容。它适用于任何主题,实际上是创建了一个画布,您可以在页面上的任何地方放置元素。您还可以将其保存为模板,这样就可以轻松地重用它。您可以创建列、框、切换、按钮、选项卡、滑块等。这是在不需要使用HTML或短代码的情况下完成的。让我们仔细看看这个插件。

帆布

您可以删除有列的模块,也可以不带列的模块。如果没有列,模块将占用页面的全部宽度。香港网站建设对于列,可以控制模块的大小。首先,将列添加到画布中。您可以从各种宽度中进行选择,其中包括1/2、1/3、1/4、2/3、3/4和可调整大小的宽度。列将是占位符并决定页面的设计。你可以极快的速度完成页面设计。如果你想要一个不同的位置,你只需拖动它,并把它放在你想要的地方。轻松点。

 

接下来,将模块添加到列中。您可以添加徽标、纸张、视频、推荐信、标语、图像滑块、按钮、水平栏、列表、切换、选项卡、简单滑块、定价表、框、文本块、小部件区域或图像。您只需将它们拖到列中即可。香港网站建设可以用任何你想要的方式重新排列它们。每个元素都有一个特性列表和一个编辑器,您可以在其中添加内容。

接下来,将内容单独添加到每个项目中。

这是一种快速创建高级布局的好方法,而无需进行任何编程。您可以嵌套元素并将它们拖到任何地方,以便在几分钟内创建专业的质量设计。

价格

拖放是优雅主题开发程序包的一部分。它每年花费89美元,包括访问所有插件和主题、永久主题更新、高级技术支持和分层Photoshop文件。

速度页

 

此插件适用于大多数WordPress主题,并允许您在前端开发页面。他们的名声是,你不需要使用管理面板的内容创建。您仍然需要您的管理面板,但您可以做很多与前端WYSIWYG编辑器,以布局您的网页任何你想要的方式。它既快又容易。它包括一些创建列和行的良好布局工具,您只需单击要编辑的元素就可以插入和编辑内容。您可以为页面创建布局并添加内容,包括注册表单、图像、视频和社交媒体,所有这些都来自前端。这是直观的使用和主题看起来很棒。

这是一个有三种不同定价选项的高级插件:Basic在1个站点上使用,包括基本页面模板,Plus在最多3个站点上使用,包含独家高级页面模板,而Professional是247美元,用于无限制站点,包括高级页面模板。

视觉作曲家

 

这个插件带有前端和后端编辑器。它适用于任何主题,并将与您现有的内容一起工作。您可以访问45个内容元素来设计页面。您可以轻松地添加文本、图像、按钮、行、分隔符、选项卡、网格、图像旋转木马、图像库、单个图像、滑块、调用操作、消息框、社交媒体按钮、饼图等等。后端允许您从管理面板中生成具有拖放功能的页面。它支持多个站点。所有布局都有响应。

这是一个具有多个许可选项的高级插件。普通许可证为28美元,供单一客户端和用户不收取费用的单一产品使用。扩展许可为140美元,供单个客户端和最终用户收取费用的单一产品使用。

香港网站建设该平台本身可以通过第三方开发人员的高级附加功能进一步扩展。插件包括模板、短代码、网格、表格、WooCommerce、Widget、CSS、图标、社交共享、等距块、定价表、徽标等等。加载项的价格平均在15美元左右。

页面生成器

 

页生成器是一个非常流行的免费插件原点。它在后端为小部件创建响应列,允许您使用小部件作为页面的构建块。页面元素包括按钮、动作调用、列表、价格框、动画图像和证明。它包括一个图库小部件,您可以插入图像、一个常规图像小部件、一个视频小部件和一个POST循环来显示一个帖子列表(只要您的主题支持它)。他们还收集了自由主题你可以用。对于免费插件来说还不错。

主题

插件并不是您设计具有拖放功能的自定义页面的唯一选项。今天,越来越多的主题已经内置了这个功能。这里是一个简单的看几个主题与拖放元素。有些功能内置了拖放功能,这样您就可以按照所需的顺序重新排列几个元素,而其他元素则允许您通过在任何地方拖拽模块来完全构建布局。

可转换

 

优雅的主题“可转换”允许您使用包含的构建器使用拖放构建页面。您可以将模块放到画布上,调整大小,并根据需要重新排列它们。您可以使用列和嵌套元素创建高级布局,而不必使用短代码。模块包括按钮、图像滑块、列表、色带标题、引号、推荐信、纸张标注、内容滑块、框式、视频嵌入、切换内容、选项卡式内容、图像灯箱、徽标、表等。

登陆页生成器

拖放系统与拖放PageBuilder插件的工作原理完全相同。添加列并将模块放置在列中。您可以拖放模块和列来创建任何您想要的布局。完成后,您可以得到一个看起来很专业的布局,而不必使用一行代码。

可转换是69美元一揽子计划的一部分,其中包括87个主题、永久主题更新和优质技术支持。

尼克斯

 

另一个来自优雅主题的主题是Nexus,它具有拖放功能。香港网站建设可以通过在网格上拖放元素来构建您的主页。您可以按任意顺序添加、删除和重新排列模块。

主页生成器

模块出现在Nexus主页生成器选项卡中。模块包括最近的帖子,流行的帖子,最近的评论,以及来自几个类别的最近的文章。只要按你想要的顺序拖放它们就行了。你也可以删除它们。还有5个布局生成器小部件区域,您可以将小部件放到其中。

Nexus是69美元一揽子计划的一部分,其中包括87个主题、永久主题更新和优质技术支持。

迪维

 

优雅主题的最终拖放主题是Divi。Divi的核心是一个页面构建器。您可以选择不使用Divi构建自己的自定义布局,而是使用内置模板之一。你可以保持模板的原样,或者根据你的心愿定制它。

divi为您提供了从后端完全通过拖放设计页面的工具。您可以在屏幕上任意位置拖放行、列和模块。您只需将行和列拖到所需的位置,然后将模块拖放到它们上。行和列用于设计布局,模块用于添加内容。您可以使用带有或不带列的模块,但就像插件一样,列允许您控制它们的大小。

模块是在Divi中构建页面的构建块,其中有很多。它们包括标题、菜单、滑块、组合、地图、博客、登录、文本、定价表、调用行动、酒吧柜台、侧边栏、联系人表单、切换、分隔器、商店、倒计时器、手风琴、推荐信、视频、信息、标签、图库等等。

让我们来看看它是如何工作的。

在Divi中创建自定义页面

创建自定义页面很简单。在页面上,选择“使用页面生成器”。然后可以开始插入列或从模板中选择。

 

接下来,单击InsertModules并选择您想要的内容。

 

现在,您可以将模块拖到任何您想要的位置。

 

您还可以从32种预定义布局中进行选择,然后开始插入模块。您可以拖放每个元素和模块,使页面成为您想要的任何内容。您可以将布局保存为模板,以便再次使用它。使用Divi既简单又直观。根本不需要花费太多的时间就能掌握布局页面和进行更改的诀窍。

divi是当前优雅主题“最强大和最先进的主题”。这也是我们提供的69美元套餐的一部分。

最后通牒

 

最后通牒在后端发挥其魔力,允许您拖放元素来创建页面。使用行和列构建页面布局,然后在这些区域中放置WordPress小部件。它将允许您在任何位置使用任何小部件。这些特性的清单非常广泛。它允许您通过对表单进行选择来进行广泛的CSS编辑。

只要从下拉列表中选择字体样式、颜色、大小等,您就可以立即在屏幕上看到您选择的结果。您可以通过使用短代码来设置内置布局,它附带了许多自定义小部件,包括侧边栏、菜单、面包屑、搜索、自定义循环、注释、标记、表单、滑块、自定义内容等等。您也可以进口和出口您的设计。它与WooCommerce、BuddyPress和bbPress兼容。哦,它也是有反应的。

有两个终身许可证。初学者许可证是65美元,可以在无限域上使用。它包括对单个域的支持,对成员部分的访问,以及10个高级插件。专业执照给了你更多的实惠。它售价125美元,包括初学者许可证的所有功能,以及对无限域、主题/模板出口商、循环构建器、BuddyPress、bbPress、WooCommerce和移动Web应用程序生成器的支持。

包起来

由于拖放系统,Web开发和设计的世界变得更加简单和直观。这些系统大大简化了Web开发,并将其交付给了大众。同时,它们为开发人员创建了更直观的设计系统,节省了开发人员的时间,简化了设计,并改进了底线。

香港网站建设自从首次集成到WordPress小部件布局结构中以来,拖放已经走了很长一段路。它已经从重新安排几个模块到设计完整的布局。它正变得越来越流行,并肯定会改进我们建立网站的方式。

拖放就在这里停留,这只是个开始。我们已经在侧边栏中看到WordPress为小部件添加、拖放和拖放。在接下来的几年里,我们可能会看到更多的元素成为WordPress UI的固有元素。但是我们不需要等到那个时候,因为今天我们有了几个插件和主题,这些插件和主题给我们提供了简单的拖放设计。

你试过拖放插件或主题吗?你的经历是怎样的?我有没有漏掉你的最爱?我想在下面的评论中听到这一点!





二维码