如何在 WordPress 中制作日历以显示事件

已发表: 2022-12-29

想知道如何在 WordPress 中制作日历吗？

将日历添加到您的 WordPress 网站是向访问者显示面对面和虚拟事件的绝佳方式。 这样，您就可以宣传即将举行的活动，以提高品牌知名度并鼓励更多人参加。

在本文中，我们将逐步解释如何制作日历以显示 WordPress 中的事件。

为什么要向您的 WordPress 网站添加活动日历？

当您向 WordPress 网站添加日历时，您可以告诉访问者一次性和重复发生的事件，例如网络研讨会、会议、辅导电话、虚拟务虚会等。 借助活动日历，您可以宣传活动详情并说服更多人注册和参加。

更好的是，如果您运营会员网站，您可以让用户提交他们自己的活动。 因此，您可以建立一个活跃的社区，吸引更多人，并让您的日历更新最新事件。 它还使您免于亲自手动搜索和添加新事件。

如何使用 Sugar Calendar 在 WordPress 中创建活动日历

有多种方法可以将活动日历添加到您的 WordPress 网站。 对于本教程，我们将使用一个名为 Sugar Calendar 的 WordPress 插件。

sugar calendar homepage

Sugar Calendar 是最好的 WordPress 事件日历插件。 这是向您的站点添加新日历的最简单方法，并且拥有自定义日历、设置自定义事件开始和结束时间、与 Google 日历同步等所需的一切。

这个 WordPress 日历插件具有简单、最小的界面、轻巧、快速，并且不会影响您网站的性能。 您可以在 Sugar Calendar 网站上了解更多功能。

