U seriji članaka o kreiranju WordPress shortcode-a za integriranje Google usluga, danas ćemo obraditi kreiranje shortcode-a za ugrađivanje grafikona Google trendova u članke/stranice (prikaz interesa kroz vrijeme).
Kao u članku o integriranju Google kružnih dijagrama, kreirati ćemo kod koji našoj stranici ne dodaje JavaScript i CSS datoteke već koristi iframe. Oni čitatelji koji ne žele / ne znaju dodavati kod u datoteke teme, na kraju članka moći će pronaći link za skidanje besplatnog plugina koji se sastoji od danas predstavljenog koda.
Kreiranje shortcode-a za Google trendove
Preporučujem da se sve izmjene ili dodavanja funkcionalnosti izvršavaju se u functions.php datoteci child teme. Na taj način prilikom nadogradnje teme nećete izgubiti sve funkcionalnosti koje ste marljivo dodavali. Prednost korištenja plugina u ovom slučaju je činjenica da uopće ne mjenjate datoteke teme te ga možete aktivirati/deaktivirati jednim klikom.
Slijedeći kod zalijepite u functions.php vaše child teme:
[php]function my_trend($atts){
extract( shortcode_atts( array(
‘w’ => ‘600’, // širina
‘h’ => ‘350’, // visina
‘q’ => ”, // query
‘geo’ => ‘HR’, // lokacija
), $atts ) );
//format unosa
$h=(int)$h;
$w=(int)$w;
$q=esc_attr($q);
$geo=esc_attr($geo);
ob_start();
?>
<iframe width="<?php echo $w;?>" height="<?php echo $h;?>" src="http://www.google.com/trends/fetchComponent?hl=hr&q=<?php echo $q;?>&geo=<?php echo $geo;?>&cmpt=q&content=1&cid=TIMESERIES_GRAPH_0&export=5&w=<?php echo $w;?>&h=<?php echo $h;?>" style="border: none;"></iframe>
<?php return ob_get_clean();
}
add_shortcode("trend","my_trend");[/php]
Voilà! Sada možemo u svojim člancima koristiti Google trendove. U kodu možete primjetiti da smo definirali atribute za naš shortcode. Visina i širina se prilagođavaju ovisno o vašoj temi (600 px bi trebalo biti optimalno za većinu tema a odnosi se na prostor odosno širinu članka). Preporučujem da query, odnosno upit prvo definirate direktno na stranici Google trendova . Poslednji atribut je lokacija. Defaultna vrijednost je Hrvatska.
Kako bi izbjegli bilo kakav gubitak formatiranja sugeriram da shortcode uvijek zalijepite u Tekst kartici a ne u kartici Vizualno!
SHORTCODE – PRIMJER HRVATSKA
[[trend w="600" h="400" q="Wordpress,+Joomla,+Drupal" geo="HR"]]
Google trendovi za pojmove WordPress, Joomla i Drupal – vrijednosti za Hrvatsku
[trend w=”600″ h=”400″ q=”Wordpress,+Joomla,+Drupal” geo=”HR”]
SHORTCODE – PRIMJER CIJELI SVIJET
[[trend w="600" h="400" q="Wordpress,+Joomla,+Drupal" geo=""]]
Google trendovi za pojmove WordPress, Joomla i Drupal – vrijednosti za cijeli svijet (obratite pažnju na “prazan” geo atribut!)
[trend w=”600″ h=”400″ q=”Wordpress,+Joomla,+Drupal” geo=””]
Google Trendovi – shortcode plugin
Alternativno, možete skinuti jednostavan plugin koji sam kreirao za ovaj članak a omogućuje vam gore navedene funkcionalnosti. Downloadajte ga, instalirajte ga kao svaki drugi plugin (upload zip datoteke) , aktivirajte i počnite koristiti Google trendove.
[sdm_download id=”5999″ fancy=”1″]
NAPOMENA: testirano na WordPressu 4.0 koristeći slijedeće teme: Twenty Twelve, Twenty Thitreen, Twenty Fourteen.