0

3 ～ 4 か所で講義を行うフリーランスの教育者向けの Web サイトを作成しています。これらの講義が行われている投稿の下部にGoogleマップを添付したいと思います. Admin Post-editor でこれらの場所を含む 3 ～ 4 個のラジオ ボタンを選択して、テーマを通じて Google マップの iframe を挿入することは可能ですか?

助けてくれてありがとう。

BR-:g

4

1 に答える 1

1

おそらくもっと簡単な方法がありますが、これを行う1つの方法は次のとおりです。

  1. Location というカスタム投稿タイプ (CPT) を作成する
  2. WP Geo (または同様のもの) をインストールし、新しい CPT で有効にして、それぞれを特定の場所に関連付けることができるようにします。
  3. Posts 2 Postsプラグインを使用して、投稿 (講義の詳細) を場所に関連付けます。

投稿のリンクされた場所を特定し、マップをレンダリングするために WP Geo 機能を呼び出すには、少しコードを書く必要があるかもしれませんが、コーディングの経験があればかなり簡単です。

編集

わかりました、カスタム フィールドに熱心なので、これを試してください。Advanced Custom Fieldsプラグインをインストールすると、カスタム フィールドのラジオ ボタンが表示されます (デフォルトでは可能ではないと思います)。「コースの詳細」と呼ばれる新しいフィールド グループを設定し、「場所」と呼ばれる単一のフィールドを使用します。適切なエントリ タイプ (ページまたは投稿) に関連付けます。 フィールド定義

フィールドは、次のようにエントリ エディタに表示されます。 ページ編集

マップをコードに表示するには、次のようなコードをテンプレートに追加します。

    <?php 
        switch (get_field('location')) {
            case "melbourne":
                ?><iframe width="560" height="350" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="http://maps.google.co.uk/maps?gl=uk&amp;ie=UTF8&amp;t=m&amp;ll=-37.81609,144.967175&amp;spn=0.011866,0.024033&amp;z=15&amp;output=embed"></iframe><br /><small><a href="http://maps.google.co.uk/maps?gl=uk&amp;ie=UTF8&amp;t=m&amp;ll=-37.81609,144.967175&amp;spn=0.011866,0.024033&amp;z=15&amp;source=embed" style="color:#0000FF;text-align:left">View Larger Map</a></small><?php
                break;
            case "london":
                ?><iframe width="560" height="350" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="http://maps.google.co.uk/maps?gl=uk&amp;ie=UTF8&amp;t=m&amp;ll=51.508101,-0.128059&amp;spn=0.018697,0.048065&amp;z=14&amp;output=embed"></iframe><br /><small><a href="http://maps.google.co.uk/maps?gl=uk&amp;ie=UTF8&amp;t=m&amp;ll=51.508101,-0.128059&amp;spn=0.018697,0.048065&amp;z=15&amp;source=embed" style="color:#0000FF;text-align:left">View Larger Map</a></small><?php
                break;
            case "geneva":
                ?><iframe width="560" height="350" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="http://maps.google.co.uk/maps?gl=uk&amp;ie=UTF8&amp;t=m&amp;ll=46.198369,6.142302&amp;spn=0.020793,0.048065&amp;z=14&amp;output=embed"></iframe><br /><small><a href="http://maps.google.co.uk/maps?gl=uk&amp;ie=UTF8&amp;t=m&amp;ll=46.198369,6.142302&amp;spn=0.020793,0.048065&amp;z=14&amp;source=embed" style="color:#0000FF;text-align:left">View Larger Map</a></small><?php
                break;
        } ?>

コードは手短で見苦しい例ですが、フィールドの使用方法については理解できるはずです。URL は Google マップから直接取得されます。リンク アイコンをクリックし、[埋め込みマップのカスタマイズとプレビュー] をクリックして目的のサイズを取得しました。

于 2012-05-11T10:46:20.570 に答える