jQuery WordPressissä

Maanantaina 11. lokakuuta 2010 KELLO 13:23 11.10.2010 KLO 13:23

~1 min lukuaika

Tässä teemaa tehdessäni ja tutkiessani paria jQuery skriptiä – kävi ilmi, että WordPressissä onkin jQuery jo valmiiksi. Itsehän aluksi teemaan laitoin suoraan teema kansiosta jQueryn skriptin.
Mutta tutkittuani jQueryn voikin laittaa suoraan teeman header tiedostoon ilman, että sinulla tarvitsee olla teeman sisällä omaa jQuery skripti tiedostoa.

Hommahan onnistuu hyvinkin helposti. Avaa header.php -tiedosto editorissa. Etsi kohta missä PHP funktio wp_head(); kutsutaan. Lisää ennen sitä PHP funktion kutsu: wp_enqueue_script(”jquery”); ja näin jQuery on otettu teemaan ja voitkin käyttää sitä hyödyksi!

Ja tähän vielä pieni pala omaa header.php tiedostoani:

<?php wp_enqueue_script("jquery"); ?>
<?php wp_head(); ?>
<script type="text/javascript" src="<?php bloginfo('template_directory'); ?>/MarkoInTheBox.js"></script>
</head>

HOX HOX

Tutkiskelin lisää ja jQuery toimii ns. ”no conflict” -modessa. Ja tämä muuttaa hieman jQuery koodin tekemistä. Lisää siitä WordPressin Codexissa: Linkki

Blogi

#php

#wordpress

#jQuery

#header

#HTML

#koodivinkki

Edellinen artikkeli Älypuhelin ja SoMe

Seuraava artikkeli Eh, what's up, doc?

Myös nämä saattaisi kiinnostaa

Lyhytosoite postauksesta

lauantaina 13.2.2010 klo 13:29

Löysin kivan koodinpätkän jolla saa aikaan tämänkin blogiviestin alapuolella olevan ”Tämän blogauksen lyhytosoite on xxx”. Koodi käyttää TinyURL sivustoa avukseen. Aluksi laita seuraava koodinpätkä teemakansiossa olevaan functions.php tiedostoon (jos ei ole niin luo ko. tiedosto) <?php function getTinyUrl($url) { $tinyurl = file_get_contents("http://tinyurl.com/api-create.php?url=".$url); return $tinyurl; } ?> Kyseinen funktio hakee tinyurlin osoitteesta lyhytosoitteen postistasi kun käytät… Jatka lukemista Lyhytosoite postauksesta

Lue lisää

Simppelit napit SoMea varten

maanantaina 8.6.2015 klo 16:22

Kirjoittelin tässä koodia ja en löytänyt sopivaa lisäosaa WordPressiin, jolla saisin hyvin simppelit sosiaalisen median jakonapit näkyviin siihen kohtaan mihin haluan ne. En halunnut mitään hienoja laskureita tai mitään vaan yksinkertaisen ikonin, jota klikkaamalla voi jakaa artikkelin. Enkä halunnut isoa kasaa erilaisia ikoneita vaan nämä neljä: Faceboo, Twitter, G+ ja LinkedIn. Alla on jotakuinkin lopputulos… Jatka lukemista Simppelit napit SoMea varten

Lue lisää

Olen uusinut teeman (jos et jo huomannut)

sunnuntaina 22.11.2015 klo 15:27

Vaihdoin teemaa tässä pari-kolme viikkoa sitten. Löysin mahtavan teeman nimeltä Independent Publisher ja päätin tehdä siitä lapsiteeman omaa blogia varten. Käänsinkin osittain tämän jo suomeksi aiemmin tällä viikolla ja tein pientä tuunausta sinne sun tänne. Tänään tein vielä lisää tuunauksia ja päätin kirjoittaa tämän perinteisen postauksen siitä, että teema on vaihtunut. Itselleni ehkä isoin muutos… Jatka lukemista Olen uusinut teeman (jos et jo huomannut)

Lue lisää

Liikennetieto botin tekeminen

maanantaina 16.7.2012 klo 13:10

Ajattelin aukaista teille hieman tekniikkaa ja koodia tuon @Liikennetieto botin takaa. Tässä postauksessa on siis aimo annos nörtti-puhetta. Käytetyt tekniikat Liikennetieto botin takana on paljon muutakin, kuin pelkkä Twitter-tili johon ilmestyy automaattisesti päivityksiä. Kerron tässä kappaleessa seikkaperäisesti eri tekniikoista ja miten niitä käytetään tämän botin kanssa. TwitterOAuth on PHP-kirjasto, jonka avulla voidaan käyttää Twitterin APIa… Jatka lukemista Liikennetieto botin tekeminen

Lue lisää

Keskustelu

Tämä artikkeli on tuotu vanhasta blogista ja niiden artikkelien kommentointi on uudistettu. Vanhaan artikkeliin voi kommentoida vain blogin kautta, kun taas uudemmissa näytetään myös Mastodonin kautta tulleet kommentit.

Kommentoi

Voit kommentoida artikkelia alla olevan lomakkeen avulla. Roskapostin välttämiseksi kysymme sähköpostin, mutta emme julkaise sitä. Tekstikenttä ottaa vastaan vain tekstiä ja kaikki muu siivotaan pois.