忍者形态元素小部件:没有 CSS 的风格忍者形态

Master Addons 中的 Ninja Form 小部件是免费的,它将您在 Ninja Forms 插件中构建的表单放置在 Elementor 页面上,并为您提供标题、标签、字段、单选按钮和复选框、提交按钮和消息的样式控件。四种设计变体是免费的,另外七种还附带 Master Addons Pro。Ninja Forms 仍然处理字段、通知和提交。

如何将忍者形态添加到元素器中

您需要免费的 Ninja Forms 插件以及其中至少内置的一种表单。

  1. 安装并激活 忍者形态 wordpress。org 中,然后在忍者表单仪表板中构建您的表单。
  2. 检查一下 忍者形态 在主插件小部件设置中打开小部件。
  3. 使用 Elementor 编辑您的页面,搜索面板 忍者形态 并拖动小部件。
  4. 在中选择您的表格 联系表 下拉并选择是否显示 标签 並 占位符 文。
  5. "样式"选项卡中, 选择一个 设计变化的,然后调整输入、复选框、提交按钮和消息。
  6. 更新页面并发送测试条目以检查 Ninja Forms 是否收到它。
weforms 主插件中预设的小部件设计变体

设计变体:4 个免费,7 个专业版

设计变化 style选项卡中,将准备好的外观应用到整个表单中,style One到Style Four是免费的,Style Five到Style Eleven需要Master Addons Pro。选择一个作为起点,然后更改其下方部分中的详细信息。

  • 免费: 风格一、风格二、风格三和风格四。
  • 专业: 风格五到风格十一。
  • 内容选项: 显示或隐藏标签和占位符文本,以及错误消息和验证错误。

输入、文本区域和复选框样式

输入和文本区域 具有普通和焦点选项卡,具有背景颜色和边框,以及文本颜色、边框半径、对齐方式、文本缩进、输入和文本区域宽度和高度、填充、间距和排版。 无线电和复选框 可以用自定义样式替换浏览器默认值:大小、颜色、边框宽度和边框颜色、复选框和单选按钮的单独边框半径以及复选颜色。

  • 标签和占位符: 标签的文本颜色和排版,占位符的文本颜色。
  • 字段描述: 字段下帮助文本的颜色、排版和间距。
  • 标题和描述: 表格标题和描述的对齐、颜色、排版和页边空白。
weforms 在主插件小部件中形成容器样式
weforms 输入、文本区域和标签样式

提交按钮和表单消息

提交按钮 置对齐、全宽或自定义宽度、背景和文本颜色、边框、边框半径、填充、顶部边距、排版和框阴影,并带有用于背景、文本和边框颜色的悬停选项卡。消息部分为访问者在提交后看到的内容提供样式。

  • 成功消息: 文本颜色和排版。
  • 必填字段通知: 颜色、间距和排版。
  • 错误: 错误消息的文本颜色,以及验证失败字段的描述和边框颜色。

Elementor 短码小部件与忍者形式小部件

Free Elementor已经可以显示一个忍者形态:将其短代码粘贴到短代码小部件中,无论哪种方式,该形态的工作原理都是一样的,不同之处在于你是如何风格的。

特点Elementor 短码小部件主插件忍者表单小部件
价格免(元素核心)免费,专业版,可提供 7 种更多设计变体
添加表格贴[忍者_形式id="1"]之类的短代码从下拉中选择表单
造型您自己的 CSS字段、复选框、按钮和消息的样式选项卡控件
预设外观否4 免费,7 专业
隐藏标签或占位符CSS开关
字段、通知、提交内容忍者形态忍者形态

2条路由运行相同的忍者表单表单,小部件保存您编写CSS,以便将表单与页面的其余部分进行匹配。

其他形式小部件: 联系表 7 (免费), WP表格 (免费)和 重力形式 (专业版)。

模板查看器
脸书
推特
什么应用程序
复制链接
立即购买
玻璃接触表
玻璃接触表
商业查询表
商业查询表
基本联系表
基本联系表
高级联系表
高级联系表
带有联系表的 Google 地图
带有联系表的 Google 地图
联系表并订阅
联系表并订阅

忍者形态常见问题

了解用户对 Ninja Form 的询问最多的查询,并在一个地方找到答案。
我需要安装 Ninja Forms 插件吗?

是的。安装并激活免费的 Ninja Forms 插件并首先在那里构建您的表单。如果没有它,小部件将显示 “Ninja Forms is Not Activated” 通知而不是表单。

是的。主插件中的小部件和样式一到样式四是免费的。样式五到样式十一需要主插件 Pro。

我可以在移动设备上使表单响应?

是的。许多大小和间距控件,例如输入宽度和高度、填充、对齐和按钮宽度,都为桌面、平板电脑和移动设备采用单独的值。

Style标签中使用成功消息、必填字段通知和错误部分,他们为成功消息设置文本颜色和排版,为错误设置文本、描述和边框颜色,这些消息没有背景颜色设置。

趋势元素小部件和扩展

在更短的时间内构建复杂的网站。

Elementor 的 Master Addons Glassmorphism 扩展:模糊值控件设置为 20px 的磨砂玻璃卡

玻璃态

首页 免费元素玻璃化扩展:一键玻璃化中的磨砂玻璃效应是磨砂的。。。
查看详细信息
Elementor 的主插件容器额外扩展:容器上限为 1400px 最大宽度,具有最大宽度、最大高度、最小宽度和最小高度控制

集装箱附加信息

主页 Elementor 容器最大宽度和最大高度控制容器附加功能是免费的 Master。。。
查看详细信息
Elementor 的 Master Addons Patterns 扩展:具有紫色渐变网格左侧样式的英雄、另外三种图案样式和启用图案面板

图案

主页 70 多个免费元素器背景模式 模式是一个免费的主插件扩展,可添加...
查看详细信息
Master Addons 元素的帖子/页面复制器扩展:WordPress 页面列表中的 MA 复制器行链接创建着陆页 - [Duplicated #128] 草案

帖子/页面复制器

主页 一键复制元素器页面和帖子 帖子/页面复制器是免费的 Master。。。
查看详细信息
Elementor 的主插件阅读进度条扩展:隐私政策页面顶部填充 42% 的蓝色条,具有启用、位置、高度和填充颜色设置

阅读进度吧

主页 在 WordPress(元素)中添加阅读进度栏 阅读进度栏是免费的。。。
查看详细信息