{"id":233739,"date":"2023-02-21T18:09:00","date_gmt":"2023-02-21T15:09:00","guid":{"rendered":"https:\/\/wordpress.mediadoma.com\/?p=233739"},"modified":"2023-02-21T18:09:35","modified_gmt":"2023-02-21T15:09:35","slug":"wordpress-temahandledning-foer-nyboerjare-del-0-5-staella-in-lokal-wordpress-utveckling","status":"publish","type":"post","link":"https:\/\/wordpress.mediadoma.com\/sv\/wordpress-temahandledning-foer-nyboerjare-del-0-5-staella-in-lokal-wordpress-utveckling\/","title":{"rendered":"WordPress-temahandledning f\u00f6r nyb\u00f6rjare \u2013 Del 0.5: St\u00e4lla in lokal WordPress-utveckling"},"content":{"rendered":"\n

Den h\u00e4r lektionen g\u00e5r snabbt igenom hur man st\u00e4ller in en lokal utvecklingsmilj\u00f6 och installerar WordPress p\u00e5 den, s\u00e5 att vi kan b\u00f6rja utveckla v\u00e5rt tema. Det \u00e4r f\u00f6r dig som aldrig har satt upp en utvecklingsmilj\u00f6 eller installerat WordPress lokalt i test- eller utvecklingssyfte. Om du redan har allt klart, hoppa vidare till del 1<\/a>.<\/p>\n

Att s\u00e4tta upp en webbutvecklingsstack \u00e4r avg\u00f6rande och enklare \u00e4n du kanske tror. Kortfattat; det \u00e4r ett program som installerar en webbserver (oftast Apache) och en databas (oftast MySQL) i din dator s\u00e5 att din dator kan betj\u00e4na webbplatser. Det \u00e4r mycket snabbare och enklare att utveckla och testa din kod "lokalt" i din dator \u00e4n att st\u00e4ndigt ladda upp via FTP till en dom\u00e4n eller server.<\/p>\n

Edit: Jag har skapat en uppdaterad och mer detaljerad guide i hur man st\u00e4ller in en lokal WordPress h\u00e4r<\/a>! <\/p>\n

Skapa en lokal utvecklingsmilj\u00f6<\/h2>\n

Det finns flera gratisprogram som l\u00e5ter dig st\u00e4lla in din dator som en webbserver. De vanligaste \u00e4r WampServer<\/a> f\u00f6r Windows och XAMPP<\/a> eller MAMP<\/a> f\u00f6r Mac IOS. F\u00f6r Windows 64bit-system, se till att du installerar 64bit-versionen av WampServer. N\u00e4r det g\u00e4ller IOS rekommenderar jag XAMPP, men t\u00e4nk p\u00e5 att du med st\u00f6rsta sannolikhet beh\u00f6ver g\u00f6ra n\u00e5gra ytterligare steg f\u00f6r att \u00e4ndra beh\u00f6righeter f\u00f6r utvecklingsmappen (vilket beh\u00f6vs f\u00f6r att WordPress ska kunna installera plugins med mera).<\/p>\n

\"WordPress-temahandledning<\/a><\/p>\n

Ladda ner programvaran (l\u00e4nkarna ovan) och k\u00f6r installationsprogrammet. Du beh\u00f6ver inte ange n\u00e5gra detaljer, den b\u00f6r som standard installera Apache webbserver och MySQL-databas och ska fungera bra utan n\u00e5gra \u00e4ndringar. \u00d6ppna programmet n\u00e4r det \u00e4r klart. Vanligtvis kommer det att starta en Apache och en SQL-server n\u00e4r du startar programmet, annars b\u00f6r det finnas en l\u00e4nk till "Starta alla tj\u00e4nster".<\/p>\n

\"WordPress-temahandledning<\/a>\"WordPress-temahandledning<\/a><\/p>\n

Medan ditt program k\u00f6rs b\u00f6r du kunna g\u00e5 till din webbl\u00e4sare, skriva in localhost<\/code>och se v\u00e4lkomstsidan f\u00f6r det programmet. T\u00e4nk p\u00e5 att du beh\u00f6ver det h\u00e4r programmet f\u00f6r att k\u00f6ra i bakgrunden, k\u00f6ra alla tj\u00e4nster, medan du utvecklar.<\/p>\n

I WampServer kan du klicka p\u00e5 ikonen i aktivitetsf\u00e4ltet och v\u00e4lja "Starta alla tj\u00e4nster" i den utf\u00e4llbara menyn. I XAMPP har programmet en knapp f\u00f6r det i sitt huvudgr\u00e4nssnitt.<\/p>\n

Programmet kommer att ge dig en dedikerad mapp d\u00e4r du kan placera dina webbutvecklingsfiler. F\u00f6r WampServer \u00e4r standardkatalogen undermappen www<\/code>i programinstallationskatalogen; till exempel C:wamp64www<\/code>. F\u00f6r XAMPP p\u00e5 IOS hittar du en genv\u00e4g till mappen htdocs<\/code>inuti Programs > XAMPP > htdocs<\/code>. Den h\u00e4r mappen \u00e4r d\u00e4r du kan placera alla php- eller webbfiler och komma \u00e5t dem via din webbl\u00e4sare och det \u00e4r ocks\u00e5 d\u00e4r du kommer att placera alla WordPress-filer.<\/p>\n

Installera WordPress<\/h2>\n

Att installera WordPress \u00e4r v\u00e4ldigt enkelt! G\u00e5 till WordPress.orgs nedladdningssida<\/a> och klicka p\u00e5 den stora bl\u00e5 knappen f\u00f6r att ladda ner. Du f\u00e5r en zip-fil med den aktuella versionen av WordPress, p\u00e5 engelska.<\/p>\n

Jag rekommenderar att du skapar en undermapp i din lokala utvecklingsmapp f\u00f6r WordPress (om du vill g\u00f6ra flera webbutvecklingsprojekt, eller flera WordPresses). F\u00f6r syftet med denna handledning skapade jag en undermapp som heter wordpress<\/code>, s\u00e5 min v\u00e4g till den \u00e4r C:wamp64wwwwordpress<\/code>(f\u00f6r att komma \u00e5t den h\u00e4r mappen m\u00e5ste jag g\u00e5 till localhost\/wordpress<\/code>i min webbl\u00e4sare).<\/p>\n

1 Extrahera zip-inneh\u00e5llet i din nedladdade WordPress till \u00f6nskad plats i din utvecklingsmilj\u00f6.<\/p>\n

F\u00f6r det andra m\u00e5ste du skapa en databas i din lokala SQL, s\u00e5 WordPress kan installera allt i den. Vanligtvis kan du anv\u00e4nda PHPMyAdmin (\u00c4r installerat som standard med WampServer och XAMPP). F\u00f6r att komma \u00e5t PHPMyAdmin, navigera till localhost\/phpmyadmin<\/code>i din webbl\u00e4sare. Du b\u00f6r se en inloggningssida. Som standard \u00e4r anv\u00e4ndaren root<\/code>och l\u00f6senordet \u00e4r tomt.<\/p>\n

\"WordPress-temahandledning<\/a><\/p>\n

Beroende p\u00e5 vilken version av PHPMyAdmin du har installerat, b\u00f6r du enkelt hitta n\u00e5gra l\u00e4nkar f\u00f6r att installera en ny databas; till exempel "Ny" \u00f6verst i v\u00e4nstra sidof\u00e4ltet. Best\u00e4m ett databasnamn f\u00f6r din WordPress-installation (jag rekommenderar att du anv\u00e4nder samma namn som din mapp; t.ex. wordpress<\/code>eller n\u00e5got lite mer talande). N\u00e4r det g\u00e4ller sorteringstyp (rullgardinsmenyn) rekommenderar jag att du anv\u00e4nder " utf8_general_ci<\/code>" (du m\u00e5ste rulla ner en hel del f\u00f6r att hitta den). Tryck p\u00e5 OK och du kan bara st\u00e4nga PHPMyAdmin-fliken. WordPress tar hand om resten \u00e5t dig.<\/p>\n

2 Logga in p\u00e5 din databas med PHPMyAdmin och skapa en ny databas med ditt valda databasnamn och utf8 som sorteringstyp.<\/p>\n

Det sista steget \u00e4r att k\u00f6ra WordPress-installationsprogrammet som g\u00f6r resten \u00e5t dig.<\/p>\n

3 I din webbl\u00e4sare navigerar du till localhost\/wordpress<\/code>(eller var du \u00e4n har extraherat WordPress till). WordPress-installationsprogrammet b\u00f6r dyka upp och guida dig genom installationen av WordPress.<\/p>\n

Installationsguiden kommer att beg\u00e4ra att du anger ditt databasnamn (skriv in det du skapade ovan), ditt SQL-anv\u00e4ndarnamn och l\u00f6senord (standard "root" och tomt l\u00f6senord). F\u00f6r allt annat kan du l\u00e4mna som standard, eller st\u00e4lla in \u00f6nskade variabler s\u00e5som namnet p\u00e5 din webbplats, och definiera dina inloggningsuppgifter.<\/p>\n

N\u00e4r WordPress installationsguide \u00e4r klar b\u00f6r du nu ha en komplett WordPress installerad lokalt! Bes\u00f6k localhost\/wordpress<\/code>b\u00f6r ge dig din f\u00f6rstasida och bes\u00f6k localhost\/wordpress\/wp-admin<\/code>b\u00f6r ge dig din adminpanel.<\/p>\n

Du \u00e4r nu redo att b\u00f6rja utveckla ditt WordPress-tema! Hoppa direkt in i del 1: Introduktion<\/a>.<\/p>\n

Inspelningsk\u00e4lla: awhitepixel.com<\/a><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"

Steg 0.5 i WordPress temahandledning f\u00f6r nyb\u00f6rjare t\u00e4cker hur man st\u00e4ller in en lokal utvecklingsmilj\u00f6 med WAMP eller XAMPP och installerar WordPress.<\/p>\n","protected":false},"author":1,"featured_media":223973,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"categories":[932,901,724,838,848,901,922,1110,922,838,932,848,724,868,868],"tags":[1173],"class_list":{"0":"post-233739","1":"post","2":"type-post","3":"status-publish","4":"format-standard","5":"has-post-thumbnail","6":"hentry","7":"category-aemnen","8":"category-koda","9":"category-utvecklaren","10":"category-guide-foer-nyboerjare","11":"category-handledningar","13":"category-oevrig","14":"category-n-a","20":"category-wordpress-9","22":"tag-affiai-sv"},"_links":{"self":[{"href":"https:\/\/wordpress.mediadoma.com\/sv\/wp-json\/wp\/v2\/posts\/233739","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wordpress.mediadoma.com\/sv\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/wordpress.mediadoma.com\/sv\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/sv\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/sv\/wp-json\/wp\/v2\/comments?post=233739"}],"version-history":[{"count":0,"href":"https:\/\/wordpress.mediadoma.com\/sv\/wp-json\/wp\/v2\/posts\/233739\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/sv\/wp-json\/wp\/v2\/media\/223973"}],"wp:attachment":[{"href":"https:\/\/wordpress.mediadoma.com\/sv\/wp-json\/wp\/v2\/media?parent=233739"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/sv\/wp-json\/wp\/v2\/categories?post=233739"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/sv\/wp-json\/wp\/v2\/tags?post=233739"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}