如何在 WordPress 中嵌入 Google 日曆 – 3 種簡單方法

已發表: 2020-03-26

Google 日曆是一款非常有用的應用程序，可讓您組織日程安排、管理和共享活動，並提高工作效率。 這就是為什麼世界上有這麼多人使用它，你也應該使用它。 如果您可以將它與您的網站集成呢？ 那不是很了不起嗎？ 在本指南中，我們將逐步向您展示如何在 WordPress 中嵌入 Google 日曆。

為了讓您了解這個工具有多麼有用，讓我們以我為例。 早在使用 WordPress 之前，我還是一名生活繁忙的大學生。 這很有趣，但我沒能跟上很多事情，因為我有太多的截止日期要趕，而記憶力太少了。 然後，谷歌日曆推出了，從那以後它救了我——不是我，而是其他許多人。

如今，有超過 250,000 個網站被歸類為 Google Calendar 客戶，其中近 100,000 個網站使用 Google Calendar。 如果您不熟悉 Google 日曆，您可能想知道它是如何獲得如此多的認可的？ Google 日曆可幫助您安排會議、創建提醒、管理和回復會議邀請、共享和查看日曆以及許多其他事情。

但是，當我們談論 WordPress 網站的 Google 日曆時，它的內容比您所知道的要多。 在本指南中，我們將向您展示如何在 Google 日曆中嵌入 WordPress，以及如何充分利用這個出色的工具。

谷歌日曆簡介

每個人都熟悉科技巨頭谷歌。 在 Google 的各種應用程序中，日曆作為日常任務和活動的最有效工具之一脫穎而出。 簡而言之，它可以幫助組織用戶的生活，既可以單獨工作，也可以與 Gmail 等其他 Google 應用程序合作。

對於企業而言，Google 日曆非常有用，因為它允許您創建活動、向客人發送邀請、創建定期活動、管理參與人員以及設置可選的與會者等。 此外，對於 G Suite 高級用戶，Google 日曆還有許多其他功能，例如設置視頻會議以及添加和管理場所。

為什麼要在 WordPress 中嵌入 Google 日曆？

現在我們了解了個人、團體和企業為何使用此工具，讓我們繼續討論為什麼應該將 Google 日曆添加到您的 WordPress 網站：

  1. 讓您的客戶了解未來的活動：在您的網站上使用 Google 日曆可以讓您的客戶了解即將發生的活動，以便他們騰出時間參與。 這樣，您可以確保每個人都提前了解並加入活動。
  2. 管理個人約會：如果以上是為用戶著想，則此目的僅適用於您。 您可以通過在此處列出所有活動、添加註釋、提醒以及簡化工作時間所需的一切來管理您的所有活動。 這是谷歌日曆供個人使用的主要目的，但現在它與您的網站集成，優勢將是多方面的。

將 Google 日曆與您的 WordPress 網站集成是讓您的用戶了解即將發生的重要事件的絕佳方式。 此外，它是創建活動和定期會議、管理參與者以及安排視頻通話等的絕佳工具。 確實有許多其他插件具有類似的功能。 那麼，為什麼要堅持使用 Google 日曆呢？ 儘管谷歌並不是唯一一個意識到為 WordPress 業務開發日程安排和管理工具的重要性的品牌，但谷歌日曆從一開始就一直處於領先地位，因為它的功能是不可戰勝的。

此外，它是谷歌，所以品牌識別非常強大。 其他插件具有不同的功能，但事實是，它們通常不是很有幫助。 此外，儘管大多數插件都要求您為高級功能付費，但這些功能與 Google 日曆不匹配。 所以，如果你必須付費，你最好用你的錢來擴展谷歌日曆的功能。

如何在 WordPress 中嵌入谷歌日曆？ 分步指南

將 Google 日曆添加到 WordPress 有 3 種不同的方法：

  1. 帶插件
  2. 通過 WP 塊編輯器
  3. 使用 HTML

所有這些方法都非常有效，因此您應該選擇最適合您的技能和需求的方法。 現在，讓我們仔細看看每個選項。

1) 使用插件在 WordPress 中嵌入 Google 日曆

