突出表单的引人注目的品

TG Data Set: A collection for training AI models.
Post Reply
Dimaeiya333
Posts: 556
Joined: Sat Dec 21, 2024 3:36 am

突出表单的引人注目的品

Post by Dimaeiya333 »

WPForms 还允许您向表单添加自定义样式的容器。您会发现大多数设置与上面的部分相同,但有两个选项是容器独有的:

填充:使用它来调整表单容器内的间距
阴影:添加特定大小的阴影效果或 推特数据 选择不添加任何阴影效果。
容器样式

我使用的主题自动添加了这些默认容器设置,由于我对结果非常满意,因此我将保留这些设置。

但是,如果您想为此设计添加自己的创意,请随意尝试并调整容器。

背景样式
通过背景样式设置,您可以添加背景图像或纯色以进一步质。

背景样式

方便的是,我们的团队精心挑选了图库,以补充 WordPress 表单。您可以从图库中选择一张图片,快速将图片背景添加到表单中。

库存照片

如果您希望上传自己的自定义图像,也可以选择上传。您可以上传新图像,也可以从“背景样式”选项中方便地从 WordPress 媒体库中选择一个图像。

为此,只需从图像下拉菜单中选择媒体库,然后按选择图像。

添加自定义背景图像

之后,WordPress 媒体库模型将打开,您可以在其中上传新图像或像平常一样选择现有图像。

现在,您已经完成了。此时,您的表单样式已完美设置。但我想向您展示表单样式的另一个功能。

访问高级 WPForms 样式功能

先进的
在字段、标签和按钮样式下方,还有另一个 高级部分。不要让名称欺骗您;它仍然很容易管理!

打开它,你会看到很多自定义 CSS 代码。

高级样式设置

当您使用 WPForms 的内置样式器时,此自定义 CSS 代码会自动生成并存储在此处。如果您想在网站上的多个表单上使用完全相同的表单样式,请复制此 CSS 代码并将其粘贴到每个表单的表单样式高级设置中。几秒钟内,您的表单就会匹配!
Post Reply