{"id":236951,"date":"2022-04-03T17:38:00","date_gmt":"2022-04-03T14:38:00","guid":{"rendered":"https:\/\/themewp.inform.click\/?p=236951"},"modified":"2022-05-16T10:01:44","modified_gmt":"2022-05-16T07:01:44","slug":"lihtsaim-viis-javascripti-lisamiseks-oma-wordpressi-saidile","status":"publish","type":"post","link":"https:\/\/themewp.inform.click\/et\/lihtsaim-viis-javascripti-lisamiseks-oma-wordpressi-saidile\/","title":{"rendered":"Lihtsaim viis Javascripti lisamiseks oma WordPressi saidile"},"content":{"rendered":"

Mul on hea meel, et sa siin oled.<\/p>\n

Kui te pole kogenud WordPressi arendaja, v\u00f5ib Javascripti lisamine saidile olla \u00fcsna hirmutav. Veel hullem\u2026<\/p>\n

Kui te ei ole ettevaatlik, v\u00f5ite oma saidi t\u00f5siselt sassi ajada.<\/p>\n

Sellest \u00f5petusest saate teada, kuidas k\u00f5ige kiiremini ja ohutumalt oma WordPressi saidile uus Javascript lisada.<\/p>\n

Lisage WordPressi uus Javascript<\/h2>\n

Tavaliselt lisate alamteema<\/a> v\u00f5i pistikprogrammi, mis laadib seej\u00e4rel teie saidile uue Javascripti faili.<\/p>\n

See on aga palju t\u00f6\u00f6d, kui peate lihtsalt lisama JS-koodi katkendi v\u00f5i kaks. Lihtsaim lahendus on kasutada Simple Custom CSS-i ja JS-i<\/a> pistikprogrammi.<\/p>\n

\"Lihtsaim<\/a><\/p>\n

Installige ja aktiveerige see pistikprogramm oma saidile ning teie juhtpaneelile lisatakse uus kohandatud CSS ja JS men\u00fc\u00fc. H\u00f5ljutage kursorit uue men\u00fc\u00fcelemendi kohal ja kl\u00f5psake JavaScripti lisamise alustamiseks suvandit "Lisa kohandatud JS".<\/p>\n

\"Lihtsaim<\/a><\/p>\n

Lisage Javascript<\/h3>\n

J\u00e4rgmisel lehel n\u00e4ete koodiredaktorit, kuhu saate sisestada JS-i, mille soovite oma saidile lisada.<\/p>\n

\"Lihtsaim<\/a><\/p>\n

Toimetaja kommentaaridest on samuti palju abi<\/p>\n

Andke oma JS-ile pealkiri, et oleks lihtne meeles pidada, miks selle lisasite, ja seej\u00e4rel sisestage oma kood allolevasse redaktorisse. K\u00f5igepealt kustutage kindlasti kommentaarid, kuna te ei pea neid oma saidile lisama.<\/p>\n

Testige Javascripti<\/h3>\n

Kui soovite veenduda, et see t\u00f6\u00f6tab, saate selle JS-i oma saidile lisada:<\/p>\n

jQuery(document).ready(function( $ ){\n    $('.logged-in').on('click', function(){\n        alert('The code is working!'); \n    });\n});<\/code><\/pre>\n
Nii n\u00e4eb see redaktoris v\u00e4lja.<\/p>\n
\"Lihtsaim<\/a><\/p>\n
See kood n\u00e4itab ainult hoiatuskasti, kui kl\u00f5psate saidil mis tahes kohas, n\u00e4iteks j\u00e4rgmiselt:<\/p>\n
\"Lihtsaim<\/a><\/p>\n
See m\u00f5jutab ainult sisselogitud kasutajaid, nii et see ei sega teie k\u00fclastajaid, kui lisate selle testi tegemiseks.<\/p>\n
Kui olete veendunud, et see t\u00f6\u00f6tab, saate testl\u00f5igu v\u00e4lja vahetada t\u00f5elise JS-iga, mille soovite oma saidile lisada.<\/p>\n
Konfigureerige JS-i suvandid<\/h3>\n
Lihtsal kohandatud CSS-il ja JS-il on m\u00f5ned k\u00e4ep\u00e4rased valikud, mille abil saate t\u00e4pselt otsustada, kuidas teie Javascript saidile lisatakse.<\/p>\n
\"Lihtsaim<\/a><\/p>\n
Esiteks, kui lisate lihtsalt natuke koodi, j\u00e4tke linkimist\u00fc\u00fcbiks "Sisemine", mis lihtsalt lisab koodi lehele. See on lihtsam kui m\u00f5ne teise faili laadimine ja see ei m\u00f5juta teie saidi laadimisaega.<\/p>\n
J\u00e4rgmiseks, kui lisate anal\u00fc\u00fcsiskripti, \u00fctlevad nad t\u00f5en\u00e4oliselt, kas peaksite selle p\u00e4isesse v\u00f5i jalusesse lisama. Vastasel juhul on k\u00f5ige parem valida vaikimisi jalus.<\/p>\n
L\u00f5puks, kui Javascript peaks teie k\u00fclastajaid m\u00f5jutama, j\u00e4tke suvand \u201eIn Frontend" m\u00e4rgitud saidi asukoha s\u00e4tte jaoks. Valik "Adminis" on m\u00f5eldud ainult siis, kui soovite laadida Javascripti WP armatuurlaual lehti vaadates ja loomulikult on valik "Sisselogimislehel" ainult liikme sisselogimislehe jaoks.<\/p>\n
J\u00e4reldus<\/h2>\n
See l\u00e4henemine on PALJU lihtsam kui uue pistikprogrammi v\u00f5i alamteema loomine.<\/p>\n
R\u00e4\u00e4kimata sellest, Simple Custom CSS & JS on suurep\u00e4rane pistikprogramm ja t\u00f5en\u00e4oliselt leiate sellele tulevikus rohkem kasutusv\u00f5imalusi. Saadaval on ka pro-versioon, mis on v\u00f5imeline tegema \u00fcsna muljetavaldavaid kohandusi, kui vajate suuremat paindlikkust.<\/p>\n
Kui teil on selle postituse kohta k\u00fcsimusi v\u00f5i tagasisidet, j\u00e4tke allpool kommentaar.<\/p>\n
:  www.competethemes.com<\/a><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"
\u00c4rge rikkuge oma saiti! J\u00e4rgige seda lihtsat \u00f5petust, et saada teada, milline on k\u00f5ige lihtsam ja ohutum viis Javascripti oma WordPressi saidile lisamiseks.<\/p>\n","protected":false},"author":1,"featured_media":21627,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"categories":[569],"tags":[842],"class_list":["post-236951","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-wordpressi-pohitoed","tag-affiai-et"],"_links":{"self":[{"href":"https:\/\/themewp.inform.click\/et\/wp-json\/wp\/v2\/posts\/236951","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/themewp.inform.click\/et\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/themewp.inform.click\/et\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/et\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/et\/wp-json\/wp\/v2\/comments?post=236951"}],"version-history":[{"count":0,"href":"https:\/\/themewp.inform.click\/et\/wp-json\/wp\/v2\/posts\/236951\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/et\/wp-json\/wp\/v2\/media\/21627"}],"wp:attachment":[{"href":"https:\/\/themewp.inform.click\/et\/wp-json\/wp\/v2\/media?parent=236951"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/themewp.inform.click\/et\/wp-json\/wp\/v2\/categories?post=236951"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/themewp.inform.click\/et\/wp-json\/wp\/v2\/tags?post=236951"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}