現在，讓我們看看如何通過三個簡單的步驟實現這種集成。 幾個支持插件可幫助您在 WordPress 網站中嵌入 Google 日曆。 但是，在本教程中，我們將使用推薦度最高的插件： Simple Calendar 。 此工具可幫助您以非常簡單的方式在 WordPress 中顯示 Google 日曆。

除了按週或月或列表格式顯示事件外，它還與您的 Google 日曆同步，這意味著您無需向 WordPress 添加任何內容。 更重要的是，您還可以通過使用它的許多附加組件或連接其他插件來自定義它的外觀並走得更遠。

第 1 步：將簡單日曆添加到 WordPress

將 Google 日曆添加到 WordPress 的第一步是在您的網站上安裝簡單日曆。 為此，只需：

  • 在您的WordPress 儀表板中，轉到插件部分
  • 單擊添加新的，然後在搜索框中鍵入簡單日曆
  • 在那裡你會看到簡單的日曆——谷歌日曆插件。 單擊立即安裝並稍等片刻，直到完成

  • 轉到已安裝的插件部分，然後激活它

完成此操作後，查看側邊欄，您應該會看到帶有小日曆圖標的日曆部分。 這意味著您已經成功安裝了簡單日曆！

第 2 步：將您的網站與日曆連接起來

安裝並激活 Google 日曆後，您需要將其與您的 WordPress 網站連接起來。 因此，要配置插件，請單擊日曆 - 設置。 在那裡，您將看到選項卡Event Sources ，並且您會看到它要求提供 Google API 密鑰。 在這裡您可以找到如何使用 API，但如果您不想閱讀全部內容，我們將在此處為您簡要介紹。

  • 打開谷歌開發者控制台
  • 在屏幕的右上角，單擊Create Project 。 然後輸入你想要的名字，然後點擊創建

  • 然後，您將被帶到 API 和服務頁面。 在這裡，單擊啟用 API 和服務以訪問 API 庫
  • 在下一個屏幕上，您將看到一個搜索框。 鍵入Calendar API ，選擇建議的結果Google Calendar API並啟用它

  • 之後，轉到Credentials選項卡，單擊Create Credentials ，然後選擇API Key ，如下所示

  • 現在您將看到為您生成的 API 密鑰。 單擊限制鍵以獲取安全措施
  • 您將被帶到 API 密鑰詳細信息頁面，您將在其中看到幾個選項
    • 在Application 限制部分，選擇HTTP referrers (websites)

    • 在網站限制部分，選擇添加項目並輸入您的網站 URL。 完成後，單擊完成

    • 在API 限制部分，選擇 API 時選擇Restrict Key和Google Calendar API ，然後單擊Save

偉大的！ 您已經安全地通過了最困難的部分。 現在隨意複製 API 密鑰，返回到日曆設置 WordPress 儀表板內的框，它要求輸入 Google API 密鑰，然後粘貼密鑰。 單擊Save changes ，然後繼續執行以下步驟。 你快到了。

第 3 步：在 WordPress 中顯示 Google 日曆

這是最後一步，您將了解如何顯示 Google 日曆並將其展示給 WordPress 網站的訪問者。

  • 首先，訪問谷歌日曆並點擊設置。 您將看到一個左側邊欄，向下滾動以找到我的日曆的設置，然後選擇要在 WordPress 上顯示的日曆。

  • 單擊要顯示的日曆後，您將看到一個下拉列表，您將在其中單擊Access Permissions 。 勾選向公眾提供選項
  • 然後，單擊同一下拉列表中的集成日曆。 在這裡，將公共地址下的ID複製為iCal格式
  • 現在，返回 WordPress 儀表板，在日曆選項卡中，選擇添加新的
  • 鍵入您想要的日曆標題，然後向下滾動，直到您看到日曆設置。 在那裡，選擇標籤谷歌日曆，你會看到這個：
  • 將您在上面第三步中復制的 ID（ iCal 格式的公共地址）粘貼到日曆 ID 框中
  • 點擊發布

恭喜！ 您剛剛嵌入了 Google 日曆。

如果您不想使用任何第三方工具怎麼辦？ 我們已經為您服務了。 讓我們看看在沒有插件的情況下將 Google 日曆添加到 WordPress 的其他方法。

