{"id":227583,"date":"2022-09-29T17:53:00","date_gmt":"2022-09-29T14:53:00","guid":{"rendered":"https:\/\/wordpress.mediadoma.com\/?p=227583"},"modified":"2022-11-09T00:09:34","modified_gmt":"2022-11-08T21:09:34","slug":"lisage-wordpressi-javascript-kuidas-seda-lihtsalt-teha","status":"publish","type":"post","link":"https:\/\/wordpress.mediadoma.com\/et\/lisage-wordpressi-javascript-kuidas-seda-lihtsalt-teha\/","title":{"rendered":"Lisage WordPressi JavaScript: kuidas seda lihtsalt teha"},"content":{"rendered":"\n<p>WordPressi kasutavad inimesed peaksid JavaScripti ja selle veebisaidi jaoks kasutamise kohta rohkem teada saama. JavaScripti lisamiseks WordPressile peate leidma k\u00f5ige sobivama viisi selle oma veebisaidile juurutamiseks.<\/p>\n<p>Uuringud on v\u00e4ga olulised, kuna JavaScripti vale rakendamine v\u00f5ib p\u00f5hjustada tagaj\u00e4rgi, mida on raske parandada.<\/p>\n<h2><strong>Mis on WordPressi JavaScript?<\/strong><\/h2>\n<p>WordPressi JavaScript on viis veebisaidile lisafunktsioonide lisamiseks ilma seda aeglustamata. JavaScript on programmeerimiskeel, mis t\u00f6\u00f6tab kasutaja brauseris. Seda t\u00fc\u00fcpi programmeerimine pakub arendajatele v\u00f5imalust lisada oma saitidele k\u00f5ikv\u00f5imalikke funktsioone, nagu manustatud videopleierid, kalkulaatorid v\u00f5i muud teenused. JavaScripti koodi osa tuleb lihtsalt kopeerida ja veebisaidi koodi kleepida.<\/p>\n<h2>Miks peaksite WordPressis kohandatud JavaScripti lisama?<\/h2>\n<p><a href=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-180749-61e86ec0aa4ee.jpg\" data-rel=\"lightbox\" ><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-180749-61e86ec0aa4ee.jpg\" alt=\"Lisage WordPressi JavaScript: kuidas seda lihtsalt teha\" ><\/a><\/p>\n<p>P\u00f5hjuseid, miks peaksite WordPressi JavaScripti lisama, on mitu, kuid selleks peate teadma, kuidas veebisait on kodeeritud. WordPressi veebisaidi kodeerimisel on kolm elementi, mis v\u00f5ivad teid aidata:<\/p>\n<ul>\n<li>HTML<\/li>\n<li>CSS<\/li>\n<li>JavaScript<\/li>\n<\/ul>\n<p>WordPressi saidile v\u00e4ga tugeva aluse loomiseks v\u00f5ite kasutada HTML-i ja CSS-i. Kuigi need on suurep\u00e4rased veebisaidi aluse panemiseks, on need saidi k\u00e4itumise muutmise osas piiratud. Kui soovite, et teie sait toimiks teatud viisil, saate JavaScripti abil teha \u00fchte j\u00e4rgmistest toimingutest.<\/p>\n<ul>\n<li>Teatud HTML-i elementide muutmine, peitmine v\u00f5i kuvamine veebisaidil<\/li>\n<li>V\u00e4\u00e4rtuste lisamine CSS-i muutujatele, samuti keerukamate toimingute k\u00e4ivitamine (muutujate liitmine v\u00f5i elemendi interaktiivseks muutmine kl\u00f5psamisega)<\/li>\n<li>WordPressi teema paigutuse muutmine, lisades sellesse teise koodiploki<\/li>\n<li>WordPressi pistikprogrammi teatud funktsioonide muutmine<\/li>\n<li>Veebisaidi t\u00e4iustamine d\u00fcnaamilise sisuga (animatsioonid, videod jne)<\/li>\n<li>V\u00e4lise elemendi lisamine veebisaidile (kolmanda osapoole API-d)<\/li>\n<\/ul>\n<p>K\u00f5ike seda \u2013 ja palju muud \u2013 saab teha JavaScripti abil.<\/p>\n<h2><a href=\"https:\/\/wordpress.org\/plugins\/insert-headers-and-footers\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">P\u00e4iste ja jaluste<\/a> <strong>lisamine JavaScripti lisamiseks<\/strong><\/h2>\n<p><a href=\"https:\/\/wordpress.org\/plugins\/insert-headers-and-footers\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external\"><img decoding=\"async\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-180749-61e86ec1a8d54.jpg\" alt=\"Lisage WordPressi JavaScript: kuidas seda lihtsalt teha\" \/><\/a><\/p>\n<p>WordPressi JavaScripti lisamisel tuleb JavaScripti koodiplokk lihtsalt veebisaidile kopeerida ja kleepida. See lihtne toiming lisab veebisaidile kolmanda osapoole t\u00f6\u00f6riista, olgu selleks siis videopleier v\u00f5i muu element. Need koodil\u00f5igud on lisatud kas otse p\u00e4ise jaotise alla v\u00f5i otse veebisaidi p\u00f5hikoodi m\u00e4rgendi ette. See m\u00f5jutab elemendi asukohta. Selle plugina, mida nimetatakse p\u00e4iste ja jaluste lisamiseks, aktiveerimiseks peate selle esmalt installima.<\/p>\n<p>Selle aktiveerimiseks p\u00e4rast installimist peate lihtsalt j\u00f5udma men\u00fc\u00fcsse Setting ja seej\u00e4rel lehele Sisesta p\u00e4ised ja jalused. Saate kontrollida kahte erinevat kasti \u2013 \u00fcks p\u00e4ise ja teine \u200b\u200bjaluse jaoks. Kui olete selle pistikprogrammi aktiveerinud, saate lihtsalt JavaScripti koodil\u00f5igu kleepida ja kl\u00f5psata nupul Salvesta. Kuna pistikprogramm on aktiveeritud, laaditakse teie kleebitud koodil\u00f5ik automaatselt teie veebisaidi k\u00f5ikidele lehtedele. Need on k\u00f5ige elementaarsemad teadmised, mida vajate JavaScripti WordPressi lisamiseks.<\/p>\n<h2><strong>WordPressi filtreerimise keelamine<\/strong><\/h2>\n<p>Kui kasutate WordPressis JavaScripti, peaksite keelama ka JavaScripti skriptim\u00e4rgendite blokeerimise. Selle s\u00e4tte leiate failist wp-config.php, mis asub juurveebikataloogis. Kohandatud siltide lubamiseks lisage sinna see koodirida:<\/p>\n<p><code>define( 'CUSTOM_TAGS', true );<\/code><\/p>\n<p>Kui liigute lehele functions.php, kopeerige ja kleepige see koodil\u00f5ik oma p\u00f5hikoodi:<\/p>\n<p><code>function add_scriptfilter( $string) {global $allowedtags;$allowedtags['script'] = array( 'src' =&gt; array() );return<\/code> <code>$string;}add_filter( 'pre_kses', 'add_scriptfilter' );<\/code><\/p>\n<p>T\u00e4iendav n\u00e4pun\u00e4ide: selle meetodi kasutamine t\u00e4hendab, et keelate oma veebisaidil turvafunktsiooni mis tahes kasutaja\u00f5iguse taseme jaoks. Kasutage seda meetodit ainult siis, kui usaldate oma autoreid s\u00fcgavalt. Skriptim\u00e4rgendi lubamine on sel viisil m\u00f5nikord riskantne.<\/p>\n<h2><strong>Siit saate teada, kuidas<\/strong> <a href=\"https:\/\/wordpress.org\/plugins\/scripts-n-styles\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">kasutada pistikprogrammi Script n Styles<\/a><\/h2>\n<p><a href=\"https:\/\/wordpress.org\/plugins\/scripts-n-styles\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external\"><img decoding=\"async\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-180749-61e86ec2b64c1.jpg\" alt=\"Lisage WordPressi JavaScript: kuidas seda lihtsalt teha\" \/><\/a><\/p>\n<p>JavaScripti saate lisada WordPressi pistikprogrammi abil. Tavaliselt peaksite JavaScripti laadima siltide ja sees. JavaScripti globaalseks laadimiseks saab kasutada pistikprogrammi. Tundlik on Script n Styles. Saate lisada sissekirjutused kogu veebisaidile v\u00f5i lisada need lehe v\u00f5i isegi postituse tasemele. Samuti saate muuta kasutaja \u00f5igusi. Autorid saavad postitusi avaldada ja JavaScripti aktiivseks muuta ning kaasautorid saavad postitusi salvestada ilma neid tegelikult avaldamata.<\/p>\n<h2><a href=\"https:\/\/wordpress.org\/plugins\/advanced-custom-fields\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Kasutage t\u00e4psemaid kohandatud v\u00e4lju<\/a><\/h2>\n<p><a href=\"https:\/\/wordpress.org\/plugins\/advanced-custom-fields\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external\"><img decoding=\"async\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-180749-61e86ec3a704c.jpg\" alt=\"Lisage WordPressi JavaScript: kuidas seda lihtsalt teha\" \/><\/a><\/p>\n<p>Kui soovite teada, kuidas JavaScripti WordPressi k\u00f5ige lihtsam lisada, v\u00f5ib see pistikprogramm olla lahendus. Kui olete pistikprogrammi installinud ja aktiveerinud, p\u00e4\u00e4sete juurde haldusmen\u00fc\u00fc valikule Kohandatud v\u00e4ljad. Seej\u00e4rel saate kl\u00f5psata nupul Lisa uus. Eesm\u00e4rk on lisada v\u00e4li, millele administraatorid p\u00e4\u00e4sevad juurde ja mis saavad siltidesse manustada JavaScripti l\u00e4htefaili v\u00f5i JavaScripti koodi.<\/p>\n<ul>\n<li>Esimene samm on v\u00e4lir\u00fchmale nime andmine. Seda saab teha, lubades reegli, mis kuvab selle valiku, kui kasutaja, kes logib sisse administraatorina. See t\u00e4hendab, et ainult administraator saab neid saidile lisada.<\/li>\n<li>V\u00e4ljad tuleks kuvada sisuala all, mis t\u00e4hendab, et valite v\u00e4ljar\u00fchma stiili valimiseks Standard. M\u00e4\u00e4rake v\u00e4lja vorminguks &quot;Teisenda HTML siltideks&quot;. Selle tulemuseks on hea v\u00e4ljund, vastasel juhul v\u00f5ib see halvasti t\u00f5lkida.<\/li>\n<li>Lisage faili header.php j\u00e4rgmine kood:<\/li>\n<\/ul>\n<p><code>&lt;?php the_field('header_script'); ?&gt;<\/code><\/p>\n<p>See tuleks lisada enne.<\/p>\n<p><code>&lt;?php the_field('footer_script'); ?&gt;<\/code><\/p>\n<p>See tuleks lisada enne.<\/p>\n<ul>\n<li>Salvestage mallifailid, v\u00e4rskendage lehte ja kl\u00f5psake nuppu Avalda.<\/li>\n<\/ul>\n<p>Leht avaldatakse koos sellele lisatud JavaScriptiga. T\u00e4psemad kohandatud v\u00e4ljad on sobiv valik, kui soovite kasutajatele, juba avaldatud lehtedele ja nii edasi rohkem funktsioone.<\/p>\n<h3>Hei, kas teadsite, et ka andmed v\u00f5ivad olla ilusad?<\/h3>\n<p><a href=\"https:\/\/wpdatatables.com\/?utm_source=articlewidget\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">wpDataTables<\/a> saab seda nii teha. Sellel on hea p\u00f5hjus, miks see on WordPressi pistikprogramm nr 1 reageerivate tabelite ja diagrammide loomiseks.<\/p>\n<p><a href=\"https:\/\/wpdatatables.com\/?utm_source=articlewidget\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external\"><img decoding=\"async\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-180749-61e86ec49fa47.png\" alt=\"Lisage WordPressi JavaScript: kuidas seda lihtsalt teha\" \/><\/a><\/p>\n<p>Tegelik n\u00e4ide wpDataTabelitest looduses<\/p>\n<p>Ja midagi sellist on v\u00e4ga lihtne teha:<\/p>\n<ol>\n<li>Esitate tabeli andmed<\/li>\n<li>Seadistage ja kohandage seda<\/li>\n<li>Avaldage see postituses v\u00f5i lehel<\/li>\n<\/ol>\n<p>Ja see pole mitte ainult ilus, vaid ka praktiline. Saate teha suuri <a href=\"https:\/\/wpdatatables.com\/documentation\/creating-wpdatatables\/creating-mysql-based-wpdatatables-with-server-side-processing\/?utm_source=articlewidget\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">kuni miljonite ridadega<\/a> tabeleid v\u00f5i kasutada <a href=\"https:\/\/wpdatatables.com\/documentation\/table-features\/advanced-filtering\/?utm_source=articlewidget\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">t\u00e4psemaid filtreid ja otsingut<\/a> v\u00f5i <a href=\"https:\/\/wpdatatables.com\/documentation\/front-end-editing\/creating-editable-tables\/?utm_source=articlewidget\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">muuta see redigeeritavaks<\/a>.<\/p>\n<p>&quot;Jah, aga mulle lihtsalt meeldib Excel liiga palju ja veebisaitidel pole midagi sellist.&quot; Jah, on. Saate kasutada <a href=\"https:\/\/wpdatatables.com\/documentation\/table-features\/conditional-formatting\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">tingimusvormingut<\/a> nagu Excelis v\u00f5i Google&#8217;i arvutustabelites.<\/p>\n<p>Kas ma \u00fctlesin teile, et saate oma andmetega <a href=\"https:\/\/wpdatatables.com\/documentation\/wpdatacharts\/creating-charts-wordpress-wpdatachart-wizard\/?utm_source=articlewidget\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">ka diagramme luua ?<\/a> Ja see on vaid v\u00e4ike osa. Teie jaoks on <a href=\"https:\/\/wpdatatables.com\/features\/?utm_source=articlewidget\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">palju muid funktsioone<\/a>.<\/p>\n<h2><strong>M\u00f5tted selle kohta, kuidas JavaScripti WordPressi lisada\u00a0<\/strong><\/h2>\n<p>Nendest n\u00e4pun\u00e4idetest peaks piisama, et \u00f5petada teile, kuidas lisada JavaScripti WordPressi lihtsalt ilma probleemideta. Kui olete seda \u00fche korra teinud, on teine \u200b\u200bkord palju lihtsam ja v\u00e4hem aegan\u00f5udev.<\/p>\n<p>Kui teile meeldis lugeda seda artiklit JavaScripti WordPressi lisamise kohta, peaksite <a href=\"https:\/\/wordpress.mediadoma.com\/et\/kuidas-laehtestada-wordpressi-vaikeseaded\/\" title=\"WordPressi l\u00e4htestamise\">WordPressi l\u00e4htestamise<\/a> kohta lugema seda artiklit .<\/p>\n<p>Kirjutasime ka m\u00f5nest sellega seotud teemast, nagu <a href=\"https:\/\/wordpress.mediadoma.com\/et\/wordpressi-url-i-muutmine-kuidas-seda-teha-ilma-segaduseta\/\" title=\"WordPressi URL-i muutmine\">WordPressi URL-i muutmine<\/a>, WordPressi <a href=\"https:\/\/wordpress.mediadoma.com\/et\/kuidas-holpsalt-wordpressi-videoid-manustada\/\" title=\"video manustamine, WordPressis\">video manustamine, WordPressis<\/a> HTML <a href=\"https:\/\/wordpress.mediadoma.com\/et\/kuidas-wordpressis-html-i-redigeerida-stressivaba-lahendus\/\" title=\"-i redigeerimine, WordPressis\">-i redigeerimine, WordPressis<\/a> lehe <a href=\"https:\/\/wordpress.mediadoma.com\/et\/kuidas-wordpressis-lehte-kopeerida\/\" title=\"dubleerimine ,\">dubleerimine ,<\/a> <a href=\"https:\/\/wordpress.mediadoma.com\/et\/wordpressi-kasutajarollid-mis-need-on-ja-kuidas-neid-muuta\/\" title=\"WordPressi kasutajarollide\">WordPressi kasutajarollide<\/a> redigeerimine ja <a href=\"https:\/\/wordpress.mediadoma.com\/et\/wordpressi-esiletostetud-pilt-mis-see-on-ja-kuidas-seda-lisada\/\" title=\"WordPressi esilet\u00f5stetud pildi\">WordPressi esilet\u00f5stetud pildi<\/a> lisamine .<\/p>\n<p><div id=\"PostUnique_PostSource\" style=\"padding-top: 50px\">:  <a target=\"_blank\" rel=\"noopener nofollow\" href=\"\/\/wpdatatables.com\" class=\"external external_icon\">wpdatatables.com<\/a><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"<p>JavaScripti lisamiseks WordPressile peate leidma k\u00f5ige sobivama viisi selle oma veebisaidile juurutamiseks. JavaScript on programmeerimiskeel.<\/p>\n","protected":false},"author":1,"featured_media":180750,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"categories":[729,833,916,863],"tags":[1165],"class_list":["post-227583","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-javascript-4","category-juhend-algajatele","category-muud","category-wordpress-4","tag-affiai-et"],"_links":{"self":[{"href":"https:\/\/wordpress.mediadoma.com\/et\/wp-json\/wp\/v2\/posts\/227583","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wordpress.mediadoma.com\/et\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/wordpress.mediadoma.com\/et\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/et\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/et\/wp-json\/wp\/v2\/comments?post=227583"}],"version-history":[{"count":0,"href":"https:\/\/wordpress.mediadoma.com\/et\/wp-json\/wp\/v2\/posts\/227583\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/et\/wp-json\/wp\/v2\/media\/180750"}],"wp:attachment":[{"href":"https:\/\/wordpress.mediadoma.com\/et\/wp-json\/wp\/v2\/media?parent=227583"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/et\/wp-json\/wp\/v2\/categories?post=227583"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/et\/wp-json\/wp\/v2\/tags?post=227583"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}