ノーコードでクリッカブルマップ、WordPressプラグイン｢Draw Attention｣

画像の知りたい部分をタッチすると名称や説明が表示される、説明が捗りますよね。
そんなWordPress プラグイン、Draw Attentionを紹介。

クリッカブルマップはFireWorksと共に普及？

クリッカブルマップ、イメージマップとも呼ばれてましたが、adobe FireWorksの対応で一気に広まり、スマホの普及でレスポンシブル化に向かなく一気に廃れた気もします。

クリッカブルマップとは？

正方形⬜を田のように四角く区切って、4つの場所にマウスカーソルを合わせると色が変わったり文字を表示させたりリンクさせたりする機能です。

案内図、間取り、商品説明も、活用度MAX！

• 雑誌の表紙のようなデザインを作って、見出しをクリックすると記事に飛ぶ
• 部屋の間取り図の画像を作って、部屋や設備をクリックすると説明を表示
• 日本の白地図クイズで、マウスカーソルを合わせると都道府県が表示される。クリックすると詳しい情報が表示される、とか
• 製品画像で、電源ボタン、音量調整など機能を説明する、とか

無料版は1画像作成

2画像以上は有料版が必要で、1サイトのみのシングルコースが1年99ドル、無制限のPRO版が年199ドルの2コースがあります。

どちらのコースも、

• 画像数は無制限
• クリック領域も無制限

SEOも問題なし

クリック内容のテキストも見だしも検索エンジンから見える構造らしいので、タブ表示にあるようなSEOで見えない問題もありません。

サポートも早い

英語のプラグインですが、何度か機械翻訳の英文で質問して、毎回返事が早いので疑問解決も問題無いです。

日本地図で試用

以下、日本地図で試してみましたが、東北だけで力尽きました……

日本の都道府県

福島県

北海道

日本最北端。

島は設定できず

青森県

本州最北端

秋田県

わるいごはいねが

岩手県

面積2位！

小岩井農場、南部鉄器

山形県

将棋の駒の天童市
サクランボに米沢牛

宮城県

仙台、牛タン、三陸海岸

酒がうまい

福島県

会津若松、喜多方、ハワイアンセンター

やりたいアイデアが膨らむプラグインです。
英語ですが、簡単に使い方は分かります。
1つポイントは、範囲指定したらセーブする。これに気づくまで何度か消えました……

drawattention