webrebel html css javascript laravel oop php mysql wordpress kurz

Robíme WordPress #6 - jQuery a JavaScript

napísal , 6 Aug 2012 [ PHP Tutoriály Videá ]

V piatej epizóde sme vytvárali vlastné typy príspevkov a tieto sme pred-pripravili do akejsi rotujúcej veci, ktorá nerotuje, pretože na to potrebujeme Javascript a ten sme sa zatiaľ vo WordPresse nenaučili používať.

O tom je dnešné video.

Čítaj ďalej pre príklady, stiahnutie témy, hudbu a všeobecné víťazstvo.

V prvom rade - je nežiaduce v témach a pluginoch pridávať scripty priamo cez <script> tagy. Keby do WordPressu hodíme niekoľko pluginov a každý z nich na stránku kydne jQuery, bude zle nedobre. WordPress preto používa funkciu wp_enqueue_script:

 

/**
 * pridaj skripty
 */
add_action( 'wp_enqueue_scripts', 'amazeballs_gimme_scripts' );
function amazeballs_gimme_scripts()
{
	wp_deregister_script('jquery');
	wp_register_script('jquery', 'http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js', array(), false, false);
	wp_enqueue_script('jquery');

	wp_enqueue_script('amazescript', get_template_directory_uri() . '/assets/js/amazescript.js', array('jquery'), false, true);
}

V našom prípade pridávame skripty cez functions.php. Okrem wp_enqueue_script používame aj wp_register_script a wp_deregister_script.

Pomocou wp_enqueue_script si vyžiadame skript, ktorý sme zaregistrovali cez wp_register_script. Kopu skriptov, napríklad jQuery a tak podobne, má WordPress zaregistrované od výroby. Ak ich chceme nahradiť inými, odregistrujeme ich cez wp_deregister_script.

A cez get_template_directory_uri() získame cestu k adresáru našej témy.

 

WordPress od nás chce, aby sme pri používaní jQuery stále vypisovali jQuery namiesto $. Pretože kopa iných knižníc môže používať $ a na WordPress stránke sa pokojne môže ocitnúť viac knižníc. Ak chceme používať $, dá sa to takto ototo:

<script>
	
	jQuery(document).ready(function($) 
	{
		console.log($);
	});
	
	// alebo
	
	(function($) {

		console.log($);

	})(jQuery);
	
</script>

 
Hudba od Le Troubadour de Saint Alizee, ktorý má vonku nový album! Sťahujte.


Stiahnite si tému: amazeballs_v032.zip

napísal , 6 Aug 2012

26 komentárov

