Kako Dodati Google Mapu u WordPress bez Plugina?


Google mape su veoma korisne za prikazivanje lokacija na vašem blogu, ali mogu biti malo komplikovane za integraciju, naročito za korisnike koji nisu tehnološki obrazovani.

Ovde možete videti shortcode koji će učiniti integraciju Google mapa super jednostavnim.

Šta je shortcode?

Kao što mu ime govori, shortcode je jednostavan kratak kod koji zamenjuje više kompleksne funkcionalnosti. Pa umesto da pišete 50 linija kompleksnog koda unutar posta ili stranice, jednostavno ih možete implementirati u shortcode pozivajući samo jednu liniju.

Sigurno ste pomislili da je kreiranje short kodova komplikovano i teško. Pa nije baš toliko, jedino što je potrebno je minimalno poznavanje PHP-a.

Da bi vam to dokazali kreiraćemo shortcode koji omogućava integrisanje Google mapa unutar bilo kog posta/stranice.

Prvo pogledajte u embed kod koji Google pruža:

google-mapa

Najvažniji atributi su „width“, „height“ i „src“. Prva dva daju dimenzije mape, a treći prikazuje mapu koja se nalazi na željenom url-u.

Za ovaj shortcode ćemo koristiti sva tri pomenuta atributa.

Da bi kreirali shortcode, nalepite sledeći kod u functions.php fajl vaše teme:

function popart_googlemap($atts, $content = null) {
   extract(shortcode_atts(array(
               "width" => '940',
               "height" => '300',
               "src" => ''
   ), $atts));
return '<div>
         <iframe src="'.$src.'&output=embed" frameborder="0" marginwidth="0" marginheight="0" scrolling="no" width="'.$width.'" height="'.$height.'"></iframe>
        </div>
       ';
}
add_shortcode("googlemap", "popart_googlemap");

Ovako funkcija izgleda. Kod je podeljen na dva dela: glavna funkcija i poziv funkcije. Glavna funkcija sadrži parametre koji se prosleđuju shortcode funkciji za poziv.

  • $atts – asocijativni niz atributa
  • $content – sadržaj koji je obuhvaćen

Kada ste sačuvali ovaj kod u functions.php fajlu, možete početi sa integrisanjem Google mapa u vaše postove i stranice. Sve što treba da uradite je da dodate url kod mape unutar src atributa shortcoda.

[googlemap src=“google_map_url“]

ili sa prilagođenim parametrima visine i širine:

[googlemap width=“650″ height=“300″ src=“google_map_url“]

Zaključak

U čemu je prednost upotrebe shortcode tehnike? Pored jednostavnosti i lakoće integracije, na ovaj način izbegavate upotrebu dodatnih pluginova. To znači manji broj HTTP zahteva i bolje performanse vašeg sajta.

Jovan Ivezic

E-business and internet marketing specialist.

Latest posts by Jovan Ivezic (see all)

facebook
twitter
google
pinterest