美和山古墳｜GoogleMap

美和山古墳に行ってきました。

【Web備忘録】
➀地図の埋め込みサイズは、カスタムで行った。
　横　682px　　縦　500px　※現時点
②そのままではレスポンシブ対応ではない。
（a）style.cssに追記する。
（b）<div class=”googlemap”>　と　</div>　でGoogleMapの埋め込みコードを囲む。
➡（b）は毎回なので、忘れないこと。
※このページのコード（2行上の文字）はカスタムHTMLの枠内に『コピペ』非対応（レスポンシブ対応していない）。なぜ？
でも、カスタムHTML枠内どうしのコピペなら、レスポンシブ対応可なので、当分はそっちで対応します。
・・・不思議。

津山歴史散歩の記事には最初にGoogleMapを埋め込むとわかりやすいと思いました。

カスタムHTMLの機能を使って、GoogleMapを表示させ、続けて記事を書き始めようと思った時、ふと。

「なんかレスポンシブじゃないみたい・・・。」
スマホ画面で見ると、ページが崩れてしまっています。

で、いろいろ試行錯誤しました。

レスポンシブ対応になりました。

良かったです。

もう一つ、今日は、『最新情報』のページの記事毎に日付が表示されるように変更しています。

見やすくなったと思います！！！

実際の記事は明日・・・。