包头公司网站建设:如何将Google日历与WordPress集成

GoogleCalendar已经成为动态管理事件并与Gmail等其他Google服务集成的强大工具。它有一些非常聪明的特性,并且使得在一个地方管理你生活中的不同部分相当简单。因此,可能只是与您的网站或业务相关的事件恰好存储在那里。将GoogleCalendar添加到WordPress中,就像将其直接嵌入到您的帖子中一样容易,或者使用插件来获得对其外观和感觉的更多控制。在本文中,我们将介绍几种将GoogleCalendar与WordPress集成的不同方法。

为什么使用谷歌日历?

这个问题最简单的答案可能是因为你已经在使用它了。GoogleCalendar是一个非常丰富的工具,它可能已经集成到您的工作流中了。当然,GoogleCalendar也是GoogleApps的一部分,它是为企业和团队设计的。因此,您和您的团队很可能正在使用GoogleCalendar或类似的第三方服务来管理事件。从零开始,手动将这些事件重新输入WordPress管理员并不是一件需要带宽的事情,因为您已经在Google中组织了数百个事件,与多个人共享这些事件,将您的生活组织成不同的日历,同时或单独地查看它们。

包头公司网站建设

谷歌行事历

如果是这样的话,为什么要在WordPress中使用单独的事件管理系统来重复您的工作呢?相反,您可以在您的站点上显示所有的事件,这样用户就可以查看即将出现的内容,它们都在一个系统中进行管理,其界面对您来说已经很熟悉了。

当然,如果您已经没有使用GoogleCalendar,那么可能还有其他方法来管理您的事件。但是,如果您属于前一类,有几种方法可以将日历添加到WordPress站点。

嵌入Google日历

GoogleCalendar有自己的方法将日历嵌入到网站中。它使用iframe来实现这一点,这类似于YouTube和其他第三方媒体网站共享媒体的方式。幸运的是,这个iframe可以直接嵌入到WordPress的文章和页面中。

要开始,请访问网络上的GoogleCalendar。在GoogleCalendar的左侧侧边栏上,您将看到已经设置的日历列表。单击要嵌入到网站上的日历,然后选择“日历设置”。

进入你的设置

这将为您的项目提供一系列选项。其中一个选择是嵌入此日历。此选项包含您选择的日历的嵌入代码及其默认设置。但是,要对其进行更多的定制,请单击“自定义颜色、大小和其他选项”。

再次,包头公司网站建设将被带到一个新的窗口,使您可以配置您的日历嵌入。在左侧的侧边栏上,您可以选择要显示的元素(标题、日期、打印图标、标签等)。在此下面,您可以选择是否要显示周,星期议程默认情况下查看日历,以及日历应该从哪一天开始。您也有几种不同的方法来设置日历的外观和感觉,包括宽度、高度和背景色。请记住,如果使用响应性设计,iframe将很好地扩展,因此将宽度视为最大宽度。最后,如果希望从几个不同的日历中显示事件,则可以选择要在嵌入中包含的多个日历。

自定义嵌入

在右侧,您将看到嵌入的预览,在进行更改时实时更新。你不能控制所有的事情,但是有足够的选项让你稍微清理一下日历,并改变它的背景色来匹配你的主题。

在页面的顶部,您将看到修改后的日历嵌入代码。这是我们需要的WordPress,所以继续复制它。

接下来,转到WordPress站点并单击POST->添加新如果要将日历插入帖子或页->添加新如果你想把它写在一页里。在WordPress POST编辑器中,确保您转到了“Text”选项卡,而不是“Visual”选项卡。这是因为我们将在这里插入一些代码,而可视化编辑器有时可以格式化或转义代码,而您的日历将无法正确地呈现。从那里开始,你要做的就是把你从谷歌收到的嵌入代码粘贴到文章编辑器中。您可以预览或发布该帖子,以查看其运行情况。您选择的GoogleCalendar和包含的事件列表现在将在您的站点上可见。这个iframe嵌入代码实际上可以插入到站点上的任何地方,包括模板文件和文本小部件,所以把它放在最适合您的站点的地方。

在文本编辑器中粘贴嵌入代码

得到更多的控制

GoogleCalendar允许您定制它的外观,但它肯定不会给您一些网站所需要的控制。不幸的是,由于嵌入的日历封装在iframe中,所以很难在不将其移动到本地站点的情况下使用CSS对日历进行样式设置。幸运的是,有几个插件为你做这个工作,这样你就可以按你想要的方式来设计日历,并以各种不同的方式在你的网站上的任何地方显示它。

简单日历Widget

WordPress中Google日历的一个非常简单的实现是简单日历Widget。它绕过了嵌入iframe的一些限制,方法是引入事件提要,并在小部件中将它们表示为列表。

若要设置插件,请安装并激活插件,然后转到外观->小部件并将“简单日历Widget”拖到侧边栏中。它有几个领域,其中最重要的是日历ID。若要从Google找到您的日历ID,请再次转到“日历设置”,然后从日历地址:.

小部件设置

一旦您设置了您的小部件,插件将自动开始从您的日历中提取未来的事件,并将其显示为列表。从那里开始,您可以通过针对插件构建的CSS来对列表进行样式化。

这并不是最高级的实现,但是如果您所要做的只是显示即将发生的事件的列表,那么它会非常好。每件事或多或少都是自动的和幕后的,你没有什么可做的,因为一切都在幕后运作。基本上,你将有更多的外观和感觉的插件比如果你嵌入它作为一个iframe,但它仍然相当简单。

谷歌日历事件

如果您想要一个完全健壮的解决方案,将日历导入WordPress,保持多个日历保持同步,并允许您完全控制日历的样式,那么您应该使用GoogleCalendar事件。

像简单的GoogleCalendar Widget一样,这个插件从GoogleCalendar导入您的事件。但是,它不是将日历拖到单个提要中,而是将所有事件都拉到单独的POST类型中,然后允许您在站点上任意显示它们。

定制您的提要

插件的工作原理是允许您创建一系列提要,这实际上只是您的日历之一。只需单击“AddFeed”,输入日历的ID,并使用事件显示生成器指定要在日历中显示的详细信息。因为日历是通过提要拉进来的,所以您可以添加多个日历作为单独的提要。还有很多定制日历提要的选项,例如日期和时间格式、反复出现的事件,甚至允许您根据特定关键字查找事件的“搜索查询”。

在设置好提要之后,包头公司网站建设可以使用一个短代码或小部件将新日历实际嵌入到您的站点上。有两个视图选项可供您使用,一个日历或一个列表。您可以在设置实际提要时指定首选项,但可以使用简写参数覆盖该首选项。也有相当多的设置,使您可以自定义您的事件应该是什么样的。

日历视图

基本上,GoogleCalendar事件为您提供了事件插件的所有复杂性,同时仍然自动从Google获取数据。这意味着它具有GoogleCalendar的所有优点,同时也给了您定制它的能力。

找到正确的解决方案

最终,您选择的解决方案取决于您的站点的需求和您现有的工作流程。如果你正在寻找一些快速的东西,尽管在外观和感觉上是僵化的,那么将一个日历直接嵌入到你的帖子中会很好。但是,如果你在寻找与其他事件日历插件相媲美的东西,你应该看看列出的插件,看看哪个插件合适。这样做的目的是从长远来看为自己创造更少的工作,包头公司网站建设让你所有的事件都能在一个地方很好地同步起来。根据我的经验,GoogleCalendar就是这样做的。





二维码