WordPress JavaScript on tapa lis\u00e4t\u00e4 lis\u00e4toimintoja verkkosivustolle hidastamatta sit\u00e4. JavaScript edustaa ohjelmointikielt\u00e4, joka toimii k\u00e4ytt\u00e4j\u00e4n selaimessa. T\u00e4m\u00e4ntyyppinen ohjelmointi tarjoaa kehitt\u00e4jille mahdollisuuden lis\u00e4t\u00e4 sivustoilleen kaikenlaisia \u200b\u200btoimintoja, kuten upotettuja videosoittimia, laskimia tai muita palveluita. JavaScript-koodin osa on yksinkertaisesti kopioitava ja liitett\u00e4v\u00e4 verkkosivuston koodiin.<\/p>\n
Miksi sinun pit\u00e4isi lis\u00e4t\u00e4 mukautettu JavaScript WordPressiin?<\/h2>\n
On useita syit\u00e4, miksi sinun pit\u00e4isi lis\u00e4t\u00e4 JavaScript WordPressiin, mutta tehd\u00e4ksesi sen sinun on oltava tietoinen verkkosivuston koodauksesta. Kun koodaat WordPress-sivustoa, kolme elementti\u00e4 voivat auttaa sinua:<\/p>\n Luodaksesi eritt\u00e4in vankan pohjan WordPress-sivustolle, voit k\u00e4ytt\u00e4\u00e4 HTML- ja CSS-muotoja. Vaikka ne ovat mahtavia luomaan verkkosivuston perustan, ne ovat rajoitettuja sivuston toiminnan muuttamisen kannalta. Kun haluat sivustosi toimivan tietyll\u00e4 tavalla, voit k\u00e4ytt\u00e4\u00e4 JavaScripti\u00e4 jonkin seuraavista toimista:<\/p>\n Kaikki n\u00e4m\u00e4 \u2013 ja paljon muuta \u2013 voidaan tehd\u00e4 JavaScriptin avulla.<\/p>\n Kun lis\u00e4\u00e4t JavaScripti\u00e4 WordPressiin, sinun on yksinkertaisesti kopioitava ja liitett\u00e4v\u00e4 JavaScript-koodilohko verkkosivustolle. T\u00e4m\u00e4 yksinkertainen toiminto lis\u00e4\u00e4 verkkosivustolle kolmannen osapuolen ty\u00f6kalun, oli se sitten videosoitin tai muu elementti. N\u00e4m\u00e4 koodinp\u00e4tk\u00e4t on lis\u00e4tty joko suoraan head-osion alle tai ennen tagia verkkosivuston p\u00e4\u00e4koodiin. T\u00e4m\u00e4 vaikuttaa siihen, mihin elementti sijoitetaan. Aktivoidaksesi t\u00e4m\u00e4n laajennuksen, jonka nimi on Insert Headers and Footers, sinun on ensin asennettava se.<\/p>\n Aktivoidaksesi sen asennuksen j\u00e4lkeen, sinun t\u00e4ytyy vain avata Asetukset ja sitten Lis\u00e4\u00e4 yl\u00e4- ja alatunnisteet -sivu. Voit valita kaksi erilaista ruutua \u2013 toinen yl\u00e4tunnisteelle ja toinen alatunnisteelle. Kun olet aktivoinut t\u00e4m\u00e4n laajennuksen, voit liitt\u00e4\u00e4 JavaScript-koodinp\u00e4tk\u00e4n ja napsauttaa Tallenna. Koska laajennus on aktivoitu, liitt\u00e4m\u00e4si koodinp\u00e4tk\u00e4 latautuu automaattisesti kaikille verkkosivustosi sivuille. T\u00e4m\u00e4 on perustieto, jonka tarvitset JavaScriptin lis\u00e4\u00e4miseen WordPressiin.<\/p>\n Kun k\u00e4yt\u00e4t JavaScripti\u00e4 WordPressiss\u00e4, sinun tulee my\u00f6s poistaa JavaScript-koodien est\u00e4minen k\u00e4yt\u00f6st\u00e4. T\u00e4m\u00e4 asetus l\u00f6ytyy osoitteesta wp-config.php, joka sijaitsee web-juurihakemistossa. Ota mukautetut tunnisteet k\u00e4ytt\u00f6\u00f6n lis\u00e4\u00e4m\u00e4ll\u00e4 t\u00e4h\u00e4n koodirivi:<\/p>\n Kun olet siirtynyt functions.php-sivulle, kopioi ja liit\u00e4 t\u00e4m\u00e4 koodinp\u00e4tk\u00e4 peruskoodiisi:<\/p>\n Lis\u00e4vinkki: t\u00e4m\u00e4n menetelm\u00e4n k\u00e4ytt\u00e4minen tarkoittaa, ett\u00e4 poistat verkkosivustosi suojausominaisuuden k\u00e4yt\u00f6st\u00e4 kaikilla k\u00e4ytt\u00f6oikeustasoilla. K\u00e4yt\u00e4 t\u00e4t\u00e4 menetelm\u00e4\u00e4 vain, jos luotat syv\u00e4sti kirjoittajiisi. Komentosarjatunnisteen ottaminen k\u00e4ytt\u00f6\u00f6n on toisinaan riskialtista t\u00e4ll\u00e4 tavalla.<\/p>\n Voit lis\u00e4t\u00e4 JavaScriptin WordPressiin laajennuksen avulla. Normaalisti sinun on ladattava JavaScript ja -tunnisteisiin. JavaScriptin lataamiseksi maailmanlaajuisesti voidaan k\u00e4ytt\u00e4\u00e4 laajennusta. Responsiivinen on Script n Styles. Voit joko sis\u00e4llytt\u00e4\u00e4 leikkeit\u00e4 koko verkkosivustolle tai sis\u00e4llytt\u00e4\u00e4 ne sivun tai jopa postauksen tasolla. Voit my\u00f6s muokata k\u00e4ytt\u00e4jien k\u00e4ytt\u00f6oikeuksia. Tekij\u00e4t voivat julkaista viestej\u00e4 ja aktivoida JavaScriptin, ja kirjoittajat voivat tallentaa viestit julkaisematta niit\u00e4.<\/p>\n Jos mietit, kuinka JavaScript lis\u00e4t\u00e4\u00e4n WordPressiin helpoimmin, t\u00e4m\u00e4 laajennus saattaa olla ratkaisu. Kun olet asentanut ja aktivoinut laajennuksen, voit k\u00e4ytt\u00e4\u00e4 Mukautetut kent\u00e4t -vaihtoehtoa j\u00e4rjestelm\u00e4nvalvojan valikossa. Sitten voit napsauttaa Lis\u00e4\u00e4 uusi. Tarkoituksena on lis\u00e4t\u00e4 kentt\u00e4, jota j\u00e4rjestelm\u00e4nvalvojat voivat k\u00e4ytt\u00e4\u00e4 ja joka voi upottaa JavaScript-l\u00e4hdetiedoston tai JavaScript-koodin tunnisteisiin.<\/p>\n T\u00e4m\u00e4 pit\u00e4isi lis\u00e4t\u00e4 ennen .<\/p>\n T\u00e4m\u00e4 pit\u00e4isi lis\u00e4t\u00e4 ennen .<\/p>\n Sivu julkaistaan \u200b\u200bja siihen on lis\u00e4tty JavaScript. Mukautetut lis\u00e4kent\u00e4t ovat sopiva vaihtoehto, jos haluat enemm\u00e4n toimintoja k\u00e4ytt\u00e4jille, jo julkaistuille sivuille ja niin edelleen.<\/p>\n wpDataTables<\/a> voi tehd\u00e4 sen n\u00e4in. On hyv\u00e4 syy, miksi se on suosituin WordPress-laajennus responsiivisten taulukoiden ja kaavioiden luomiseen.<\/p>\n Todellinen esimerkki wpDataTablesista luonnossa<\/p>\n Ja on todella helppoa tehd\u00e4 jotain t\u00e4llaista:<\/p>\n Ja se ei ole vain kaunis, vaan my\u00f6s k\u00e4yt\u00e4nn\u00f6llinen. Voit tehd\u00e4 suuria taulukoita, joissa on jopa miljoonia rivej\u00e4<\/a>, tai voit k\u00e4ytt\u00e4\u00e4 edistyneit\u00e4 suodattimia ja hakua<\/a>, tai voit tehd\u00e4 niist\u00e4 muokattavia<\/a>.<\/p>\n "Joo, mutta pid\u00e4n Excelist\u00e4 liikaa, eik\u00e4 verkkosivustoilla ole mit\u00e4\u00e4n sellaista." Kyll\u00e4, siell\u00e4 on. Voit k\u00e4ytt\u00e4\u00e4 ehdollista muotoilua<\/a> kuten Exceliss\u00e4 tai Google Sheetsiss\u00e4.<\/p>\n Sanoinko sinulle, ett\u00e4 voit my\u00f6s luoda kaavioita<\/a> tiedoillasi? Ja se on vain pieni osa. Sinulle on tarjolla monia muita ominaisuuksia<\/a>.<\/p>\n N\u00e4iden vinkkien pit\u00e4isi riitt\u00e4\u00e4 opettamaan sinulle lis\u00e4\u00e4m\u00e4\u00e4n JavaScripti\u00e4 WordPressiin helposti ilman ongelmia. Kun olet tehnyt sen kerran, toinen kerta on paljon helpompi ja v\u00e4hemm\u00e4n aikaa viev\u00e4.<\/p>\n Jos pidit t\u00e4m\u00e4n artikkelin lukemisesta JavaScriptin lis\u00e4\u00e4misest\u00e4 WordPressiin, sinun tulee tarkistaa t\u00e4m\u00e4 artikkeli WordPressin nollaamisesta<\/a>.<\/p>\n Kirjoitimme my\u00f6s muutamista aiheeseen liittyvist\u00e4 aiheista, kuten WordPressin URL-osoitteen muuttamisesta<\/a>, videon upottamisesta WordPressiin<\/a>, HTML:n muokkaamisesta WordPressiss\u00e4<\/a>, sivun monistamisesta WordPressiss\u00e4, WordPress-<\/a> k\u00e4ytt\u00e4j\u00e4roolien<\/a> muokkaamisesta ja WordPress-kuvan<\/a> lis\u00e4\u00e4misest\u00e4 .<\/p>\n![\"Lis\u00e4\u00e4](\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-180749-61e86ec0aa4ee.jpg\")
<\/a><\/p>\n\n
\n
Lis\u00e4\u00e4 yl\u00e4- ja alatunnisteet<\/a> k\u00e4ytt\u00e4m\u00e4ll\u00e4 JavaScripti\u00e4<\/strong><\/h2>\n
<\/a><\/p>\nWordPress-suodatuksen poistaminen k\u00e4yt\u00f6st\u00e4<\/strong><\/h2>\n
define( 'CUSTOM_TAGS', true );<\/code><\/p>\nfunction add_scriptfilter( $string) {global $allowedtags;$allowedtags['script'] = array( 'src' => array() );return<\/code> $string;}add_filter( 'pre_kses', 'add_scriptfilter' );<\/code><\/p>\nOpi<\/strong> k\u00e4ytt\u00e4m\u00e4\u00e4n Script n Styles -laajennusta<\/a><\/h2>\n
<\/a><\/p>\nK\u00e4yt\u00e4 mukautettuja lis\u00e4kentti\u00e4<\/a><\/h2>\n
<\/a><\/p>\n\n
<?php the_field('header_script'); ?><\/code><\/p>\n<?php the_field('footer_script'); ?><\/code><\/p>\n\n
Hei, tiesitk\u00f6, ett\u00e4 my\u00f6s data voi olla kaunista?<\/h3>\n
<\/a><\/p>\n\n
Lopetetaan ajatukset JavaScriptin lis\u00e4\u00e4misest\u00e4 WordPressiin\u00a0<\/strong><\/h2>\n