Wordpress通過管理顯示谷歌地圖的地方

Question

我正在爲一個自由職業的教育家，誰讓他在3-4個不同的地方講座的網站。我希望在發佈這些講座的帖子底部附上谷歌地圖。 是否可以在管理員後編輯器中使用這些位置選擇3-4個單選按鈕，這會在主題中插入Google地圖iframe？

感謝您的幫助。

BR-：摹

Answer 1

有可能是一個更簡單的方法，但這樣做的一個方法是：

1. 創建自定義職位類型（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; 
     } ?> 

該代碼只是一個快速和醜陋的例子，但它應該給你一個如何使用該字段的想法。網址直接來自Google地圖 - 我只需點擊鏈接圖標，然後點擊「自定義並預覽嵌入的地圖」即可獲取我之後的尺寸。