通用插件表单设计



我必须为wordpress插件设计一个表单。此插件将在多个网站上使用。我的疑问是我如何才能表单设计尽可能通用,以便与wordpress主题的设计完美契合。由于表单可以放置在页面、帖子或小部件区域。

我还需要考虑的是,大多数WordPress主题现在都是"响应式"的,以反映移动设备上网站浏览量的增加。

我想知道你对这个话题的看法。

提前感谢。

这实际上是一个很好的问题,但另一方面它有点宽泛,因为你需要考虑很多事情,而目前,你提供的细节非常有限。

首先,我假设表单将在网站的正面。

为了实现最佳兼容性,IMHO,您需要:

1-尽可能简化HTML,但同时。。

2-使用所有必需的标准元素(以及HTML5支持)

3-不要直接应用任何CSS(见下文)

4-确保它对DIV订单有响应

5-制作一个易于瞄准的独特类别

6-如果必须指定宽度/高度,请为小部件设置条件。。。

根据我的经验,代码越简单,它就越能"适应"主题。

事实是,大多数主题已经(或应该)包含了最常见的表单元素的样式,如buttoninput-fields等(因为注释表单,而且这也是必需的)。

您还可以获取具有表单元素的示例数据,并阅读主题测试过程。因此,如果您坚持使用这些类和元素(例如注释表单中的类和元素),那么在大多数情况下都会很好。所有这些都是有条件的——因为你没有真正指定你需要什么样的表格以及它有多复杂。

关于第3点:

有几种方法。

  • 制作了一些设计良好的通用"表单主题",用户只能选择一个选项
  • 在设置中留下一个空的css和一个嵌入自己的css的位置
  • 使用来自例如颜色选择器
  • 以上所有内容的组合

所有这些答案都可以归结为一个词"灵活性"。

你需要考虑让用户尽可能地获得最大的灵活性,但同时为他们提供正确的工具来实现这一点

最新更新