マップブロック
最終更新日：
サイトの投稿またはページに、Jetpackの 地図ブロックを使って地図を追加できます。
地図ブロックを使用するための特別な要件
地図ブロックを使用するには、Mapboxのアクセストークンが必要です。このトークンがないと、ブロックに地図を表示できません。
アクセストークンを取得する方法は次のとおりです。
- まだMapboxアカウントをお持ちでない場合は、https://www.mapbox.com/signup/を開いてアカウントを作成してください。無料で作成できます。
- Mapboxアカウントにログインします。
- 上部メニューのアカウントページに移動し、アクセストークンのセクションを探します。
- デフォルトの公開トークンをクリップボードにコピーします。新しく作成する必要はありません。
- サイトで初めて地図ブロックを追加すると、Mapboxアクセストークンの入力を求める画面が表示されます。
- 先ほどクリップボードにコピーしたデフォルトの公開トークンを、地図ブロックのトークン欄に貼り付けます。
- トークンを設定。
地図ブロックを追加する
地図ブロックはJetpackブロックの一部で、デフォルトで有効になっています。有料アップグレードなしで使用できます。利用可能なブロックと有効化方法については、Jetpackブロックの記事をご覧ください。
Jetpack Blocks require the Block Editor (also referred to as the Gutenberg editor). If you’ve installed the Classic Editor plugin, you have a few options:
- Deactivate the Classic Editor: Go to Plugins → Installed Plugins in your WP Admin and deactivate the Classic Editor plugin.
- Enable both editors: If you prefer flexibility, navigate to Settings → Writing in your WP Admin (not the menu under Jetpack settings). Set Allow users to switch editors to Yes. You will only see these options if you have the Classic Editor plugin installed and active.
Some custom themes or plugins may prevent you from using the Block Editor. In that case, please contact the support team for the plugin or theme for further assistance.
For more details, see Using Blocks and the Classic Editor.
ブロックピッカーで「マップ」を検索すると、マップブロックを任意の投稿または固定ページに追加できます。詳しくは、Jetpackブロックページで、Jetpackブロックの追加方法をご覧ください。Mapブロックを追加したら、次の手順に従ってください。
- 地図が読み込まれると、場所マーカーを追加できるテキストフィールドが表示され、「場所を追加」と表示されます。
- 地図に表示する場所を入力します。大まかな場所でも具体的な場所でも入力でき、入力中に場所の候補が自動的に表示されます。
- 正しい場所をクリックして、地図に追加します。
- 赤いマーカーアイコンをクリックして、マーカータイトルとマーカーキャプションを編集します。マーカーキャプションフィールドの住所を編集してもマーカーの位置は変わらず、マーカーをクリックしたときに地図上に表示されるテキストだけが変わります。
- 住所が正しく特定されていない場合、地図上で、位置マーカーの精度向上に協力できます。Mapboxでは、データを地図ツールを通じて編集を提案することで改善できます。
場所のマーカーを追加する
同じ地図に複数の場所のマーカーを追加できます。たとえば、レストランチェーンのすべての店舗を1つの地図に表示したい場合は、各店舗にマーカーを追加できます。
場所のマーカーを追加するには、次の操作を行います。
- マーカーを追加を、ページまたは投稿の同じ地図ブロックでクリックします。
- 上記の手順に従って場所の詳細を入力します。
- マーカーを追加するたびに、この操作を繰り返します。
複数の場所のマーカーを追加すると、すべてのマーカーが表示されるように地図が縮小されます。
地図ブロックの設定
WordPressエディターで地図ブロックを選択すると、右側のサイドバーからブロック設定にアクセスできます。
地図の外観
地図の外観をカスタマイズするためのさまざまなオプションがあります。
- 地図のテーマ。
- 道路名を表示するかどうかのオプション。
- 場所のマーカーの色。
- 高さ、ズームレベル、全画面表示のオプション。
マーカーのセクション
マーカーのセクション設定から、すべてのマーカーを編集できます。ブロック設定からマーカーを編集する操作は、マーカー自体をクリックしてブロックを編集する場合とまったく同じです。ただし、編集するマーカーが多い場合は、これらの設定を使用するほうが簡単です。
Mapboxアクセストークン
このセクションからMapboxアクセストークンを更新または削除できます。
サイトに複数の地図がある場合、1つの地図からアクセストークンを削除すると、すべての地図から削除されます。ただし、場所のマーカーは保存されるため、新しいアクセストークンを追加すれば再び表示されます。
地図ブロックの詳細設定
詳細設定では、地図にカスタムCSSクラスを追加して、必要に応じて独自のカスタムCSSスタイルを適用できます。
Still need help?
Please contact support. We’re happy to advise.
プライバシー情報
地図ブロックは有効化されています。無効化することはできません。地図ブロックはブロックセレクターで常に利用できます。
地図ブロックはMapboxを使用します。Mapboxのプライバシーポリシーはこちらでご確認いただけます。https://www.mapbox.com/privacy/。
| 使用されるデータ | |
|---|---|
| サイト所有者／ユーザー
Mapbox APIキー。場所を検索すると、検索語がMapboxに送信されます。地図タイルはMapboxから読み込まれます。 | サイト訪問者
なし。 |
| 追跡されるアクティビティ | |
| サイト所有者／ユーザー
当社では何も追跡しません。追跡されるアクティビティの詳細については、Mapboxのプライバシーポリシーをご覧ください。 | サイト訪問者
当社では何も追跡しません。追跡されるアクティビティの詳細については、Mapboxのプライバシーポリシーをご覧ください。 |
| 同期されるデータ（詳細を読む） | |
| サイト所有者／ユーザー
Mapbox APIキー。投稿の内容。 この機能で利用できる設定がどのように構成されているかを識別するオプションも同期します。 | サイト訪問者
なし。 |