2) 使用 WordPress 塊編輯器添加 Google 日曆

將 Google 日曆添加到您網站上的任何帖子或頁面的另一種選擇是使用Google 日曆塊。 這種方法非常簡單有效，不需要任何編碼。

    1. 因此，要在您的網站上包含Google 日曆塊，請轉到要添加日曆的頁面或帖子，然後單擊添加塊
    2. 然後，輸入谷歌日曆並選擇相應的塊
    3. 添加塊後，您需要為要共享的日曆啟用權限並將日曆嵌入代碼粘貼到相應字段中
    4. 因此，要獲得第 3 步所需的嵌入代碼，請轉到Google 日曆，單擊日曆旁邊的3 個點，然後按設置和共享將 Google 日曆添加到 WordPress - 嵌入日曆
    5. 之後，轉到訪問權限部分並通過勾選公開選項來公開您的日曆。 您會收到一條警告，指出這將使您的所有活動都可見。 點擊確定
    6. 然後，轉到集成日曆部分並複制嵌入代碼。 這是您將用於將日曆添加到站點的代碼。 如果您檢查代碼，您會看到其中包含您的電子郵件，因此請確保您對公開日曆感到滿意將 Google 日曆添加到 WordPress - 嵌入代碼
    7. 最後，返回您要顯示日曆的帖子或頁面，並將嵌入代碼粘貼到相應的字段中。 然後按嵌入並保存更改
    8. 而已！ 您剛剛在 WordPress 網站上嵌入了 Google 日曆！

您還可以通過單擊“自定義”按鈕自定義您的日曆。 您可以個性化顏色、按鈕、大小、選項卡、圖標等。 將 Google 日曆添加到 WordPress - 自定義日曆

3) 通過 HTML 在 WordPress 中嵌入 Google 日曆

在您的 WordPress 網站中嵌入 Google 日曆的另一種簡單方法是通過 HTML 。 如果您不是開發人員，請不要讓這個名字讓您灰心。 這種方法不需要任何編碼技能並且非常有效。

  1. 因此，要使用 HTML 將 Google 日曆添加到您的網站，請先轉到您想要包含日曆的頁面或帖子
  2. 然後，添加一個新的自定義 HTML 塊。 在這裡，您需要粘貼日曆的嵌入代碼
  3. 要獲得它，您需要重複之前的塊編輯器方法的步驟 4 到 6。 您需要轉到Google 日曆，單擊日曆旁邊的3 個點，然後轉到設置和共享。 然後在訪問權限下公開您的日曆，轉到集成日曆部分，然後復制嵌入代碼
  4. 獲得日曆鏈接後，將其粘貼到HTML 塊中並保存更改
  5. 您剛剛將 Google 日曆添加到 WordPress！
注意：WordPress 會自動將嵌入代碼轉換為簡碼
最後，如果您使用的是經典編輯器而不是 Gutenberg，只需將嵌入代碼粘貼到 HTML 選項卡中即可。

現在您已經了解瞭如何在您的網站上顯示日曆，讓我們來看看如何充分利用它。

在 WordPress 上自定義 Google 日曆的提示

簡單日曆是將 Google 日曆添加到 WordPress 的最複雜的方法，因此我們將在此為您提供一些技巧以充分利用它。 簡單日曆的優點在於它允許您自定義日曆的樣式。

為此，請轉到您的日曆並選擇所有日曆選項卡。 然後，指定要調整其外觀的日曆並打開編輯器。 滾動鼠標找到日曆設置，然後單擊外觀選項卡。 樂趣從那裡開始，您可以自定義顏色、設計等。 總而言之，您可以做一些事情來自定義您的日曆：

  • 為您的日曆選擇明暗主題
  • 確定您要指示日曆的活動日期以及活動日期的特定顏色
  • 使用日曆的配色方案，找到適合您網站風格的配色方案

在帖子和頁面上嵌入 Google 日曆的簡碼和小部件

將 Google 日曆添加到 WordPress 後，當您創建新帖子或頁面時，您將看到一個添加日曆按鈕，如下所示。

