Kui olete WordPressi arendaja, kuulsite sellistest s\u00f5nadest nagu wp_enqueue_script, wp_enqueue_style ja wp_enqueue_scripts. Need on meetodid, mida peaksime kasutama JavaScripti ja CSS-i kaasamiseks WordPressi.<\/p>\n
WordPressi osas ei tohiks JavaScripti ja CSS-failide lisamiseks kasutada skripti ja linkide silte.<\/p>\n
Veebisaidi jaoks on kasutuskogemuse parandamiseks tavaline kasutada erinevaid efekte, animatsioone. Internetis on saadaval palju valmis pluginaid, mis v\u00f5imaldavad meil teie veebisaidile lisada liugureid, kontaktivorme, karusselli jms. Neid v\u00e4liseid ressursse kasutades peame kasutama nende pakutavaid JS- ja CSS-faile. Kasutades WordPressi pakutavaid meetodeid, saame juhtida lehti, millel sellised pistikprogrammid saavad kasutada. N\u00e4iteks kui kuvame avalehel liugurit, pole teisele lehele vaja lisada liuguri JS- ja CSS-faile. Alati on hea tava lisada JS ja CSS ainult vajaduse korral. See on hea tava, mida kasutati saidi j\u00f5udluse parandamiseks ja saidi kiiremaks laadimiseks.<\/p>\n
Oletame, et meil on custom.js ja custom.css failid, mis tuleb meie saidile lisada. Selleks peame paigutama koodi alla.<\/p>\n
add_action('wp_enqueue_scripts', 'include_js_css');\nfunction include_js_css() {\n\u00a0\u00a0\u00a0\u00a0wp_register_script('my-custom-script', get_stylesheet_directory_uri(). '\/js\/custom.js', array('jquery'), false, true);\n\u00a0\u00a0\u00a0\u00a0wp_enqueue_script('my-custom-script');\n\u00a0\n\u00a0\u00a0\u00a0\u00a0wp_register_style( \"my-custom-style\", get_stylesheet_directory_uri(). \"\/css\/custom.css\", array(), false, \"all\" );\n\u00a0\u00a0\u00a0\u00a0wp_enqueue_style( \"my-custom-style\" );\n}<\/code><\/pre>\nM\u00e4rkus<\/strong>. Funktsiooni wp_register_script kolmas parameeter. L\u00e4bisime massiivi (‘jquery’), mis t\u00e4hendab, et meie custom.js s\u00f5ltub failist jquery.js. Siin saate emapseeritud massiivi, kui teie skriptil pole s\u00f5ltuvusi.<\/p>\nViimase parameetri v\u00e4\u00e4rtuseks on seatud t\u00f5ene, mis t\u00e4hendab, et lisada jaluses (enne keham\u00e4rgendi l\u00f5ppu) fail custom.js.<\/p>\n
Funktsiooni wp_register_script () parameetrite selgitus<\/h3>\n
$ k\u00e4epide<\/strong> (kohustuslik): skripti nimi. Peaks olema ainulaadne.
\n$ src<\/strong> (kohustuslik): skripti t\u00e4ielik URL v\u00f5i skripti tee WordPressi juurkataloogi suhtes.
\n$ deps<\/strong> (valikuline): sellest skriptist s\u00f5ltub registreeritud skripti massiiv.
\nVaikev\u00e4\u00e4rtus: array ()
\n$ ver<\/strong> (valikuline): string, mis m\u00e4\u00e4rab skripti versiooni numbri, kui see on olemas, mis lisatakse URL-ile p\u00e4ringustringina vahem\u00e4lu kustutamise eesm\u00e4rgil. Kui versiooni v\u00e4\u00e4rtuseks on seatud vale, lisatakse automaatselt versiooninumber, mis v\u00f5rdub praeguse installitud WordPressi versiooniga. Kui see on nullitud, ei lisata versiooni. Vaikev\u00e4\u00e4rtus on false
\n$ in_footer<\/strong> (valikuline): kas skript loovutatakse<\/strong> enne keham\u00e4rgendi<\/strong> sulgemist, mitte peas. Vaikimisi ‘false’.<\/p>\nFunktsiooni wp_register_style () parameetrite selgitus<\/h3>\n
$ k\u00e4epide<\/strong> (kohustuslik): stiililehe nimi. Peaks olema ainulaadne.
\n$ src<\/strong> (kohustuslik): stiililehe t\u00e4ielik URL v\u00f5i stiililehe tee WordPressi juurkataloogi suhtes.
\n$ deps<\/strong> (valikuline): sellest stiilitabelist<\/strong> s\u00f5ltub registreeritud stiililehe massiiv.
\nVaikev\u00e4\u00e4rtus: array ()
\n$ ver<\/strong> (valikuline): string, mis m\u00e4\u00e4rab stiililehe versiooni numbri, kui sellel on, mis lisatakse URL-ile p\u00e4ringustringina vahem\u00e4lu kustutamise eesm\u00e4rgil. Kui versiooni v\u00e4\u00e4rtuseks on seatud vale, lisatakse automaatselt versiooninumber, mis v\u00f5rdub praeguse installitud WordPressi versiooniga. Kui see on nullitud, ei lisata versiooni. Vaikev\u00e4\u00e4rtus: false
\n$ media<\/strong>(Valikuline): meedia, mille jaoks see stiilitabel on m\u00e4\u00e4ratletud. Aktsepteerib selliseid meediumit\u00fc\u00fcpe nagu \u201ek\u00f5ik", \u201eprint” ja \u201eekraan” v\u00f5i selliseid meediumip\u00e4ringuid nagu \u201e(orientatsioon: portree)” ja \u201e(maksimaalne laius: 640 pikslit)”. Vaikev\u00e4\u00e4rtus: ‘k\u00f5ik’.<\/p>\nSee k\u00f5ik k\u00e4ib JavaScripti ja CSS-i kaasamise kohta WordPressi. Kui teil on k\u00fcsimusi v\u00f5i ettepanekuid, j\u00e4tke kommentaarid allpool.<\/p>\n