Alla WordPress-utvecklare bör kunna utveckla på en lokal webbserver. Det är ett snabbt och direkt sätt att se din kod i aktion. I det här inlägget ska jag gå igenom installation och inställning av en webbserverapplikation på din dator (både Windows och MacOS), inklusive hur du löser de problem som kan komma med.
Det finns många lösningar för att sätta upp en lokal webbserver, till exempel med Docker, Vagrant eller en enkel webbserverapplikation. Det sista är definitivt det enklaste. Det här inlägget kommer att gå igenom processen att ställa in WampServer för Windows och XAMPP för MacOS. Hoppa till operativsystemet för din dator:
Installera WampServer på Windows
Att installera en webbserver för Windows är ganska enkelt. Det handlar mest om att följa installationsguiden, så jag ska inte gå in på så mycket detaljer här.
Det första steget är att ladda ner webbserverapplikationen. Klicka på länken för att gå till WampServers webbsida och klicka på "Ladda ner" i menyn.
Du kan välja att installera antingen en 64-bitars eller en 32-bitars. De flesta datorer idag stöder 64bit, så jag skulle gå för det. När du klickar på nedladdningsknappen kommer ett formulär att dyka upp, men du kan helt enkelt klicka på länken längst upp som säger "du kan ladda ner det direkt". Detta tar dig till den faktiska nedladdningen.
När filen har laddats ner klickar du på .exe-filen för att starta installationen. Följ installationsprocessen. Tänk på att den plats du väljer att installera WampServer på, är där du kommer att behöva placera dina WordPress-filer och alla andra webbplatsprojekt du kanske vill göra. Om den frågar efter din standardwebbläsare, välj webbläsarprogrammet (som normalt finns i en undermapp i C:Program Files (x86)).
När installationen är klar och WampServer har startat, kommer den att visas i Windows systemfältet (höger sida av aktivitetsfältet, vid klockan).
När ikonen är grön kör WampServer webbservern framgångsrikt. När den är orange eller röd är servern offline. Klicka på WampServer-ikonen i fältet för att konfigurera och starta/starta om/stoppa tjänster.
För att testa om webbservern fungerar, öppna din webbläsare och gå till http://localhost/. Du bör se WampServers hemsida.
Om du har startat webbservern framgångsrikt, hoppa direkt till " Installera WordPress "! Om något gick fel, ta en titt på avsnittet "Möjliga problem och fixar för WampServer" för att försöka lösa problemet.
Installera XAMPP på MacOS X
Att sätta upp en webbserver och få WordPress att fungera ordentligt på ett MacOS är definitivt en utmaning. Efter att jag har gjort det ett par gånger har jag hittat processen med de minsta stegen och det bästa resultatet.
Gå till XAMPP :s hemsida och hitta det stora gröna nedladdningsområdet. Klicka på "XAMPP för OS X".
Följ installationsguiden och dra ikonen till mappen Applications när du blir tillfrågad. Klicka på Öppna i dialogrutor som frågar om du är säker på att öppna programmet som laddats ner från internet. När installationen är klar, starta XAMPP-appen från Launcher.
När XAMPP startar upp för första gången måste du klicka på knappen "Start".
Efter ett tag bör indikatorn växla från röd till grön och du bör se din IP-adress visas. Vid denna tidpunkt är webbservern och databasservern igång på den angivna IP-adressen. Men vi vill använda en trevlig localhost URL istället för IP. Klicka på fliken "Nätverk" och på raden "localhost:8080" klicka på knappen Aktivera.
När den här raden blir grön öppnar du URL :en http://localhost:8080/ i din webbläsare. Du bör se XAMPP:s välkomstsida. Det betyder att webbservern är igång.
För att få tillgång till webbprojektmappen där du ska placera WordPress och eventuella andra projektfiler måste du gå till fliken Volymer i XAMPP. Klicka på knappen "Montera".
XAMPP bör nu köra webbservern och MySQL-databasservern framgångsrikt, redo för dig att installera WordPress. Följ stegen nedan för att installera WordPress eftersom det krävs flera ytterligare steg för att få XAMPP att fungera korrekt.
Installera WordPress (både WampServer och XAMPP)
Gå till WordPress-nedladdningssidan och klicka på den blå nedladdningsknappen. Det bör ge dig en zip-fil som vid extrahering skapar en mapp "wordpress" med alla filer för att få WordPress att fungera.
Flytta den nedladdade zip-filen till wwwmappen (för WampServer) / htdocsmappen (för XAMPP). Packa upp den nedladdade zip-filen. När den är klar med packningen bör du ha en undermapp "wordpress" i din webbservermapp. Detta innebär att WordPress kommer att vara tillgängligt från URL :en http://localhost/wordpress/ (för WampServer) / http://localhost:8080/wordpress/ för (XAMPP). Men du kan byta namn på mappen om du vill.
Nästa steg är att skapa en databas för WordPress. Både WampServer och XAMPP installerar automatiskt phpMyAdmin för att du ska få tillgång till databaserna. För WampServer: Klicka på WampServer-ikonen i systemfältet och klicka på "phpMyAdmin" eller gå till URL :en http://localhost/phpmyadmin. För XAMPP: Gå till phpMyAdmin genom att antingen gå till webbadressen http://localhost:8080/phpmyadmin eller genom att klicka på "phpMyAdmin" menyalternativet uppe till höger på XAMPP:s välkomstsida på http://localhost:8080. Logga in med användarnamn ‘root’ och tomt lösenord (båda webbservrarna).
Klicka på "Ny" i sidofältet till vänster för att skapa en ny databas. Ange önskad databas (till exempel "wordpress") och databassortering (utf8_general_ciär ett bra val).
Efter att databasen har skapats kan du stänga phpMyAdmin. Nästa steg är att ställa in WordPress konfigurationsfil.
Navigera till din WordPress-mapp. Gör en kopia av filen wp-config-sample.phpoch byt namn på kopian till wp-config.php. Öppna wp-config.phpoch redigera följande rader (förutsatt att ditt databasnamn är ‘ wordpress‘);
define( 'DB_NAME', 'wordpress' );define( 'DB_USER', 'root' );define( 'DB_PASSWORD', '' );
Lämna resten som den är, spara och stäng filen.
I din webbläsare navigerar du till http://localhost/wordpress/ (WampServer) / http://localhost:8080/wordpress/ (XAMPP) – eller vilken mapp du nu packade upp WordPress i. Du bör hälsas välkommen med WordPress Setup-skärmen. Följ stegen för att konfigurera din WordPress-installation.
För Windows/WampServer- användare har du nu framgångsrikt installerat WordPress! Om du stöter på problem, ta en titt på avsnittet " Möjliga problem och korrigeringar för WampServer ".
För MaxOS/XAMPP- användare finns det tyvärr några ytterligare steg för att få WordPress att fungera korrekt – fortsätt till nästa steg.
Åtgärda problem med att köra WordPress på XAMPP
Installation av plugins/teman kräver FTP-information
Om du försöker installera ett plugin kan du få den här dialogrutan som frågar om FTP-uppgifter:
Lösningen jag har hittat som löser detta är att redigera din wp-config.phpfil. Lägg till den här raden direkt efter WP_DEBUGdefinitionen
define( 'FS_METHOD', 'direct' );Spara och stäng wp-config.phpfilen. WordPress kommer inte längre att fråga efter FTP-information, men plugins kan fortfarande inte installeras. Du kommer troligen att få "Installationen misslyckades. Kunde inte skapa katalog". Detta händer på grund av felaktig äganderätt och behörigheter till filerna och mapparna.
Installation av plugins/teman misslyckas med "Kunde inte skapa katalog"
För att fixa detta, öppna Finder, högerklicka på din htdocsmapp och klicka på "Hämta info". Längst ned i fönstret klickar du för att expandera "Dela och behörigheter". Klicka på hänglåsikonen och ange ditt administratörslösenord för att få åtkomst till att ändra inställningarna. På "Alla" ställ in behörigheten till "Läs & skriv". Klicka sedan på kuggikonen och välj "Använd på bifogade objekt…". Klicka på OK i dialogrutan.
Det sista steget är att ändra behörigheter för filer och mappar med chmod. Öppna terminalen (Kommando + Mellanslag, skriv "terminal" och klicka på Enter). Skriv " cd" (inklusive ett mellanslag efter) vid uppmaningen och dra sedan Finder htdocs-mappen till terminalfönstret och klicka på Enter. Annars måste du skriva ut hela sökvägen till htdocs-mappen (se den grå rutan ovan). Väl inne i htdocs-mappen skriver du ut det här kommandot och klickar på Enter:
sudo chmod -R 0777 *Om du tillfrågas om ditt administratörslösenord, skriv in detta och klicka på Enter. Prompten bör stanna ett tag och plötsligt uppdateras till en ny prompt när den är klar.
Uppdatera din WordPress adminsida och du bör nu kunna använda WordPress som vanligt!
Möjliga problem och fixar för WampServer
WampServer-ikonen i systray är orange och blir aldrig grön
Prova http://localhost/ i en webbläsare ändå. Om det fungerar betyder det förmodligen att WampServer är konfigurerat med fler tjänster än du behöver. Du behöver bara Apache (webbserver) och MySQL (databas). Jag har upplevt att WampServer som standard också försöker starta MariaDB (en annan databastjänst). Men eftersom det inte kan starta MariaDB förblir ikonen orange – även om Apache och MySQL körs. Om så är fallet ta bort MariaDB-tjänsten.
Localhost fungerar inte
Tyvärr kan det finnas många anledningar till detta. Jag skulle börja med att kontrollera om både Apache och MySQL-tjänsten körs överhuvudtaget. Klicka på WampServer-ikonen i fältet > Apache > Serviceadministration. Om "Starta/återuppta tjänsten" är grön och klickbar betyder det att Apache inte körs för närvarande.
Om Apache inte körs, försök att klicka på "Installera tjänst" i samma meny. Du bör få en kommandotolk som antingen visar att Apache har konfigurerats framgångsrikt, eller så kan du få en uppmaning om varför det inte fungerar.
I de flesta fall kan Apache inte starta eftersom port 80 är upptagen av något annat program. Kontrollera om du har Skype installerat. Googla hur du konfigurerar Skype för att inte uppta port 80 och försök med WampServer igen.
Vackra permalänkar fungerar inte i WordPress
Anpassade (snygga) permalänkar i WordPress kräver att modulen " rewrite_module" är installerad på din webbserver. Klicka på WampServer-ikonen i fältet > Apache > Apache-moduler – och i den långa listan, hitta och klicka på " rewrite_module". WampServer kommer att installera modulen och starta om Apache-webbservern automatiskt.
Min maximala uppladdningsstorlek i Media Library är bara 2 MB
Som standard anger WampServer max filuppladdningsstorlek till 2 Mb. Detta är ofta för litet för att ladda upp större bilder i mediebiblioteket. För att fixa det måste vi ändra Apaches php.inifil. Klicka på WampServer-ikonen > PHP > php.ini. Det bör öppna filen i ditt standardprogram för textredigering.
Sök efter "upload_max_filesize" och öka M-värdet (Mb) till något så här:
upload_max_filesize = 50M
Jag rekommenderar också att ändra en sak till. Sök efter "post_max_size". Öka M-värdet (Mb) så att linjen ser ut ungefär så här:
post_max_size = 50M
Stäng filen och starta om Apache.