どーも!こんにちは!淡路タマオです!
今回は、ななな何と!超絶便利なプラグインを作ったので、配布しちゃいますよー。
バージョンも30を超えて、結構いい感じに仕上がってるで!
店舗登録でマップにピン止め!店舗情報も自動更新!
フランチャイズの店舗紹介や、食べ歩きが趣味の方のブログに使えます!
今回もGeminiを相棒にプラグインを作りました。
プロンプトはもうはっきり憶えてませんが、こんな感じ。
めっちゃ長いけど、完成のイメージを細かく伝えるのが超重要。
店舗を登録でGoogleマップにピン止めできるプラグインを作りたい。
表示はマップのみの表示とマップと店舗情報が表示できるようにショートコードを2種類。
店舗登録はカスタム投稿を追加
店舗登録画面で、座標、郵便番号、住所、営業時間、追加写真2枚、SNSのリンクを入れられる。
本文は自由テキストで。
マップの管理画面は、APIキーの入力、ピンのアイコン選択、マップの高さ設定(スマホとPCで別々)、SNSアイコンの選択
マップ表示は、店舗が登録されたらピンを追加し、ピンが見きれないようにマップの表示範囲を自動調整する。
ピンをクリックしたら、吹き出しで店舗のアイキャッチと、店舗名と「詳細はこちら」と表示。吹き出し全体をボタン化し、吹き出しをクリックすると店舗情報がカード型で表示される。
表示内容は上から店舗名、アイキャッチ、追加の画像、本文、郵便番号、住所、営業時間、SNSのリンク、Googleマップへのリンク。郵便番号、住所、営業時間、SNSのリンクの設定がない場合は、非表示にする。
カード内の画像をクリックすると画像がポップアップで開く。
マップの下にドロップダウンで都道府県の選択ができるように。ドロップダウンで選択したら、以下で説明する都道府県にページ内リンクでジャンプする。
その下に3カラム表示で都道府県別に店舗カードを表示する。
都道府県の順番は北海道〜沖縄
店舗が登録された分だけ表示する。
カードの表示内容は上からアイキャッチ、店舗名、本文とし、本文を抜粋で20文字程度まで表示。カード全体をボタン化し、影をつける。マウスホバーで少し上へ動くアニメーションをつける。
クリックすると、マップのピンをクリックした情報と同じポップアップが開く。
すべてのポップアップはアニメーションを付けてください。
そんなのは面倒だ!
という方は以下からダウンロードしてインストールしてみてください。


コメント