課題
- カスタムフィールドで作成した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。
小さなことから、お気になさらずお気軽にご相談ください。
投稿がお役に立ちましたら、いいねをしていただけると嬉しいです。
その他のa-blog cms一覧
-
a-blog cms
a-blog cms拡張アプリで管理画面「だけ」真っ白になった原因
a-blog cmsの拡張アプリを開発している中で、ある環境だけ管理画面が真っ白になる問題がありました。状況としては、次のような状態です。ローカル環境では問題なく動いている別のサイトでも動いているフロント側...
続きを読む
-
FileMaker
FileMakerのDDRを、ChatGPTに理解してもらう
発表をさせていただきました。先日FMCafeのオンライン勉強会「ChatGPT & Claude Codeで挑む！DDR（XML）活用FileMaker開発効率化」にて発表させていただきました。タイトルは「データベースデザインレポート...
続きを読む
-
AI・DX・業務改善
AI時代に企業サイトは不要になるのか？
AIで情報を調べることが一般的になってきたことで、企業サイトの役割についてあらためて考える機会が増えてきました。以前のように、まず検索して、企業サイトを順番に見て比較する、という行動だけではなくなっ...
続きを読む
-
Make
ウェブサイトからの営業メールを撲滅する
営業メールだらけの、お問い合せメールにうんざりこの数年で、Webサイトからのメールのほとんどが、営業メールになってしまいました。迷惑メールフィルタで弾くこともできますが、それをすり抜けるメールがあった...
続きを読む
-
その他
富士市の「くらし応援デジタル商品券」の残高を統合する（まとめる）方法
「くらし応援デジタル商品券」が発行されました。静岡県富士市にお住まいの方には、ハガキにて順次商品券コードが届いているかと思います。保護者が「複数の残高を、一つの商品券にまとめたい」をやるために実際...
続きを読む
-
FileMaker
FileMakerで作成したバーコードリーダーのサンプル
客様よりご依頼いただきました。お客様の業務管理をどのように実践するか考える中で。 「FileMakerでバーコードって読めましたっけ？」 というご質問をいただき、作成したファイルです。QRコードとバーコードを読...
続きを読む
