a-blog cmsにエントリーにタグが直書きされているクリッカブルマップをスマフォでも対応させるには「RWD Image Maps」が便利
問題
- a-blog cmsのエントリー内に、クリッカブルマップのタグを直接買いているのだが、スマフォでレスポンシブ対応されたマップでは、座標が正しく動作しないため、動作がおかしい
解決方法
- RWD Image Maps を導入することで解決
- エントリー内に動作用のスクリプトタグを追加し、無事に動作した。
- 実装については動作はこちらを参考にさせていただきました。（https://helog.jp/javascript/jquery-rwd-image-maps/）
補足
htmlに直接コードが書かれている場合は、グローバル変数やIFを使った対応をします。 それにより「スマフォの場合はマップを無効にする」という対応が可能です。 （最初はそのようなご依頼でした）
しかし、エントリーに作成されたユニットは、個別に「スマフォの場合に表示する、しない」ということが基本できません。 そのため、スマフォでも正しくクリッカブルマップが動作する形で対応しました。
お困りごとをお聞かせください。
a-blog cmsについてのご相談、ご依頼など。
頂いた内容については、3営業日以内の返信を心がけております。
他社作成のa-blog cms修正、コーディング済htmlへのa-blog cms導入もOK。
小さなことから、お気になさらずお気軽にご相談ください。
