iXiNX Club主要为自用型文档社区,同时也开放共用文档,欢迎爱好者加入并共享内容,翻译文档
iXiNX Club开放性测试进行中,欢迎体验反馈,如有任何问题均可联系管理员
LV2
DIY和其他教程:教程:创建前端提交表单
现在,您的用户可以在您的网站前端提交文章和自定义文章类型。你可以使用TagDiv Composer提供的短代码创建自己的表单:
  • Posts Form Title:自定义文章/CPT标题。
  • Form Content:向文章/CPT内容添加文本。
  • Form File Upload:添加您的特色图片/WordPress 支持的任何其他类型的文件。
  • Posts Form Taxonomies:在提交表单中添加、自定义和选择您的分类。
  • Posts Form Location Finder:使用位置查找器将更多信息添加到您的提交表单中,您可以在其中指定完整地址。
  • Form Input:在提交表单的输入中添加、自定义ACF字段的值并将其输入到您的输入中。
  • Posts Form Submit: 它包含一个具有多种功能的提交按钮。
如何设置前端提交表单

第一步 创建自定义字段和CPT,以防您想将其用作CPT提交表单。

第二步 将名为 “Posts Form Title” 的元素/短代码添加到您的页面。

第一个标签应该是title字段,以便您的用户可以为他们想要提交的文章或CPT编写自定义标题。
帖子标题表单元素
帖子标题表单元素
Posts-Form-Title-Element.png (141.14 KiB) 查看 3881 次
第三步 将名为 “Form Content” 的元素/短代码添加到您的页面。

“Use this for” 选项对于用户创建文章或CPT或允许用户更新自己的个人资料信息非常有用。

您可以使用 “Save/load from” 选项来指定需要将内容保存在哪个字段中。默认情况下,它保存在文章内容中,但可以是任何其他自定义字段 (ACF)。

选中 “Required field” 选项非常重要,这样用户就可以完成该字段。
内容表单元素
内容表单元素
Form-Content-Element.png (85.96 KiB) 查看 3881 次
第四步 将名为 “Form File Upload” 的元素/短代码添加到您的页面。

您需要从该下拉列表中选择“文件类型”。如果你需要另一个文件,那么你可以简单地添加另一个元素/短代码,并为该元素/短代码选择文件类型。

“Use this for” 选项对于用户创建文章或CPT或允许用户更新自己的个人资料信息非常有用。

您可以使用 “Save/load from” 选项来指定需要将内容保存在哪个字段中。默认情况下,它保存在配图中,但可以是任何其他自定义字段 (ACF)。

选中 “Required field” 选项非常重要,这样用户就可以完成该字段。
文件上传表单元素
文件上传表单元素
Form-File-Upload-Element.png (103.29 KiB) 查看 3871 次
第五步 将名为 “Posts Form Taxonomies” 的元素/短代码添加到您的页面(可选)。

此字段在您的提交表单中可以是必填字段,也可以是可选字段。如果您想显示您希望用户从中选择的自定义分类列表,以便在其文章/CPT中更具体,则此元素/短代码非常有用。
自定义分类表单元素
自定义分类表单元素
Posts-Form-Taxonomies-Element.png (83.76 KiB) 查看 3871 次
第六步 将名为 “Posts Form Location Finder” 的元素/短代码添加到您的页面(可选)。

如果您想显示地图和一些有关地址的有用字段以指出正确的位置,则此元素/短代码非常有用。在表单中,用户可以搜索街道名称和/或编号。找到正确的地址后,有用的字段将自动填写。
位置定位表单元素
位置定位表单元素
Posts-Form-Location-Finder-Element.png (207.63 KiB) 查看 3871 次
第七步 将名为 “Form Input” 的元素/短代码添加到您的页面。

您可以添加自定义字段并个性化您的表单。如果要添加 2 个自定义字段,则需要添加元素两次。创建的自定义字段将显示在该下拉ACF字段中。
Form Input
Form Input
Form-Input-Element.png (83.91 KiB) 查看 3871 次
第八步 将名为 “Posts Form Submit” 的最后一个重要元素/短代码添加到您的页面。

对于提交表单,我们需要启用创建 element/shortcode文章的部分。在“文章类型”字段中,您可以添加文章或CPT。

您可以使用 “Custom title field name” 选项来指定需要从哪个字段保存文章标题。

从 “Post Publish Status” 下拉菜单中,您可以选择如何保存用户提交的文章/CPT。

当您将表单插入单个或CPT云模板中时,“Link it to the current post”(将其链接到当前文章)选项非常有用。当用户提交新文章/CPT时,它将链接到当前文章/CPT。

用户可以在成功提交表单后,通过在“Redirect if successful(成功则重定向)”选项字段中指定页面URL,将用户重定向到自定义页面。
提交按钮元素
提交按钮元素
submit-button.png (77.84 KiB) 查看 3869 次
注意!在“添加新文章限制”部分,您可以选择在哪里应用限制(短代码或计划)。您可以直接从名为“Posts Form Submit”的短代码/元素或从Opt-in builder -> Subscriptions -> Plans -> Edit plan中应用它

信息