{"id":253857,"date":"2022-04-03T17:20:00","date_gmt":"2022-04-03T14:20:00","guid":{"rendered":"https:\/\/themewp.inform.click\/?p=253857"},"modified":"2022-05-16T15:17:30","modified_gmt":"2022-05-16T12:17:30","slug":"det-enklaste-sattet-att-lagga-till-javascript-till-din-wordpress-webbplats","status":"publish","type":"post","link":"https:\/\/themewp.inform.click\/sv\/det-enklaste-sattet-att-lagga-till-javascript-till-din-wordpress-webbplats\/","title":{"rendered":"Det enklaste s\u00e4ttet att l\u00e4gga till Javascript till din WordPress-webbplats"},"content":{"rendered":"

Jag \u00e4r glad att du \u00e4r h\u00e4r.<\/p>\n

Om du inte \u00e4r en erfaren WordPress-utvecklare kan det vara ganska skr\u00e4mmande att l\u00e4gga till Javascript p\u00e5 din webbplats. \u00c4nnu v\u00e4rre\u2026<\/p>\n

Du kan allvarligt f\u00f6rst\u00f6ra din webbplats om du inte \u00e4r f\u00f6rsiktig.<\/p>\n

I den h\u00e4r handledningen l\u00e4r du dig det snabbaste och s\u00e4kraste s\u00e4ttet att l\u00e4gga till nytt Javascript p\u00e5 din WordPress-webbplats.<\/p>\n

L\u00e4gg till nytt Javascript till WordPress<\/h2>\n

Normalt skulle du l\u00e4gga till ett underordnat tema<\/a> eller plugin som sedan skulle ladda en ny Javascript-fil p\u00e5 din webbplats.<\/p>\n

Det h\u00e4r \u00e4r dock mycket jobb om du bara beh\u00f6ver l\u00e4gga till ett utdrag eller tv\u00e5 av JS-kod. Den enklaste l\u00f6sningen \u00e4r att anv\u00e4nda Simple Custom CSS och JS<\/a> plugin.<\/p>\n

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

Installera och aktivera detta plugin p\u00e5 din webbplats, och du kommer att se ett nytt anpassat CSS & JS menyalternativ lagt till p\u00e5 din instrumentpanel. H\u00e5ll muspekaren \u00f6ver det nya menyalternativet och klicka p\u00e5 alternativet "L\u00e4gg till anpassad JS" f\u00f6r att b\u00f6rja l\u00e4gga till ditt javascript.<\/p>\n

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

L\u00e4gg till Javascript<\/h3>\n

P\u00e5 n\u00e4sta sida ser du en kodredigerare d\u00e4r du kan ange den JS du vill l\u00e4gga till p\u00e5 din webbplats.<\/p>\n

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

Kommentarerna i editorn \u00e4r ocks\u00e5 till stor hj\u00e4lp<\/p>\n

Ge din JS en titel s\u00e5 att det \u00e4r l\u00e4tt att komma ih\u00e5g varf\u00f6r du lade till det, och skriv sedan in din kod i redigeraren nedan. Se till att ta bort kommentarerna f\u00f6rst eftersom du inte beh\u00f6ver l\u00e4gga till det p\u00e5 din webbplats.<\/p>\n

Testa Javascript<\/h3>\n

Om du vill vara s\u00e4ker p\u00e5 att det fungerar kan du l\u00e4gga till denna JS p\u00e5 din webbplats:<\/p>\n

jQuery(document).ready(function( $ ){\n    $('.logged-in').on('click', function(){\n        alert('The code is working!'); \n    });\n});<\/code><\/pre>\n
S\u00e5 h\u00e4r kommer det att se ut i editorn.<\/p>\n
\"Det<\/a><\/p>\n
Allt den h\u00e4r koden g\u00f6r \u00e4r att visa en varningsruta n\u00e4r du klickar var som helst p\u00e5 webbplatsen, s\u00e5 h\u00e4r:<\/p>\n
\"Det<\/a><\/p>\n
Det p\u00e5verkar bara inloggade anv\u00e4ndare, s\u00e5 det kommer inte att st\u00f6ra dina bes\u00f6kare n\u00e4r du l\u00e4gger till det f\u00f6r att g\u00f6ra ett test.<\/p>\n
N\u00e4r du \u00e4r s\u00e4ker p\u00e5 att det fungerar kan du byta ut testutdraget med det riktiga JS du vill l\u00e4gga till p\u00e5 din webbplats.<\/p>\n
Konfigurera JS-alternativen<\/h3>\n
Enkel anpassad CSS & JS kommer med n\u00e5gra praktiska alternativ f\u00f6r att best\u00e4mma exakt hur ditt Javascript l\u00e4ggs till p\u00e5 webbplatsen.<\/p>\n
\"Det<\/a><\/p>\n
F\u00f6rst, om du bara l\u00e4gger till lite kod, beh\u00e5ll l\u00e4nkningstypen som "Intern" som helt enkelt l\u00e4gger till koden p\u00e5 sidan. Detta \u00e4r enklare \u00e4n att ladda en annan fil och p\u00e5verkar inte din webbplats laddningstid.<\/p>\n
D\u00e4refter, om du l\u00e4gger till ett analysskript, kommer de f\u00f6rmodligen att s\u00e4ga om du ska l\u00e4gga till det i sidhuvudet eller sidfoten. Annars \u00e4r det b\u00e4st att anv\u00e4nda sidfoten som standard.<\/p>\n
Slutligen, om Javascript \u00e4r t\u00e4nkt att p\u00e5verka dina bes\u00f6kare, h\u00e5ll alternativet "In Frontend" markerat f\u00f6r Where in site-inst\u00e4llningen. Alternativet "In Admin" \u00e4r endast f\u00f6r om du vill ladda Javascript medan du tittar p\u00e5 sidor i WP-instrumentpanelen, och naturligtvis \u00e4r alternativet "P\u00e5 inloggningssida" endast f\u00f6r medlemsinloggningssidan.<\/p>\n
Slutsats<\/h2>\n
Det h\u00e4r tillv\u00e4gag\u00e5ngss\u00e4ttet \u00e4r MYCKET enklare \u00e4n att skapa ett nytt plugin eller ett barntema.<\/p>\n
F\u00f6r att inte tala om, Simple Custom CSS & JS \u00e4r ett fantastiskt plugin, och du kommer f\u00f6rmodligen att hitta fler anv\u00e4ndningsomr\u00e5den f\u00f6r det i framtiden. Det finns ocks\u00e5 en proversion tillg\u00e4nglig som kan g\u00f6ra n\u00e5gra ganska imponerande anpassningar om du beh\u00f6ver mer flexibilitet.<\/p>\n
Om du har fr\u00e5gor eller feedback om detta inl\u00e4gg, l\u00e4mna en kommentar nedan.<\/p>\n
Inspelningsk\u00e4lla:  www.competethemes.com<\/a><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"
Bryt inte din webbplats! F\u00f6lj denna enkla handledning f\u00f6r att l\u00e4ra dig det enklaste och s\u00e4kraste s\u00e4ttet att l\u00e4gga till Javascript p\u00e5 din WordPress-webbplats.<\/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":[574],"tags":[850],"class_list":["post-253857","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-grunderna-i-wordpress","tag-affiai-sv"],"_links":{"self":[{"href":"https:\/\/themewp.inform.click\/sv\/wp-json\/wp\/v2\/posts\/253857","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/themewp.inform.click\/sv\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/themewp.inform.click\/sv\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/sv\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/sv\/wp-json\/wp\/v2\/comments?post=253857"}],"version-history":[{"count":0,"href":"https:\/\/themewp.inform.click\/sv\/wp-json\/wp\/v2\/posts\/253857\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/sv\/wp-json\/wp\/v2\/media\/21627"}],"wp:attachment":[{"href":"https:\/\/themewp.inform.click\/sv\/wp-json\/wp\/v2\/media?parent=253857"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/themewp.inform.click\/sv\/wp-json\/wp\/v2\/categories?post=253857"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/themewp.inform.click\/sv\/wp-json\/wp\/v2\/tags?post=253857"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}