本文へ移動

おりこうブログなら初心者でも簡単にクリッカブルマップを作成できる!

おりこうブログDSならクリッカブルマップを簡単作成
企業向けホームページ作成ソフト、おりこうブログクリッカブルマップブロック(有償オプション)ならクリッカブルマップを誰でも簡単・手軽に作成できます。
 
HTMLの知識がいらないのでホームページ初心者でも安心。面倒な座標を指定する作業も必要ありません。
おりこうブログで手間をかけずにクリッカブルマップを作成しましょう!

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

クリッカブルマップ(Clickable map)とは、一枚に複数のリンクが設定された画像のことです。クリックした場所によって、リンク先が変化します。イメージマップとも呼ばれます。
 

「マップ」の言葉どおり、地図の表現でよく使用されますがイメージ図などで使われることも多いです。
 
クリッカブルマップを利用すればホームページの情報を視覚的にわかりやすく伝えられます。

おりこうブログでクリッカブルマップを簡単作成

普通はクリッカブルマップを初心者が作るのは難しい

通常はクリッカブルマップを初心者が作るのは難しい
視覚的な効果が高いクリッカブルマップですが、初心者が作成・設置するのは大変です。
 
まず、HTMLというWebサイトを作成するための言語の知識が豊富になければいけません。HTMLを使いこなせることが、クリッカブルマップ作成の最低条件です。
 
そのため、初めてホームページを作成・更新する方がクリッカブルマップを作成したり、設置したりするのはかなり困難です。
 
それに加えて、HTMLを理解している人でもクリッカブルマップの作成・設置は相当大変な作業です。通常のクリッカブルマップ作成作業では、クリックできる領域の座標をいちいち指定しなければ機能しないからです。(x軸・y軸から測定して、どの位置にあたるのかを指定)

おりこうブログなら、HTMLも座標も編集する必要なし!

おりこうブログDSなら、HTMLも座標も編集する必要なし!
おりこうブログのクリッカブルマップブロックではHTMLが分からない初心者の方でもクリッカブルマップを簡単に作成できます。いちいち座標を細かく指定していく必要もありません。
 
誰でも簡単・手軽にクリッカブルマップをホームページに設置して活用できます。

クリッカブルマップブロックの作成手順

1.手持ちの画像をアップロード

まずは、クリッカブルマップの土台にしたい画像をアップロードします。【参照】ボタンを押してパソコン内に保存されている画像を選択するだけで簡単にアップロードできます。

2.クリックできるエリアを指定

次に、クリックできるエリアを指定します。先程アップロードした画像の上をクリックすると、赤い線が引けるようになるのでクリックできるエリアをこれで囲んでいきます。
クリッカブルマップブロック 赤い線でエリアを囲みます
赤い線でエリアを囲みます
クリッカブルマップブロック 囲み終わると範囲指定が完了
囲み終わると範囲指定が完了

3.リンク先を指定

手持ちの画像をアップロード
最後にクリックしたときのリンク先のURLを指定します。この作業をリンクさせる範囲の数の分、繰り返すだけで簡単にクリッカブルマップが完成します。
 
この他にも、範囲内にマウスを合わせた(ロールオーバーさせた)ときに色を変える設定などもあります。

補足点

クリッカブルマップブロック スマホ表示例
  • スマートフォンで閲覧された場合は、画面の大きさが変わり指定したエリアの広さが変動してしまうため、画像をクリック(タップ)してのリンクができなくなります。
    代わりに、下部に文字リンク一覧を自動的に表示します。
 
  • ひとつのクリッカブルマップにつき設定できるリンクは最大50箇所までになります。
     
  • クリッカブルマップに使用する画像は、基本的にお客様の手持ちの素材になります。ただし、追加料金をお支払いいただければ弊社デザイナーがお客様のご要望をもとに画像を作成することもできます。

無料体験版でクリッカブルマップ作成をお試し!

ご覧いただいたように、おりこうブログではHTMLなどの専門知識がない方でも簡単・手軽にクリッカブルマップを作成できます。
 
ただし、「実際に操作してみないと、本当に自分にも作れるのか分からない・・・」と不安をお持ちの方も多いでしょう。
 
その場合は、ぜひおりこうブログの無料体験版をお試しください。実際のソフトを用いて、クリッカブルマップの作成をお試しいただけます。
 
ご興味のある方はぜひ、以下のバナーよりお申込みください。
TOPへ戻る