MENTAやTimeTicketでZoomオンライン指導・メンタリングを行っています。
WordPressやHTMLサイトのトラブル、SEO対策のご相談、HTML・CSS・WordPressなどのレクチャーなどが可能です。


埋め込んだgoogleカレンダーの予定の色を埋め込まないものと同じにしたい

いつもお世話になってます。今回はgoogleカレンダーの埋め込みについてです。
googleカレンダーをホームページに埋め込んだのですが、予定の色が元の色と異なって表示されます。コードに何かを記述するべきなのでしょうか?

埋め込みの方法はカレンダーの「設定」→「カレンダーの統合」というところにある「埋め込みコード」をページに記述するというものです。
よろしくお願いします。


>モミジ 様
ご相談ありがとうございます。

基本iframeといった埋め込みコードは、元となる仕様(この場合Google カレンダー)を引き継ぎ、色変更等の機能もカスタム機能が無ければ自由に変更することは難しいです。
(一応僕も試してみましたが、やはり管理画面と埋め込みでは色を揃えることができませんでした。)

いくつか方法はあるようですが、僕自身は試したことがありませんのでワードだけご紹介します。
1.「gcalendar-wrapper.php」
2.プラグイン「Simple Calendar」を使う

1.「gcalendar-wrapper.php」は元となるソースを公開しているページが停止されていました。

simple Calendar はAPIキーなども必要なようでちょっと手間がありそうです。

Simple Calendar プラグインはこちら

Simple Calendar – Google Calendar Plugin

Google api
https://console.cloud.google.com/apis/library?hl=ja

どの方法にも共通していえるのは、「埋め込み元の仕様が変わったらできなくなる(やり方が変わる)」というものですね。

参考にして頂ければ幸いです。

おすすめコンテンツ

“埋め込んだgoogleカレンダーの予定の色を埋め込まないものと同じにしたい” への2件の返信

  1. やはりプラグイン等を使わないと無理なようですね。
    ありがとうございます。やってみます。

    1. >モミジ様
      コメントありがとうございます。
      そうですね、iframe等埋め込みはそのままでは自由にならないことが多いです。
      APIを利用して開発するか、そういったプラグインを使うかになるでしょう。

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です

CAPTCHA