課題
- カスタムフィールドで作成した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一覧
-
その他
sonosのオーディオがぶつぶつ切れる症状を改善する
Sonosの困った症状Apple Musicや独自の録音ファイルをNAS経由で再生も可能な、便利なSonosのスピーカー。 こちらが時々、ストリーミング再生している音楽が「ブツッ」っと切れるようになりました。 この問題の解...
続きを読む
-
FileMaker
Claris Connect で困ったケースと対応方法
configuration.ymlの指定がすべて正しいはずなのに通らないFileMakerファイルが日本語になっているのが原因 →英語ファイル名にすることで解決 接続の問題は、agent.logを参照して掘り下げるClaris Connect側...
続きを読む
-
FileMaker
FileMaker の自習室にて「ポータルフィルタリングのレコード数をリアルタイムに反映させる（Claris FileMaker - 10分でスキルアップ）」が公開されました
動画内のサンプルがダウンロードできます。 ダウンロードはこちらから この動画のこぼれ話自社ソリューションの制作を行っていた時に「ちょっとどうしても気になる」と思って実装したテクニックです。FileMaker自...
続きを読む
-
a-blog cms
a-blog cmsのブロックエディターに画像付きテキストを効率よく貼り付ける方法（Mac環境）
a-blog cmsで記事を作成していると、外部サイトやアプリから「画像とテキストをまとめて」コピーして貼り付けたい場面は少なくありません。しかし実際には、ブラウザやアプリの違いによって画像の取り込み可否が...
続きを読む
-
技術
Final Cut Proの使い方を学ぶ（2）
動画現在iMovieを使ってい動画作成しているのですが、Apple Creator Studio が登場したため、Final Cut Proに乗り換えようかと思いました。その際に「【超永久保存版】これ1本でFinal Cut Proの基礎は完璧！動画...
続きを読む
-
技術
Final Cut Proの使い方を学ぶ（1）
動画現在iMovieを使ってい動画作成しているのですが、Apple Creator Studio が登場したため、Final Cut Proに乗り換えようかと思いました。その際に「【超永久保存版】これ1本でFinal Cut Proの基礎は完璧！...
続きを読む
