笑顔計画|デザイナー's WEB SITE

レスポでのGoogleカレンダー。現時点での解決状態。

2020.06.23

この記事は約1分で読めます。

レスポンシブサイトが当たり前になり、検索すればiframeの埋め込みに感する工夫も数々出てきます。
動画やMAPは結構対応しきれているなぁと思うのですが、どうにも悩むのがGoogleカレンダー
今回仕事でWordpressではなく普通のHTMLサイトに埋め込む必要がありました。
レスポンシブだとChrome以外は微妙な表示になってしまうので
テキストまたはバナーなどのカレンダーリンク(それかモーダルウインドウ)だと問題ないのですが
ページに表示する場合はどこかで区切りをつけないといけないかなと思いました。

 

Edge、IE11、Firefoxはスクロールバーで確認できるようにしたほうが、カレンダーを見ることができます。
むしろiframeを工夫して埋め込んでも、高さ半分少しぐらいでカレンダーが見えない状態になるので
パソコンだったらスクロールするほうがいいかな。

 

スマホはスクロールが苦手ですから、多少高さが出ても表示を任せたほうが見えるかな。

 

これが最終解決策というより見えなくなる、周囲に余分な余白が出るぐらいだったら
まだこうしておいたほうがマシよね、という状態。
WordPressプラグインだと種類も豊富なので、こういうマシレベルよりもきちんとビジュアル良くするなら
GoogleMap APIでのカスタマイズやWordpress導入が理想のような気がします。

カテゴリ一覧へ戻る

コメントをどうぞ

メールアドレスは非公開です。お気軽にコメントください。全項目入力必須項目です。

CAPTCHA


このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください