イメージマップのテストをしてみた【jpeg画像クリック箇所設定】

canvaで制作したjpegデザインを、イメージマップにしてボタンクリックできるようにテストしてみました。

実際に下記の画像の通り、丸いボタンをクリックしてみてください。

作り方

イメージマップジェネレーターというwebツールを活用して制作いたしました。

https://labs.d-s-b.jp/ImagemapGenerator/

使い方は簡単で、アップロードして丸とか三角とか多角形のアイコンを選択して画像へ入れ込むだけ。

HTMLが作成できたら、WordPressの投稿で全幅表示にして、HTMLコードをコピペする。

HTMLの中の

<img src=”~~.png”

をURLをWordPressのメディアからリンクをコピーして貼り付ける。

#のところを飛ばしたいリンクに書き換える。

以上。