此按鈕的工作方式與添加媒體類似，可讓您將日曆插入線程中所需的任何位置。 如果由於某種原因您沒有此按鈕，還有其他方法可以將日曆添加到您的帖子/頁面：通過短代碼和小部件。

簡碼

如果您在“日曆”選項卡上添加新日曆時仔細查看，您會看到屏幕右下角有一個短代碼。 要將這個日曆嵌入到您的帖子/頁面中，只需在您想要顯示它的任何地方輸入這個短代碼。

將 Google 日曆添加到 WordPress - 簡碼

小部件

簡單日曆插件為您提供了一個可以在您的網站上顯示的小部件。 要激活此選項，請在您的 WordPress 儀表板中轉到Appearance > Widgets 。 在這裡，您將看到可用的小部件，您必須將簡單日曆小部件拖放到您希望它顯示的位置。

這些是在站點的不同部分顯示日曆以充分利用 WordPress 和 Google 日曆集成的簡單方法。

充分利用 Google 日曆的提示

在您的 WordPress 網站中嵌入 Google 日曆是更好地組織會議和活動的第一步。 大多數人使用日曆來簡單地創建會議，但這個工具可以為您做更多的事情。 讓我們看一下充分利用 Google 日曆的一些技巧。

  1. 找時間：當您需要與幾個人組織會議時，很難找到適合所有人的時間。 好消息是，谷歌日曆有一個名為“查找時間”的功能，它可以讓查找正確的時間變得更加容易。 只需創建一個活動，邀請您想要的人，然後轉到“查找時間”選項卡以查找每個人都有空的時段。
  2. 阻止約會時段：厭倦了在不方便的時間收到會議邀請？ 如果您使用的是 GSuite，則可以通過阻止預約空檔來避免這種情況。 這樣，您就可以阻止隊友與您安排會議的時間。 要激活此功能，只需在您可以參加會議的時間創建一個活動，然後轉到約會空檔。 您會看到一個鏈接，上面寫著“此日曆的約會頁面”。 單擊它，您將被重定向到您可以共享的網絡版本的日曆。
  3. 添加假期和其他事件：日曆允許您添加所有類型的事件，例如假期、體育賽事、月相廣告。 要添加此選項，請單擊日曆旁邊的 3 個點，然後轉到設置和共享。 將 Google 日曆添加到 WordPress - 日曆提示 然後，在“添加日曆”部分，轉到“瀏覽感興趣的日曆”並選擇要激活的日曆。 完成後，您會在“其他日曆”部分找到您選擇的活動。
  4. 時區：現在有越來越多的團隊在世界不同地區和不同時區工作。 如果這是您的情況，那麼此提示非常適合您。 Google 日曆允許您設置主要時區和次要時區，以便您始終找到適合會議的時間。 要激活此選項，請單擊日曆旁邊的 3 個點，然後轉到設置和共享。 然後，按日曆設置下的設置我的主要時區按鈕。 在那裡，勾選激活次要時區的選項並選擇您想要的。 如何在 WordPress 中嵌入 Google 日曆 - 時區 此外，您可以為您的時區添加標籤並顯示世界時鐘。

結論

總而言之，日曆不僅可以幫助您組織日程安排，還可以管理和共享活動，以便您的客戶可以跟上您的活動和重要日期。 如果您將 Google 日曆添加到 WordPress，您將為您的網站添加更多功能，為用戶提供價值，並從競爭對手中脫穎而出。 我們已經看到了在您的網站上嵌入日曆的 3 種不同方法：

  1. 使用簡單日曆插件
  2. 使用 WordPress 塊編輯器
  3. 通過 HTML

這些方法對初學者很友好，而且都非常有效，因此請選擇最適合您需求的方法。 此外，我們還看到了自定義日曆並使用短代碼和小部件添加它們的不同方法。 最後，我們看到了一些可以幫助您充分利用 Google 日曆的技巧。 你試過這個指南嗎？ 你覺得有用嗎？ 請在下面的評論部分與我們分享您的想法！ 更有用的指南以充分利用您的網站：

  • 如何自動從 WordPress 發佈到 Facebook
  • 指南：如何將 WooCommerce 與 MailChimp 集成
  • 如何配置 WooCommerce 並將其與 Stripe 集成