komentuj
  1. Martin HAŠKO [ Štvrtok 9.8.2012, 22:15 ]

    Tvojmu psovi sa to už asi nechce počúvať. :) :D

  2. Ado [ Piatok 10.8.2012, 12:08 ]

    Budu sa robiť aj komentáre že ukazuju sa komentare a daju sa aj odosielať

  3. trkiwp [ Pondelok 13.8.2012, 13:07 ]

    haha cely cas som pouzival tento ale az teraz som zistil co presne znamena :) vdaka.. super tutorialy... gl nech ti vydrzia a ak by si nahodou chcel nejaky tip ... a ty chces ze? :D tak by si mohol spravit tutorial kde by si vysvetlil na nejakom pripade samozrejme princip postov je to dolezita vec a urcite nesom sam kto v tom ma chaos i ked sa tomu akurat dostavam na koren... co mam na mysli? :) Tak hlavne ukazat nejake query...a teraz tato cast su klasicke posty ktore sa daju selectnut pomocou get_posts a tak potom vysvetlit meta_posty a tie ich rozne keye atd nebolo by zle vysvetlit trosku add_action kedy moze nefungovat alebo co musi vzdy splnat.. chcel som predvcerom pridat add_meta_box a dal som to do add_action no zial akosi to nefungovalo a netusim preco... pritom kod si myslim ze je dobry:

    add_action('add_meta_boxes',function() {

    add_meta_box(
    'portfolio',
    'Portfolio Url',
    'portfolio_info_cb',
    'portfolio',
    'normal',
    'high'

    );

    function portfolio_info_cb() {
    echo "hi";
    }

    });

    potom mozno trosku mrknut do taxonomies ... update post asi k tomu patri takze aj to :D no a nieco na ten styl ;)

  4. JaJ [ Utorok 28.8.2012, 16:44 ]

    bude ďalšia časť?

  5. yablko [ Streda 29.8.2012, 12:15 ]

    bude, dostanem sa k tomu:)

  6. Ado [ Piatok 14.9.2012, 17:13 ]

    sorry akoze uz presiel mesiac a 8 dni

  7. yablko [ Nedeľa 16.9.2012, 15:16 ]

    ok, vrátim ti peniaze:)

  8. Luky2550 [ Štvrtok 20.9.2012, 10:33 ]

    Zdravím yablko , mám jednu otázočku , som dosť veľký amatér , vo wordpresse a celkovo na webe , chcem sa spýtať mám blog vo wp a c hornej lište sa nachádzajú stránky ako ty máš blog , stuff ,ja potrebujem k jednej prihodiť url adresu ako odkaz ,hľadal som to v nastaveniach ale ako si si neviem poradiť .

  9. Orly? [ Nedeľa 23.9.2012, 02:16 ]

    super tutoriály, len tak ďalej :-P

  10. mardon [ Utorok 25.9.2012, 17:03 ]

    Já bych potřebovala poradit jak udělat 3 sloupcový layout ve wordpresu. Kdyby někdo věděl jak na to, dejte vědět.

  11. Ondra [ Sobota 29.9.2012, 12:54 ]

    Jak to vypadá s dalším videem? Už se nemůžu dočkat. :)

  12. snow [ Utorok 9.10.2012, 07:51 ]

    AUUUUUU !!!!!!!
    absolutne super tutorialy, Yablko VELKA, nie OBROVSKY VELKA A ESTE VACSIA VDAKA za toto co robis.

    az vdaka tvojemu tutorialu som presne pochopil ako funguje hook pod wp. Ak by si hladal, namet tak napr. by si mohol zabrdnut aj do toho ako obsluhovat formulare. Myslim ako sa dostat do databaz a ako z tade povytahovat veci co potrebujeme, a ako vygenerovat sirsi user form napr. a pripadne ako potom pouzit tieto udaje v nejakom inom forme a predvyplnit ich dopredu ked uz ich raz mame v tej databaze. Toto su veci, ktore wordpress napr. nevie sam a zislo by sa ho to naucit ;)

    Drzim palec, a dufam ze si najdes casom cas na nejaky ten dalsi tutorial. Okrem toho, ze pomahaju tak sa mi paci ako si robis prdel, len tak dalej.

  13. Filip [ Streda 31.10.2012, 19:48 ]

    no kedy bude dalsi diel?

  14. vajcovy chleba [ Štvrtok 1.11.2012, 20:13 ]

    aj keby uz nebol, tak vdaka za to co si urobil zadarmo a len tak, je tam kopec info. Yablko vdaka.

  15. yablko [ Štvrtok 1.11.2012, 22:16 ]

    ja verím tomu, že ešte bude:)

  16. Pana_Ruplahlava [ Streda 14.11.2012, 21:20 ]

    No jak koukám, aspoň tu nejsem jediný čehun těšícíse na další díl :D

  17. Filip [ Štvrtok 15.11.2012, 12:15 ]

    yablko ked veris tak kedy ho spravisM mi sa fakt nevieme dockat

  18. Pana_Ruplahlava [ Piatok 16.11.2012, 09:38 ]

    Když se to musím učit sám, tak je to mnohem větší nuda, než když si to pustím a žeru chipsy!

  19. yablko [ Piatok 16.11.2012, 13:29 ]

    to, čo robíte, funguje:)
    začínam sa cítiť zle, budem si fakt musieť nájsť čas:) sorry za čakanie, ale tak viete, je to kopa roboty, žere to času a času... a toho nie je veľa

  20. Filip [ Piatok 16.11.2012, 16:21 ]

    no konecne spravna odpoved budem si musiet najst cas

  21. Jan [ Streda 21.11.2012, 19:37 ]

    nazdar Romco ...

    Ja ti tak strasne zo srdca dakujeeeem za to co robis... Fakt klobuk dole... je toho fakt malo na webe a tato Tema (WordPress ) je fakt mooooc zaujimava myslim ze pre strasne vela ludi ... Kazdy den chodim na tvoju stranku mrknut a uz sa neviem dockat na dalsie casti ... Len tak dalej... A prosiiiiim uz daj dalsie video ;))))

  22. mistvan [ Nedeľa 25.11.2012, 00:16 ]

    Akoze fakt paradny serial, pozrel som za 2 dni cely serial teraz a fakt som vdacny yablko. Neviem sa dockat dalsej casti a zvazujem aj ta financne podporit trocha, je to naozaj super, ze sa delis so svojimi skusenostami a aj fintami roznymi, vdaka ;)

  23. tomker [ Piatok 28.12.2012, 22:35 ]

    Super praca tie tutorialy od yablka... dost mi pomhli .Tešim sa na dalsie , dufam že budu už čoskoro.

  24. mistvan [ Piatok 25.1.2013, 22:52 ]

    no poslal som ti love makaj robit tut.

  25. zobak [ Utorok 29.1.2013, 10:10 ]

    Ahoj, pekne. Neviem ci este budes nieco robit, ale ak ano mohol by si sa trosku povenovat user registration pod wp. Je to asi najhorsie spracovane pod. wp a je okolo toho kopec platenych puginov. Pritom ide o najzakladnejsiu vec. Tak to len keby nahodou si nevedel kde zacat.

  26. Trip1e [ Streda 10.12.2014, 17:10 ]

    Mám taky zvláštny problém.... :D
    Ak kliknem na lave tlačitko na feature tak nič kliknem znovu a nič a keď kliknem tretí krát až potom sa to prehodí... Pravé funguje normálne...