a-blog cmsでカスタムフィールドによるGoogle Maps表示を、レスポンシブに表示する
課題
- カスタムフィールドで作成したGoogle Maps表示をレスポンシブにしたい
- https://developer.a-blogcms.jp/document/customfield/googlemaps.html#entry-0
の表示方法への対応
解決方法
- imgから始まる標示部分を、以下のタグで囲む。
<div style="display:flex;flex-wrap:wrap;”>
<img class="js-s2d-ready" src=“”…>
</div>備考
- imgで表記した内容は、a-blog cms側でdiv要素で再描画される。
- その内容について、flexを利用して標示幅の可変に対応する。
- https://datafarm.jp/case/sumaregi/と詳細ページの地図部分で上記を利用している。
お困りごとをお聞かせください。
a-blog cmsについてのご相談、ご依頼など。
頂いた内容については、3営業日以内の返信を心がけております。
他社作成のa-blog cms修正、コーディング済htmlへのa-blog cms導入もOK。
小さなことから、お気になさらずお気軽にご相談ください。
