如何添加事件日历WordPress块?古腾堡教程

已发表: 2025-06-04

目录

添加感觉就像使用Google日历一样 - 但是在WordPress上?我们为您有个好消息 - 这是可能的!本教程说明了如何使用最佳的WordPress日历时间表插件准确地做到这一点。我为什么确定?

我要使用的插件可以为您提供一个完全可视的界面,以添加和编辑事件,并遵循诸如Google日历之类的流行日历应用程序的逻辑。

与WordPress日历替代方案不同,它使您可以构建具有不同事件的无限时间表。最重要的是,它是为古腾堡时代制造的,为块编辑器提供了强大的专用活动日历。

有关添加和自定义事件日历WordPress块的简短教程如下,但首先,让我们看看插件必须提供的内容:

  • 现代日历布局。
  • 重复事件。
  • 每小时,全天或多天的活动显示。
  • 选择自定义日历布局的方法 - WordPress块或快捷代码。
  • 事件通过ICAL导入和导出。
  • 在同一时间插槽中安排多个事件。
  • (当然)添加和编辑事件(例如Google日历)。

WordPress日历插件寄存器免费帐户

在将事件和时间表添加到所需的WordPress页面之前,让我们看看构建时间表的选项。为此,我们正在使用演示页面日历。随时在这里免费创建自己的版本 - 只是为了探索!

步骤1 - 添加日历和事件

事件只能在WordPress日历内工作,因此您的第一步是添加日历。

点击 +图标以添加并命名日历。这只会对您可见。

在事件日历中添加日历。

添加最多的日历,根据您的业务需要!

当您有多个日历时,只需在所需的盒子旁边打勾即可 - 它们将出现在日历视图中。他们全部勾选所有日历中的事件!

事件日历dashabord。

在新的活动日历中,首先选择您的首选视图 - 一个月,周,日或列表。例如,如果您要添加诸如节日之类的多日活动,那么“月或一周”的视图将为您提供更清晰的概述。

WordPress事件日历多天事件。

如果您要创建每周的学校时间表,那么该日景是将课程添加到特定时段的理想选择。

每周学校时间表活动日历。

可以在所需的日历视图中简单拖放来增加事件的时间。

在事件日历中选择时间。

拖动拖放以选择一个时间插槽后,将出现一个弹出窗口。只需输入一个事件名称,或为重复事件添加额外的时间(例如星期一和周四的地理)。

WordPress事件中的事件日历插件。

有很多选择可以提出一个事件:

  1. 选择一种颜色以在日历上有所作为。
  2. 如果需要,自定义时间。例如,将其标记为重复事件。
  3. 添加带有链接,大胆文本或其他格式的详细事件描述,以使信息脱颖而出。
  4. 添加与事件业务相关的WP分类法:标签,类别,位置和组织者。

重复事件:在这里,您可以实现任何方案 - 每日重复,在一周中的特定日子,每个月/年,甚至应用规则以确切的时间结束重复。

自定义WordPress中的重复事件。

例如,我想在活动日历中的每个星期二在每个星期二进行6周的摄影课程,然后自动删除它。下面的一些设置和 - 宾果游戏!

重复事件的示例。

可以通过专用菜单或在日历中的快速菜单中轻松删除和编辑诸如组织者和类别之类的分类法>单击汉堡图标。

分类学检查了。

犯了一个错误?可以随时使用此事件日历WordPress插件来更新事件 - 无论是一次或全部(是否适用于删除事件),您可以在这里获得很多灵活性!)。

WordPress的事件日历中的编辑事件。

您能相信您已经从一个屏幕上构建了整个时间表吗?正是这样 - WordPress的完全视觉事件安排就在这里。

导入或导出事件

不想从头开始创建所有事件,因为您在Google日历或其他WordPress Events Calendar插件中的某个地方都有它们?

这没问题,请在事件日历插件中使用专用的导入和导出功能。您可以指定日历,类别和标签以将导入的事件添加到。

事件导入消息。

为了避免任何问题,您可以选择是否将现有事件视为原状,或使用导入数据中的任何更改进行更新。

以同样的方式,如果您使用Motopress Events Calendar插件构建了日历,则可以使用“导出菜单”轻松地将事件传输到外部日历。

WordPress上的编辑日历和事件正在使用草稿。仅当发布包含其特定快捷代码或块的页面时,日历才公开(在网站上可见)。那么,如何添加该块或短代码?

要回答这个问题,让我们跳到下一步。

步骤2 - 向WordPress添加时间表

现在,最有趣的部分!如何使您在网站上看到的活动时间表可以看到?

1。在块编辑器(Gutenberg)中

由于这是WordPress事件日历WordPress插件的Gutenberg教程,因此让我们从Gutenberg的页面添加日历开始。

首先,将事件日历块拖放到页面。

事件日历WordPress块。

然后打开其块设置以自定义布局。这是一些关键的事情:

  • 选择要显示事件的日历。
  • WordPress块编辑器设置。

  • 选择默认视图(月,周,日,列表)。网站访问者将能够将它们切换到网站的前端。
  • 选择必须通过选择时间范围(“网格时间间隔”)显示时间表的时间。
  • 网格查看时间事件日历。

  • 仅显示您操作的日子 - 隐藏其余的日子。
  • 日历中的隐藏日。

  • 选择何时开始和结束。
  • Day从WordPress的Motopress Events日历插件中的设置开始。

  • 如果需要,添加自定义CSS,将专门应用于日历。

此外,我可以使用容器设置单击块并自定义日历容器的宽度:
事件日历宽度布局。

而且,由于Block编辑器中有许多很酷的预制块图案,因此您可以轻松地为您的时间表选择更时尚的背景和布局。

发现WordPress阻止我们喜欢的主题。

2。带短代码

对于WP传统主义者的人来说,存在事件日历快捷代码,不用担心。

为了使其更加用户友好,Events Calendar插件附带了一个内置的短代码构建器。

在事件菜单中找到它>单击汉堡菜单图标>查找“快捷代码”,然后单击它。

您将获得一个易于使用的菜单来构建短代码,您需要在其中选择日历,时间范围,网格间隔和显示几天。

事件日历短代码副本。

实际上,您在上面描述的所有相同的设置!

准备好后,复制快捷代码并将其粘贴到您希望日历出现的页面中。

在经典编辑器中,直接粘贴。在块编辑器中,首先添加一个短代码块,然后粘贴到其中。

不要忘记预览并保存您的更改在活动日历WordPress块中!

使用事件日历WordPress插件的最简单方法

如果您需要一个简单而功能强大的事件日历插件,用于WordPress,它可以在Gutenberg中作为一个块和快捷代码(带有快捷代码构建器!)完美地工作,则您可以从Motopress进行事件日历WordPress插件。

主要好处是什么?它为您提供所有工具,以保持生产力,快乐并建立灵活的时间表,以适合您的业务。

WordPress日历插件寄存器免费帐户