スポンサーリンク

【WPプラグイン配布】店舗登録するだけでGoogleMapに自動でピン止め!店舗情報も自動で更新する超絶便利プラグイン公開!!

スポンサーリンク

はじめに

前回の記事では、AIを相棒にプラグインを開発した裏話をお届けしました。 今回は、超絶便利な店舗登録でGoogleマップに自動でピン止めし、店舗情報表示も自動で更新してしまうプラグインを作っちゃいました!

フランチャイズや、食べ歩きの紹介、旅行が趣味の方、使い方は自由自在です。
こんな機能追加して!とか言う方は、まず自分でAIを相棒に修正してみてください!

実装したマップのサンプルページ

プラグインをダウンロード

WordPress管理画面からアップロードして有効化

淡路タマオ
淡路タマオ

かんたんにプラグインをインストールできるで!

WordPressの管理画面>プラグイン>プラグインのアップロード

Custom GoogleMap 使い方ガイド

Plugin Version 32.0 / Author: Awaji_Tamao

1. 共通設定(API・アイコン)

WordPressメニューの 「Custom GoogleMap」 から設定を行います。

  • API Key: Google Maps APIキーを入力します。
  • 共通ピン: 地図上に表示するピンの画像(40px×40px推奨)を選択します。
  • SNSアイコン(X / Insta / TikTok): 詳細ポップアップに表示するアイコン画像をそれぞれ選択・登録してください。※アイコンを登録することで、店舗情報に入力した各SNSリンクが表示されるようになります。
  • ジャンプ先URL (共通): 個別のスラッグが設定されていない場合に遷移するデフォルトのURLです。

2. 店舗情報の登録

メニューの 「店舗情報」→「新規追加」 から個別スポットを登録します。

基本設定
  • タイトル: 店舗名
  • 座標 (lat,lng): 地図の位置(Googleマップの右クリックで取得可能)
  • リンク先スラッグ: 個別ページへ遷移させたい場合に入力
SNS・画像項目
  • SNS URL: 各SNSアカウントのリンク
  • アイキャッチ: カード一覧でのメイン写真
  • 追加画像1・2: ポップアップ内に表示するサブ写真

3. 表示方法(ショートコード)

表示したい箇所に以下のコードを貼り付けてください。

地図のみ表示:

[cstm_map]

地図 + 店舗カード一覧:

[cstm_map_full]

💡 運用のポイント

  • SNSの表示について: 「共通設定」でアイコン画像を登録し、かつ「店舗情報」でURLを入力した場合のみ、ポップアップにリンクアイコンが表示されます。
  • 詳細ボタン: 「リンク先スラッグ」を入力すると、詳細ポップアップ内に「詳細をみる」ボタンが自動で表示されます。
  • 地図からの遷移: 地図上のピンをクリックした際も、設定したリンク先へスムーズに移動できます。

問い合わせ

※過去記事の誤報や削除依頼は随時受け付けております。

タイトルとURLをコピーしました