建站教程

建站教程

Products

当前位置:首页 > 建站教程 >

如何在 WordPress 中创建用户提交的活动日历

GG网络技术分享 2025-03-18 16:05 5


您想允许用户在您的 WordPress 网站上提交日历活动吗?

添加用户提交的活动是建立社区和提高网站参与度的好方法。

在本文中,我们将向您展示如何在 WordPress 中创建用户提交的活动日历,而无需让访问者访问您的管理区域。

在 WordPress 中创建用户提交的事件日历在 WordPress 中创建用户提交的事件日历为什么要创建用户提交的活动日历?

为您的 WordPress 日历众包活动是建立社区、吸引新访问者并让您的日历更新最新活动的好方法。 它还有助于节省时间,因为您不必在互联网上搜索即将发生的事件。

当您的社区成员可以将活动添加到您的日历时,他们的活动将获得免费宣传,您的网站访问者和其他社区成员可以轻松了解他们所在地区发生的活动。

例如,假设您正在运营一个慈善或非营利性会员网站。 您可以允许成员将不同的筹款活动、研讨会和其他慈善活动添加到您网站的日历中。

问题是WordPress默认不允许用户在前端提交日历事件或上传文件。 您必须为每个用户创建一个帐户并允许访问管理区域。 这种方法耗时且可能存在风险。

谢天谢地,有一个更简单的方法。 让我们看看如何让人们在 WordPress 中添加日历事件。

在 WordPress 中创建用户提交的活动日历

允许用户添加日历事件而不授予他们访问您的 WordPress 管理面板的最佳方法是使用 WPForms。 它是 WordPress 的最佳联系表单插件,受到超过 500 万家企业的信任。

该插件可让您创建文件上传表单并提供发布提交插件,允许您在网站前端接受活动列表、PDF、文章、报价和其他内容。

工作表工作表

注意:您需要 WPForms Pro 版本,因为它包含 Post Submission 插件、高级集成和其他自定义功能。

首先,您需要安装并激活 WPForms 插件。 如果您需要帮助,请参阅我们的指南,了解如何安装 WordPress 插件。

激活后,只需从 WordPress 仪表板转到 WPForms » 设置并输入您的许可证密钥。 您可以在 WPForms 帐户区域中找到许可证密钥。

WPForms 许可证密钥WPForms 许可证密钥

接下来,单击“验证密钥”按钮继续。

验证许可证密钥后,您需要转到 WPForms » Addons,然后向下滚动到 Post Submissions Addon。

继续并单击“安装插件”按钮。

由 WPForms 发布提交插件由 WPForms 发布提交插件

安装插件后,您会注意到状态从“未安装”变为“活动”。

设置事件日历插件

接下来,您需要一个 WordPress 活动日历插件来在您的网站上创建活动日历。

我们将在教程中使用事件日历插件。 它是一个强大的 WordPress 事件管理系统,并提供了许多功能。 您可以轻松地使用它来添加活动并管理组织者和场地。

另外,The Event Calendar 提供免费版本,可轻松与 WPForms 集成。

首先,您需要安装并激活 The Event Calendar 插件。 有关更多详细信息,请查看我们关于如何安装 WordPress 插件的指南。

激活后,您将被重定向到 WordPress 管理面板中的事件 » 设置。 该插件会要求您加入其社区。 您现在只需单击“跳过”按钮即可。

设置事件日历插件设置事件日历插件

之后,您可以为您的活动日历进行不同的设置。

“常规”选项卡中有设置可以更改每页显示的事件数量、激活事件的块编辑器、显示评论、编辑事件 URL slug 等等。

常规设置选项卡常规设置选项卡

如果向下滚动,您还可以设置活动日历的时区设置。 该插件可让您在任何地方使用您网站的时区或手动设置每个事件的时区。

我们建议使用“在任何地方使用站点范围的时区”选项。 这将有助于将用户提交的事件时间与您网站的时区相匹配。

进行更改后,单击“保存更改”按钮。

更改时区设置更改时区设置

之后,您可以转到“显示”选项卡并编辑活动日历的外观。

例如,可以选择关闭默认样式、选择模板、启用事件视图等。

编辑显示设置编辑显示设置

完成更改后,让我们看看如何创建一个表单来接受日历事件。

创建用户提交的事件表单

在下一步中,您需要使用 WPForms 设置表单以允许用户提交事件。

首先,您可以从 WordPress 仪表板转到 WPForms » Add New。 这将启动拖放表单构建器。

只需在顶部输入表单的名称,然后选择“博客帖子提交表单”模板。

我们使用此模板是因为当您使用事件日历插件时,每个事件都是自定义帖子类型。 使用 WPForms,您可以编辑博客文章提交表单模板以提交事件自定义文章类型,而不是常规博客文章。

选择博客文章提交表单模板选择博客文章提交表单模板

