フォーム・診断– category –
-
フォーム・診断
業種別に見る、対応エリア・拠点を「クリックできる日本地図」で見せる型
対応エリアや勤務地、教室の所在地を地図で見せたい。そう思ったとき、最初に決めるのは色でもデザインでもありません。自分の業種が「広域の導線」を欲しているのか、「対応エリアの色分け」を欲しているのか、ここが決まれば作るべき地図の型はほぼ自動... -
フォーム・診断
日本地図のイメージマップが崩れる本当の理由と、SVGという解決策
日本地図の都道府県をクリックできるようにしたい。そう思って調べると、まず出てくるのが「イメージマップ」です。画像を1枚用意して、県ごとにクリック領域を座標で囲む、HTMLの <map> と <area> を使う古典的な手法ですね。一度作ってみた... -
フォーム・診断
Googleマップで「エリア地図」を作ろうとして詰まったら
「対応エリアを地図で見せたい」「都道府県をクリックしたら、その県のページに飛ばしたい」。こういう地図を作ろうとして、まずGoogleマップを埋め込もうとする人は多いです。地図といえばGoogleマップ、という発想は自然なのですが、県や地域エリアを塗... -
フォーム・診断
jQueryの日本地図プラグインから、WordPressでもっと楽に乗り換える
jQueryで動く日本地図プラグインを使って、都道府県をクリックしたら別ページに飛ぶ地図を作っている人は多いと思います。動くものは作れる。ただWordPressで運用していると、「色やリンクを変えるたびにコードを触るのが地味につらい」と感じる場面が出て... -
フォーム・診断
WordPressで日本地図を色分けする — 全部1色ずつ塗らない設計の話
都道府県や地域ごとに色分け(塗り分け)した日本地図をWordPressに置きたい、というとき。47都道府県を1つずつ塗っていくのではなく、「地図全体の規定色を決めてから、必要な単位だけ色を上書きする」という二段構えで考えると、作業も管理もずっと軽く... -
フォーム・診断
WordPressの日本地図は、ブロックエディタからショートコードなしで置ける
「クリックできる日本地図を本文に入れたいけれど、ショートコードを書くのはちょっと身構える」。そういう人向けに言うと、Japan Clickable Map はブロックエディタに対応していて、ブロックを追加して表示するマップを選ぶだけで日本地図を置けます。[jc... -
フォーム・診断
商用サイトで使える日本地図素材を、ライセンスで迷わず選ぶ
「日本地図 商用利用 フリー」で探していて、結局どれが安全なのか判断がつかない、という人向けに書きます。無料で拾える日本地図イラストは「商用OK」と書いてあっても条件が曖昧なものが多く、商用サイトで長く使うなら、出典がはっきりした地図データ... -
フォーム・診断
WordPressで市区町村単位のクリックできる地図を作る
「対応エリアは県全体ではなく、この市とこの区まで」。配達や施工、出張、地域密着のサービスだと、都道府県の地図では粗すぎる場面がよくあります。隣県にまたがって商圏が広がっていることも珍しくありません。この記事は、県より一段細かい市区町村単... -
フォーム・診断
店舗一覧を「自分の近くの店」から探せる地図にする(WordPress)
店舗や拠点が全国に散らばっていると、サイトの「店舗一覧」ページはたいてい縦に長い表か、都道府県名のリンクがずらっと並んだリストになります。運営側は網羅できて満足なのですが、訪問者は「で、自分の近くの店はどこ?」を地名から目で探す羽目にな... -
フォーム・診断
対応エリアを「地図で色分け」してWordPressで見せる方法
配達や施工、出張対応など、サービスを提供できる範囲が決まっている事業者向けの話です。対応エリアをサイトに載せるとき、多くの人はまず市区町村名をテキストで並べます。でもこれ、見ている側にはけっこう不親切です。「○○市、△△市、□□区、…」と続く一...