在网页中加入活动日历 精彩不错过 安排早知道
专业工厂
最近公司安排了一系列的大型公益活动,作为活动的策划者,我很希望更多的人参与进来,有没有什么办法能够在公司的主页中加入一个日历,然后将这些活动安排按日期标注在上面,方便大家查看呢?
获取代码 嵌入个性化的谷歌日历
谷歌日历是最为高效的备忘工具之一,多活动、易分享是它最大的特性,能否将谷歌日历直接嵌入公司主页呢?答案是肯定的,只需要获取谷歌日历自带的HTML代码然后将其嵌入公司网页中即可。
想要获取代码,首先打开谷歌日历,在需要共享的日历后点击下拉菜单,然后选择“日历设置”(如图1),打开该日历的详细信息页面。

接下来,就可以在“嵌入此日历”这一栏右侧看到一段HTML代码,别着急,默认的代码并不完全适合各公司的网页,因此,我们需要单击“自定义颜色、大小和其他选项”链接(如图2),对日历的个性化参数进行修改。

接下来会打开“嵌入式Google日历助手”页面,我们可以在此按自己的需求进行个性化的修改,比如在左侧选择日历中显示的项目(“打印图标”一般不用显示在网页中,可以去掉勾选),然后将默认视图为“周”,设定宽度为600像素,设定每周从“周一”开始等。由于谷歌日历使用了Ajax网页代码技术,所有的参数设置效果为所见即所得,而且操作过程很流畅(如图3)。

点击右上角的“更新HTML”按钮获取当前效果的HTML代码,然后将其复制到剪切板中。
接下来当然是将这段代码插入到网页中了,我们以WordPress网页为例进行说明。打开文章编辑窗口,进入HTML编辑视图粘贴谷歌日历的HTML代码,点击右侧的“更新”按钮即可。我们就可以在网页中看到日历了(如图4)。

小贴士 | TIPS
我们甚至可以修改背景颜色,可以设置边框改善视觉效果。需要注意的是,一定要在“要显示的日历”中进行设置,而且只能勾选一个日历,多选无效(只会显示勾选的第一个日历)。
使用插件 嵌入可编辑的日历
嵌入谷歌日历虽然方便,但是修改日历中的活动必须登录谷歌日历才能编辑。想要直接在网页中嵌入可以编辑的日历,我们可以试试一个名叫Ajax Event Calendar的WordPress插件。
首先进入WordPress博客的后台,点击左侧的“插件→安装插件”链接,在“搜索插件”按钮旁边的搜索框输入“Ajax Event Calendar”,搜索到之后单击“现在安装”按钮并确认之后即可安装。然后在页面中单击“启用插件”就可以让插件生效了。
接下来在编辑文章的HTML视图下插入“[calendar]”代码,然后保存即可看到日历的效果了(如图5),我们可以直接在页面中新建活动和查看所有的活动。不过需要注意的是,这时的日历是可以被任何访问者修改的,活动组织者当然不希望这样的事情发生,我们需要进入Ajax Event Calendar日历的设置选项中,勾选“防止使用者新增或修改过期活动”选项并保存即可(如图6,当然,你还可以在此进行更多丰富的设置,Ajax Event Calendar日历插件的常规设置很简单,直接勾选即可)。

如果你需要在网页插入近期活动,可以在编辑文章的HTML视图下插入“[eventlist]”代码并保存就行了。插入之后可以在网页中点击该活动就可以弹出该活动的详细说明页面,如果需要调整活动日期,直接将活动拖曳到新日期即可,非常高效。