接下来,您可以自定义您的帖子提交表单。

使用拖放表单构建器,WPForms 允许您添加不同的表单字段。 您可以添加下拉菜单、复选框、电话号码、地址、网站 URL 等。

此外,它还允许您重新排列每个表单字段的顺序并删除不需要的字段。

拖放表单域拖放表单域

例如,我们将在表单模板中添加“日期/时间”字段以显示“事件开始日期/时间”和“事件完成日期/时间”。

专业提示:添加日期/时间字段时,请确保单击“禁用过去日期”复选框。 您可以在“高级选项”选项卡下找到此选项。

这将确保您的所有新活动都有未来的日期。 如果有人不小心输入了错误的年份,它也有助于发现错误。

禁用过去的日期禁用过去的日期

创建表单时,您可以重命名不同的表单字段。 为此,只需单击它们,然后更改左侧菜单中字段选项下的“标签”。

在我们的教程中,我们将帖子标题的标签更改为事件标题,将帖子摘录更改为事件描述。

编辑表单域标签编辑表单域标签

之后,您需要转到表单构建器中的设置»发布提交选项卡。

现在,确保“发布提交”选项处于打开状态。

确保帖子提交已打开并匹配元数据确保帖子提交已打开并匹配元数据

除此之外,您需要将表单字段与事件日历插件将查找的字段相匹配。

例如,这是我们映射演示表单字段的方式:

将标题发布到事件标题发布摘录到事件描述发布特色图片到特色图片发布类型到活动发布状态到待审核发布作者到当前用户

待审核状态允许您审核每个事件提交。 另外,如果您接受在线支付,那么您可以在批准活动之前检查支付是否成功。

接下来,您还需要映射事件开始和结束日期/时间。 为此,向下滚动到“自定义帖子元”部分并输入代码以映射表单中的各个字段。

首先,添加 _EventStartDate 代码并从下拉菜单中选择您的活动开始时间字段(如活动开始日期/时间)。

然后单击“+”按钮添加另一个自定义帖子元并输入 _EventEndDate 代码以映射事件完成表单字段(如事件完成日期/时间)。

输入自定义帖子元输入自定义帖子元

接下来,您还可以更改表单的其他设置。

如果您转到“确认”选项卡,您将看到用于显示感谢页面的设置,该页面将在用户提交日历活动时出现。

当人们提交表单时,您可以显示一条消息、一个页面或将他们重定向到另一个 URL。

确认设置确认设置

除此之外,您还可以更改“通知”设置。

在这里,该插件允许您选择不同的设置以在有人提交表单时接收通知。 例如,您可以更改发送到电子邮件地址、主题行、姓名等。

编辑通知设置编辑通知设置

进行更改后,不要忘记单击顶部的“保存”按钮。

发布您的用户提交的事件表单

现在您已经创建了一个用户提交的事件表单,是时候将它发布到您的 WordPress 网站上了。

WPForms 提供了多种将表单嵌入 WordPress 的选项。 您可以在块编辑器中使用 WPForms 块、使用简码、添加侧边栏小部件等等。

对于本教程,我们将使用 WPForms 提供的嵌入向导。

首先,只需单击右上角的“嵌入”按钮。

编辑通知设置编辑通知设置

当您单击该按钮时,将出现一个弹出窗口。

继续并单击“创建新页面”按钮,WPForms 将自动为您的表单创建一个新页面。

创建一个新页面创建一个新页面

您还可以单击“选择现有页面”将表单添加到已发布的页面。

接下来,您需要输入页面的名称。 完成后,只需单击“开始吧!” 按钮。

输入页面名称输入页面名称

在下一个屏幕上,您可以在新的 WordPress 页面上看到用户提交的事件表单。

继续并预览页面,然后单击“发布”按钮。

发布您的页面发布您的页面

您现在可以访问您的网站以查看正在运行的表单。

这是您网站前端的外观。

表格预览表格预览

接下来,您可以通过从 WordPress 仪表板转到“事件”来查看用户提交的日历事件。

所有用户提交的事件将在此处列为待处理。 您可以单击每个事件下的“编辑”按钮来查看它们。

查看您的活动查看您的活动

查看事件时,请确保用户已填写所有详细信息。 如果缺少任何信息,您可以添加它,如果日历事件不符合您的网站要求,则可以拒绝它。

之后,只需发布​​用户提交的事件。 然后,您可以通过访问活动日历创建的 URL 查看您的活动:https://www.example.com/events

活动页面预览活动页面预览

我们希望本文能帮助您了解如何在 WordPress 中创建用户提交的活动日历。 您可能还想查看我们的指南,了解如何将网站从 HTTP 迁移到 HTTPS,以及最好的 WordPress SEO 插件和工具,以提高您网站的排名。

标签: WordPress op

提交需求或反馈

Demand feedback