【WPプラグイン配布】店舗登録するだけでGoogleMapに自動でピン止め！店舗情報も自動で更新する超絶便利プラグイン公開！！
はじめに
前回の記事では、AIを相棒にプラグインを開発した裏話をお届けしました。 今回は、超絶便利な店舗登録でGoogleマップに自動でピン止めし、店舗情報表示も自動で更新してしまうプラグインを作っちゃいました！
フランチャイズや、食べ歩きの紹介、旅行が趣味の方、使い方は自由自在です。
こんな機能追加して！とか言う方は、まず自分でAIを相棒に修正してみてください！
実装したマップのサンプルページ
ショートコードを貼るだけで、投稿をスッキリ見せられます。
プラグインをダウンロード
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_full]
💡 運用のポイント
- SNSの表示について: 「共通設定」でアイコン画像を登録し、かつ「店舗情報」でURLを入力した場合のみ、ポップアップにリンクアイコンが表示されます。
- 詳細ボタン: 「リンク先スラッグ」を入力すると、詳細ポップアップ内に「詳細をみる」ボタンが自動で表示されます。
- 地図からの遷移: 地図上のピンをクリックした際も、設定したリンク先へスムーズに移動できます。
まとめ
かなり修正に修正を加え、現在の形になったプラグインやで！
これは、とある企業のHPに実装してるで！
このcustomGooglemapの狙いは、「更新の手間、時間を削減する」のが目的です。
そのついでに見た目を弄っています。
けっこう手の込んだプラグインですが、こちらもAIで作ったもの。
時間のある人はページのカスタマイズで迷ったら、AIに相談すれば、かなりの確率で解決出来ちゃいますよ！
問い合わせ
※過去記事の誤報や削除依頼は随時受け付けております。
