WordPress前回の続きです。イメージマップの元になる画像を用意し、名前をつけました。画像の座標もメモして準備が整ったところまででした。今回はイメージマップを作り、リンクを設定する方法です。画像が表示されない場合はイメージマップの名前の指定マップの名前(例では“#umap”)を決めたらイメージマップ用のマップを作成するために「name属性」を使ってマップ名を指定します。次のように記述します。>イメージマップの作成(個別リンクを作る)※WordPressの投稿画面の「テキスト」モードで記述していきます。マップに使用する画像を読み込みます。画像の下などに次のように記述してみましょう。基本的に次のように記述したら間に好きなだけリンクする要素を入れていきます。↑この間(マップ名を指定してからマップ終了のタグの間に)に座標でクリックする範囲の形を指定してリンクを設定します。shape=”形状”coords=”座標”href=”リンク先”alt=”代替え文字”マップ名を指定したタグと終了タグとの間に入れる一連の書き方は以下のようになります。猫の写真に赤枠のような範囲でリンクを設定すると次のようになります。※リンク先は架空のものです。画像が表示されない場合はなんらかの事情で画像が表示されないと、イメージマップは役にたたなくなります。画像が表示されていても、マウスが使えない環境では利用しにくくなります。そのため、イメージマップ上で設定しているすべてのリンク先については、別にテキストリンクなども用意しておくことも必要かもしれません。例では、別のページへのリンクを設定していますが、同じページ内の離れた場所へのリンクもできます。その場合はリンク先に先にアンカーを設定しておきます。1枚の画像でいろいろなところへリンクするイメージマップは作ってみると楽しいですよ~。ブログ作りのイメージも広がります。試してみてくださいね(^^)スマホでズレる場合の解決方法をUPしました。19:30参考にさせていただいています。ありがとうございます。実際にやってみているのですが、プレビューしてみる指定している場所とは違う場所にリンクが貼られてしまいます。PCで確認しているので、ブラウザの横幅を広げてみると、その違う場所が移動します。図の方はブラウザの幅によって縮尺が変わっているのに対して、指定している場所は絶対的な位置を示しているのかなとも思えます。元図が横1290x縦5906なのですが、大きすぎますでしょうか。対策がわかると嬉しいです。19:57田中さまご覧いただきありがとうございます^^波空です。画像サイズが大きすぎるのが原因ではないかと思います。自動的に?画面の表示サイズの最大値に直されるようでした。(これはテーマによって違うのかもしれませんが・・)550くらいの幅になってしまいます。作成している時に座標をとるのに元図で座標を設定してしまうと、記事にした時にその分ずれがでました。元図自体を画面の表示幅に合わせて、550くらいに縮小して、そこで座標を測りました。22:24波空さま、返信ありがとうございます。図を小さくしてやってみたところ、PC上では上手くいきました。そのままの状態で、スマホからアクセスをしてみたのですが、やはりずれてしまいました。そのままの状態で、PCのブラウザの横幅を縮めて、図の表示がさらに小さくなるようにしてやると、やはりリンクの位置はずれてしまいました。図がたとえば550の幅で表示できているときは、良いのですが、スマホやブラウザの大きさによって本来の550の幅で表示できないときは、ダメみたいですね。リンクの座標が、図の表示サイズの相対値で設定できると解消できるのかもしれません。14:23田中さま返信遅くなり申し訳ありません。自分であまりスマホでの確認をしなかったので、あらためてみたところ・・・しっかりずれてましたね(^^;手さぐりでサイトのカスタマイズをしているので、あまり詳しくないので、解決策を探してみましたプラグインで簡単にできるようです。よかったら試してみてください。私も自分のページの1つに試して確認してみました。これでいけると思います。Maps」を使ってみました。リンクを書いておきますので、そちらのサイトを参考に導入していただければと思います。コメントをキャンセルメールアドレスが公開されることはありません。ENTRYコロナウイルス予防のアルコール消毒液の作り方!売りきれなら自作を毎日のようにコロナウイルスのニュースが飛びかっています。ウイルス予防にも?最近では外出の時、マスクをしている人を多く見かけます。公衆電話のかけ方知らない人が増えている?!普通の時と緊急災害時めっきり少なくなった公衆電話。自転車の違反て意外と知らないことが多い?つい、でも罰金は5万円!身近でもみかける自転車事故や違反。自転車保険加入が2020年4月から東京都でも義務化って知ってた?自転車保険の義務化?日頃自転車利用の多いので気になる話題です。→もっと見るプロフィールこんにちは。映画を観ること・パソコンで遊ぶこと・チョコレート・中島みゆきさんの歌・・やりたいことは・・いろいろあるけど、まずは資金と自由な時間を確保しないと進まない。日々どうしたらできるか考えながらリアル仕事に追われています。