首頁 » 博客 » Ninja Forms插件如何处理WordPress表单样式

Ninja Forms插件如何处理WordPress表单样式

表单设计定义了用户如何在网站上与表单互动,突出重要操作,并使导航体验更加自然。在 Ninja Forms,我们深知表单样式不仅仅是为了美观,黎巴嫩电话号码库 它还关乎功能和提升用户体验。

这就是为什么我们为 WordPress 用户提供多种灵活的样式选项。事不宜迟,让我们开始使用 Ninja Forms 进行样式设计吧!

 WordPress主题兼容性

Ninja Forms 默认添加的样式非常少。我们的表单生成器旨在与大多数 WordPress 主题兼容,并自动继承您主题的样式。

继承主题的样式意味着表单构建器将匹配主题的默认样式,并采用相同的字体样式、颜色、按钮和其他主题相关样式,以确保表单与您网站的整体设计相融合。

如果您的主题为所有 HTML 表单元素添加了基本的默认样式,Ninja Forms 的外观将符合主题作者的预期。如果您的主题没有为主题元素添加样式,或者做出了一些奇怪的、自以为是的决定,Ninja Form 也会继承这些样式。

要使用默认主题和表单样式,并显示您的 WordPress 主题是否具有自定义表单样式,请确保禁用可在Ninja Forms > 设置 > 高级设置  下找到的Opinionated Styles 。

 

请记住,虽然 Ninja Forms 通常可以与 WordPress 主题很好地配合,但某些主题或 CSS 规则可能会导致与 Ninja Forms 发生样式冲突,并且可能需要自定义 CSS 来覆盖冲突的样式。

2. 内置的自以为是的风格

如果您的主题未对 HTML 表单元素进行必要的处理,Ninja Forms 会提供一些默认的样式约定。这些样式被称为“自定样式” ,您可以在“Ninja Forms”>“设置”>“高级设置”下启用/禁用。这里有三个选项:深色、浅色和“无”(禁用此设置)。

 

深色自以为是的样式是一种预定义的样式选项,它为您的表单提供更暗的主题和丰富的样式选择。这种样式可能包含大胆的对比和视觉冲击力强的元素,是时候采取更好的方法来改变营销管理了 通常使用深色背景和浅色文本,使表单具有独特的外观,旨在脱颖而出,并形成强烈的视觉效果。

浅色风格适用于简洁、主题浅白的设计。这种风格可能包括白色或浅色背景搭配深色文字,以及预设的字体、按钮样式和间距,营造出亲切易读的外观。这种风格非常适合主题较浅的网站,能够保持网站的可读性。

如果您将自定义样式设置为“无”,则默认 WordPress 主题将接管样式。如果您使用了样式插件,也应关闭此设置,以避免任何样式冲突。

3.布局和样式插件

我们的样式插件是定制 WordPress 表单的最佳选择。它不仅适合初学者,而且精通 CSS 的用户也会喜欢高级 CSS 部分,他们可以在其中编写自定义规则,实现更高级的样式。

布局和样式插件还为您提供了更多的样式灵活性,而无需费力自定义代码或编辑主题样式表。

一旦您在 WordPress 网站上安装它,您将在多个地方访问样式设置。

Ninja Forms 仪表板:

 

表单生成器中的高级选项卡:

 

各个表单字段下的“样式”选项卡:

 

请记住,如果您正在应用样式并使用布局和样式插件電報數據 请务必将自定样式设置为“无”,因为这将允许插件或主题将样式应用于表单。

我们的样式插件功能丰富,您可以轻松设置样式,如果您想更好地掌控表单设计,我们鼓励您尝试一下。但是,如果您只想使用我们的免费核心插件,请查看我们的文章:使用 Ninja Forms Core 插件免费设置 WordPress 表单样式!

返回頂端