a-blog cmsにエントリーにタグが直書きされているクリッカブルマップをスマフォでも対応させるには「RWD Image Maps」が便利 | 2ページ目 | a-blog cms | ブログ | 株式会社データファーム

ブログ - a-blog cms

ablogcms

2021年03月30日（火） a-blog cms

問題

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。
小さなことから、お気になさらずお気軽にご相談ください。

送信内容
詳細必須

詳細を入力してください。

お名前必須

お名前を入力してください。
メールアドレス必須

メールアドレスを入力してください。

正しいメールアドレスを入力してください。

その他のa-blog cms一覧

カテゴリーリスト