我必须为wordpress插件设计一个表单。此插件将在多个网站上使用。我的疑问是我如何才能表单设计尽可能通用,以便与wordpress主题的设计完美契合。由于表单可以放置在页面、帖子或小部件区域。
我还需要考虑的是,大多数WordPress主题现在都是"响应式"的,以反映移动设备上网站浏览量的增加。
我想知道你对这个话题的看法。
提前感谢。
这实际上是一个很好的问题,但另一方面它有点宽泛,因为你需要考虑很多事情,而目前,你提供的细节非常有限。
首先,我假设表单将在网站的正面。
为了实现最佳兼容性,IMHO,您需要:
1-尽可能简化HTML,但同时。。
2-使用所有必需的标准元素(以及HTML5支持)
3-不要直接应用任何CSS(见下文)
4-确保它对DIV订单有响应
5-制作一个易于瞄准的独特类别
6-如果必须指定宽度/高度,请为小部件设置条件。。。
根据我的经验,代码越简单,它就越能"适应"主题。
事实是,大多数主题已经(或应该)包含了最常见的表单元素的样式,如button
、input-fields
等(因为注释表单,而且这也是必需的)。
您还可以获取具有表单元素的示例数据,并阅读主题测试过程。因此,如果您坚持使用这些类和元素(例如注释表单中的类和元素),那么在大多数情况下都会很好。所有这些都是有条件的——因为你没有真正指定你需要什么样的表格以及它有多复杂。
关于第3点:
有几种方法。
- 制作了一些设计良好的通用"表单主题",用户只能选择一个选项
- 在设置中留下一个空的css和一个嵌入自己的css的位置
- 使用来自例如颜色选择器
- 以上所有内容的组合
所有这些答案都可以归结为一个词"灵活性"。
你需要考虑让用户尽可能地获得最大的灵活性,但同时为他们提供正确的工具来实现这一点