簡單好用的 Google 行事曆 WordPress 外掛 ICS Calendar

Last Updated on 2024-04-24

為什麼我要使用 ICS Calendar

前一陣子在找行事曆的 WordPress 外掛,但不知道為什麼一直沒有找到合適的。

我希望外掛最好可以直接連 Google 行事曆,這樣每個事件我只要 Key 一次就好,不用在 WordPress key 一次,Google 行事曆又 key 一次。

昨天重新看了一次行事曆的外掛,終於找到符合需求的外掛 ICS Calendar。

而且 ICS Calendar 不需要用到 API,非常簡單容易上手。

安裝 ICS Calendar

WordPress 控制台>外掛>安裝外掛>搜尋ICS Calendar>安裝後啟用。

image 49

ICS Calendar 怎麼使用

安裝好之後 ICS Calendar 在 WordPress 後台只有這麼簡單的一個畫面,簡單到我完全找不到設定的地方,都差點要放棄這個外掛了了,還好看了User Guide 終於會用了。

image 50 e1654746750901

首先到要串連的 Google 行事曆,點選設定和共用

image 52

將行事曆的活動的存取權限改成公開。

image 53

整合日曆複製公開網址(iCal 格式)。

image 54

把複製好的公開網址取代下面短代碼的 CALENDAR_FEED_URL 部分,然後將短代碼貼到想要放的地方就完成了!

[ics_calendar url="CALENDAR_FEED_URL"]

如果有其他需要設定的部分,將需要用到的參數貼到短代碼中即可。

[ics_calendar url="CALENDAR_FEED_URL" title="false" nomonthheaders="true" eventdesc="true" color="#A96460"]

以下是我有用的參數,其他更多參數可以看 ICS Calendar 的所有參數說明。

參數說明
title=”false”隱藏標題
nomonthheaders=”true”隱藏月份標題
color=”#A96460″更改活動顏色
eventdesc=”true”顯示整個活動的描述

ICS Calendar 使用效果

原本使用 Jetpack 內嵌顯示 Google 行事曆,雖然功能齊全但是樣式不是很好看,而且我自己在手機板上看不到。

image 56

使用 ICS Calendar 後雖然功能變得比較少,但我覺得變得比較簡潔好看了。

image 55

手機板網頁也可以看得到行事曆了。

IMG 9864 1

FAQ

為什麼 Google 行事曆更新後 ICS Calendar 沒有跟著更新?

WordPress 後台>點側邊欄位的 ICS Calendar>點Clear Cached Calendar Data按鈕。

為什麼清除緩存之後 ICS Calendar 還是沒有更新?

確認 WordPress 網站是否有用緩存外掛,有的話需要另外設定,詳細設定見ICS Calendar 說明