イメージマップ

●HTML Imagemap Generator
https://labs.d-s-b.jp/ImagemapGenerator/

注意
imgタグのsrc部分を変更するのを忘れないようにしましょう。例えば、wordpressであれば「メディアを追加」してからタグにusemap=”#ImageMap”を入れると楽です。

STEP3:リンクを入力する
コピペしたコードにリンクを入力しましょう!

WordPressの場合、ビジュアルエディターではリンクを入れるのはできないみたいです。

テキストエディタに切り替えて、areaタグのhref属性にリンク先のURLをコピペしましょう。別タブで開きたい場合は「target=”_blank” rel=”noopener noreferrer”」も追加で入力します。

●Copy Content Detector
https://sukimanosukima.com/2019/10/08/webtool/#toc1

できた!!!!!!

優勝

・画像のURLを張ることがキモだった!

・後リンク先のURL張るときはhttpから張らないバグル

・コードエディターじゃなくてもカスタムHTMLでもできた!