通用插件表单设计

Question

我必须为wordpress插件设计一个表单。此插件将在多个网站上使用。我的疑问是，我如何才能使表单设计尽可能通用，以便它能很好地适应并与wordpress主题的设计融为一体。因为表单可以放在页面、帖子或小工具区域中。

我还需要考虑到，大多数WordPress主题现在都是“响应式”的，以反映移动设备上越来越多的网站浏览量。

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

提前谢谢。

Answer 1

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

首先，我将假设表单将位于站点的前端。

为了实现最佳兼容性，IMHO，您需要：

1-尽可能简化HTML，但同时..

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

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

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

5-创建一个简单的、有针对性的独特类

6-如果必须指定宽/高，则为小部件设置条件...

根据我的经验，代码越简短，它就越能更好地“适应”主题。

事实上，大多数主题已经(或者应该)包含了最常见的表单元素的样式，比如button、input-fields等(因为注释表单和well- it is required)。

您还可以选择具有表单元素的sample data，并读取theme testing process。因此，如果您坚持使用这些类和元素(例如，注释表单的那些)，那么在大多数情况下就可以了。所有这一切都是在有条件的情况下进行的-因为您并没有真正指定您需要哪种形式，以及它有多复杂。

关于第三点：

有几种方法。

• 制作了许多设计良好的通用“表单主题”，用户只能选择一个选项..
• 留下一个空的css，并在settings.
• Create中嵌入自己的css一组完整的CSS IDs和类，以及上述所有
• 的颜色选择器中应用的规则。

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

您需要考虑让用户获得尽可能大的灵活性，同时为他们提供正确的工具来实现这一目标。