googleカレンダーをワードプレスで使う。スマホでの表示ができないを解決

カレンダー機能をホームページ(ワードプレスでの作成)につけたい。

そんな時に便利な無料で簡単に使える

googleカレンダー

ワードプレスへ入れるのは、コードの貼り付けのみで
簡単だったのですが

その後、なんと!

スマホでみると
水曜日までしか表示されない!?という問題が発生!
なぜかスクロールもできない(>_<)

そんな時に以下のサイトページでお助けいただきました。

↓↓↓
Googleカレンダー・埋め込み表示方法

↑こちらのページ埋め込み方法も分かりやすく説明してあります。
(ありがとうございました。リンクフリーでしたのでリンクさせていただきました。)

ちなみに

CSSをワードプレスにいれるのに

外観→カスタマイズ→左にでてくるメニュー欄を下をみていくと

「追加CSS」

というところがありますので、そこに貼り付けしました。

 

その後、固定ページ又は投稿ページに戻り
カレンダーの<iflam タグの最初と
終わりに、
上記のページに記載のあるタグの挿入

スマホで画面を確認して無事完了。