我们深入学习教程怎么样？ 只需按照以下步骤开始。

  • 步骤 1. 安装 Sugar Calendar 插件
  • 步骤 2. 创建新日历
  • 第 3 步：将活动添加到您的日历
  • 第 4 步。在您的网站上显示日历

    步骤 1. 安装 Sugar Calendar 插件

    第一步是在您的 WordPress 网站上安装 Sugar Calendar 插件。

    对于本指南，我们将使用 Pro 版的 Sugar Calendar，因为它提供对所有 Pro 附加组件的访问。 但是，您始终可以尝试免费版本以了解其工作原理。

    注册插件后，将其下载到您的计算机，然后将其上传到您的 WordPress 网站。 如果您以前从未这样做过，您可以按照本指南安装和激活 WordPress 插件。

    一旦插件在您的网站上处于活动状态，请从您的 WordPress 仪表板导航到日历 » 设置页面，然后粘贴您的插件许可证密钥。

    Enter your Sugar Calendar license key

    现在单击Verify Key按钮并选择Save Changes 。 Sugar Calendar 现已在您的网站上启用。

    步骤 2. 创建新日历

    要创建您的第一个活动日历，请从您的 WordPress 管理员转到日历 » 日历。 确保选择“日历”选项卡，然后单击“添加日历”按钮。

    Add a new calendar

    单击“添加日历”按钮后，您应该会看到一个弹出窗口，其中包含多个需要完成的字段。

    Sugar Calendar 允许您在您的网站上拥有多个日历，但您一次只能向访问者显示一个日历视图。 相反，用户可以通过从下拉菜单中选择一个来在您网站前端的日历之间切换。

    考虑到这一点，为您的日历起一个有助于用户识别的名称。

    Enter your calendar details

    从那里输入您的日历 URL slug，如果需要，您可以选择一个父日历。

    这就像 WordPress 中的页面一样，其中子项显示在 WordPress 仪表板中父项的下方。 这是组织日历的好方法，尤其是当您有很多日历时。

    接下来，您可以给您的日历一个描述。 该描述可能会显示在您网站上的日历旁边，但这取决于您的 WordPress 主题。

    最后，您可以选择一种颜色来代表您在 WordPress 仪表板中的日历。 这是区分日历的另一种好方法。

    Choose a calendar color

    如果您对日历详细信息感到满意，请单击“添加新日历”按钮。

    您可以重复此步骤以将任意数量的日历添加到您的网站。 设置完成后，您就可以开始添加事件了。

    Multiple calendars example

    第 3 步：将活动添加到您的日历

    要将事件添加到您的日历，请切换到“事件”选项卡，然后单击“添加事件”按钮。

    Add a new event to your calendar

    在下一个屏幕上，您可以输入有关您的活动的信息，包括活动持续时间和详细信息。 首先，继续为您的活动命名。

    Enter event duration details

    之后，输入开始和结束时间和日期。 如果您要举办全天活动，则可以单击全天复选框。

    Sugar Calendar 的默认设置默认将所有事件创建为一次性事件。 但是，如果您有周期性活动，例如每月一次的网络研讨会，您可以更改“周期”选项卡中的设置。

    Set the event recurrence information

    在同一面板中，您可以选择希望重复事件结束的时间。 例如，如果您只计划在年底之前举办网络研讨会，这将很有用。

    Sugar Calendar 还包括现场活动功能，让您可以设置活动地点。 您可以通过单击“位置”选项卡并输入事件位置详细信息来执行此操作。

    Add the event location

    接下来，向下滚动到“详细信息”部分并输入有关该事件的信息。 该编辑器看起来与经典的 WordPress 编辑器相同，因此添加图像、视频、文本和其他内容非常容易。

    Enter the details for your event

    此外，您可以通过单击“设置特色图片”选项并上传或从媒体库中选择图片，将特色图片附加到活动中。

    Choose an event featured image

    日历部分是您可以查看您制作的各个日历的列表的地方。 单击日历名称旁边的单选按钮将确保您的活动显示在该特定日历上。

    Choose a specific calendar for your event

    您甚至可以通过单击“添加新日历”按钮从该面板添加更多日历。

    添加完活动详细信息后，单击“发布”按钮。 您现在可以重复此步骤以添加更多事件。

    第 4 步。在您的网站上显示日历

    您可以通过将其短代码添加到帖子或页面来在 WordPress 中显示您的日历。 我们将向您展示如何将活动日历添加到页面，但对于任何其他区域，该过程都是相似的。

    首先，从 WordPress 管理面板前往Pages » Add New 。 如果您想将日历添加到现有页面，请单击页面»所有页面上页面名称下的“编辑”。

    接下来，为您的页面命名并选择您要使用的任何类别和标签。

    从那里，单击“+”图标以创建一个新块并输入“简码”。 当短代码块出现时，单击它以将其添加到您的页面。

    Choose the shortcode block

    现在，将短代码 [sc_events_calendar] 复制到短代码块中，然后单击“发布”按钮使您的页面生效。

    当您访问您网站上的页面时，您会看到正在运行的日历。

    How to make a calendar in WordPress example

    如果您想查看有关某个事件的更多信息，请单击它，您将打开事件详细信息页面。 这将包含您之前输入的信息，包括日期、时间、位置等。

    Event details example

    除了向帖子和页面添加日历外，您还可以使用 Sugar Calendar 小部件在 WordPress 主题的小部件就绪区域显示日历。

    该小部件允许您设置默认日历，用户可以从下拉菜单中进行选择。 因此，您可以更好地控制访问者看到的事件。

    要将小部件添加到侧边栏，请转到外观 » 小部件。 从那里，单击“+”按钮并输入 Sugar Calendar。

    Add the Event Calendar widget to your WordPress sidebar

    在此屏幕上，选择事件日历小部件，然后将其拖放到侧边栏上。

    一旦小部件出现在侧边栏中，您就可以配置显示设置。 例如，您可以输入自定义小部件标题、更改日历大小以及从下拉菜单中选择要显示的日历。

    Event calendar widget settings

    当页面加载时，Sugar Calendar 将默认显示当前月份，但您可以通过在默认月份和年份字段中输入新日期来显示不同的月份。

    Change the default month and year settings

    当您对设置满意时，单击“更新”按钮，日历将出现在您的网站上。

    WordPress calendar in sidebar example

    奖励：使用 SeedProd 在 WordPress 中显示事件日历

    到目前为止，您已经了解了如何在 WordPress 中制作日历。 但是，如果您想从 Facebook 等社交媒体平台提取事件怎么办？

    在这种情况下，您可以使用页面构建器插件来制作您的活动页面。 流行的 WordPress 页面构建器让您可以使用块和模块直观地自定义您的 WordPress 站点，例如联系表单、交互式 Google 地图等。 此外，最好的功能包括日历和事件管理的特定功能。

    SeedProd WordPress website builder

    例如，最好的网站和登陆页面插件 SeedProd 提供了强大的 Facebook 嵌入块，让您可以从您的业务页面提取 Facebook 事件数据并将其显示在您的 WordPress 网站上。

    facebook events calendar

    您还可以使用 SeedProd 的短代码块将使用 Sugar Calendar 制作的日历添加到自定义页面。 这样，您就可以使用来自多个来源的日历制作一个完全可定制的活动页面。

    how to add sugar calendar to a SeedProd page

    如需显示 Facebook 活动的帮助，您可以按照本指南了解如何在 WordPress 中嵌入 Facebook 活动。

    如果您对 SeedProd 还能做什么感到好奇，这里有一个快速概述：

    • 从数百个预制模板中进行选择
    • 在没有 HTML 或 CSS 知识的情况下从头开始构建自定义 WordPress 主题
    • 为您的小型企业创建高转化率的登陆页面以宣传您的活动
    • 使用 WooCommerce 制作完整的电子商务网站来销售活动门票
    • 为 Eventbrite 等 3rd 方平台添加自定义图标
    • 使用选择加入表单和电子邮件营销集成来增加您的电子邮件列表
    • 创建即将推出的预发布页面
    • 将您的网站置于维护模式
    • 还有更多。

    SeedProd 是超轻量级的，所以它不会减慢您的网站速度。 它还可以与流行的 WordPress 插件无缝协作，例如 All in One SEO、MonsterInsights 和 WPForms 联系表单插件。

    您可以使用 WordPress.org 的免费插件试一试 SeedProd。 然后，当您熟悉它的工作原理时，您可以升级到高级插件，在那里您可以利用 SeedProd 的 Pro 块、部分和模板。

    立即开始使用 SeedProd

    你有它！

    阅读本指南后，您应该知道如何在 WordPress 中制作日历。 您可能还喜欢这个最佳推送通知软件的综述，以提醒订阅者您的活动。

    谢谢阅读。 请在 YouTube、Twitter 和 Facebook 上关注我们，获取更多有助于您发展业务的内容。