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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

3.リンク先を指定

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

補足点

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

クリッカブルマップ作成サンプル

以下に、実際におりこうブログDSで作成したクリッカブルマップの参考例を掲載しています。
ぜひ、各エリアをクリックして動きを確かめてみてください。

全国の事業所紹介

北海道地区

札幌営業所
郵便番号
●●●-●●●●
住所
札幌市●●区1-2-3
電話番号
000-000-0000
FAX
000-000-0000

東北地区

仙台営業所
郵便番号
●●●-●●●●
住所
仙台市青葉区1-2-3
電話番号
000-000-0000
FAX
000-000-0000

関東地区

新宿営業所
郵便番号
●●●-●●●●
住所
新宿区西新宿1-2-3
電話番号
000-000-0000
FAX
000-000-0000

中部地区

名古屋営業所
郵便番号
●●●-●●●●
住所
名古屋市西区1-2-3
電話番号
000-000-0000
FAX
000-000-0000

近畿地区

大阪営業所
郵便番号
●●●-●●●●
住所
大阪市中央区1-2-3
電話番号
000-000-0000
FAX
000-000-0000

中国地区

広島営業所
郵便番号
●●●-●●●●
住所
広島市中区1-2-3
電話番号
000-000-0000
FAX
000-000-0000

四国地区

愛媛営業所
郵便番号
●●●-●●●●
住所
松山市辻町1-2-3
電話番号
000-000-0000
FAX
000-000-0000

九州・沖縄地区

福岡営業所
郵便番号
●●●-●●●●
住所
福岡市中央区1-2-3
電話番号
000-000-0000
FAX
000-000-0000

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

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

こちらの関連ページもご覧ください

おりこうブログDSのホームページ作成機能
おりこうブログDSのカタログ作成機能
おりこうブログDSなら、スマホ・タブレットでいつでもどこでもホームページを作成・更新!
 失敗しないためのホームページ制作会社(業者)の選び方・比較のポイントとは?
中小企業のホームページ制作・リニューアルなら、日本全国で実績1万社を超える、おりこうブログDSで!
会社のホームページをリニューアルするなら、おりこうブログDSで!
成果の出るホームページ作成講座
日本全国でホームページ無料訪問相談を実施中! ホームページの作成やパンフレットの編集を実際にお試しいただけるおりこうブログDSの無料体験版にもお気軽にお申込みください。
 
【企業情報】
株式会社ディーエスブランド
〒852-8003
長崎県長崎市旭町6番1号
タワーシティ長崎
タワーコート1F
TEL.095-862-4891
FAX.095-862-4855
 
【日本全国で対応!】
・北海道・青森県・岩手県
・宮城県・秋田県・山形県
・福島県・茨城県・栃木県
・群馬県・埼玉県・千葉県
・東京都・神奈川県・新潟県
・富山県・石川県・福井県
・山梨県・長野県・岐阜県
・静岡県・愛知県・三重県
・滋賀県 ・京都府・大阪府
・兵庫県・奈良県・和歌山県
・鳥取県・島根県・岡山県
・広島県・山口県・徳島県
・香川県・愛媛県・高知県
・福岡県・佐賀県・長崎県
・ 熊本県・大分県・宮崎県
・ 鹿児島県・沖縄県