✅ WEB- ja WordPress -uutiset, -teemat, -laajennukset. Täällä jaamme vinkkejä ja parhaita verkkosivustoratkaisuja.

Täydellinen opas Web-palvelimen ja WordPressin asentamiseen Localhostiin

47

Jokaisen WordPress-kehittäjän pitäisi pystyä kehittämään paikallisella verkkopalvelimella. Se on nopea ja suora tapa nähdä koodisi toiminnassa. Tässä viestissä käyn läpi verkkopalvelinsovelluksen asentamisen ja asennuksen tietokoneellesi (sekä Windows- että MacOS-käyttöjärjestelmässä), mukaan lukien ohjeet mahdollisten ongelmien ratkaisemiseen.

Paikallisen verkkopalvelimen määrittämiseen on monia ratkaisuja, esimerkiksi Docker, Vagrant tai yksinkertainen verkkopalvelinsovellus. Viimeinen on ehdottomasti yksinkertaisin. Tämä viesti käy läpi WampServer for Windows – ja XAMPP for MacOS -asetusten määritysprosessin. Siirry tietokoneesi käyttöjärjestelmään:

WampServerin asentaminen Windowsiin

Verkkopalvelimen asentaminen Windowsille on melko yksinkertaista. Kyse on lähinnä ohjatun asennustoiminnon seuraamisesta, joten en mene tässä sen enempää yksityiskohtiin.

Ensimmäinen vaihe on verkkopalvelinsovelluksen lataaminen. Napsauta linkkiä siirtyäksesi WampServerin verkkosivulle ja napsauta "Lataa" valikosta.

Täydellinen opas Web-palvelimen ja WordPressin asentamiseen Localhostiin

Voit valita, haluatko asentaa joko 64- tai 32-bittisen. Useimmat nykyiset tietokoneet tukevat 64-bittistä, joten valitsisin sen. Napsauttamalla latauspainiketta avautuu lomake, mutta voit napsauttaa yläreunassa olevaa linkkiä, jossa lukee "voit ladata sen suoraan". Tämä vie sinut varsinaiseen lataukseen.

Täydellinen opas Web-palvelimen ja WordPressin asentamiseen Localhostiin

Kun tiedosto on ladattu, napsauta .exe-tiedostoa aloittaaksesi asennuksen. Seuraa asennusprosessia. Muista, että sijainti, johon valitset WampServerin asentamisen, on paikka, johon sinun on sijoitettava WordPress-tiedostosi ja muut verkkosivustoprojektit, joita saatat haluta tehdä. Jos se pyytää oletusselainta, valitse selainohjelma (yleensä se sijaitsee alikansiossa C:Program Files (x86)).

Kun asennus on valmis ja WampServer käynnistetty, se näkyy Windowsin järjestelmäpalkissa (tehtäväpalkin oikealla puolella, kellon vieressä).

Kun kuvake on vihreä, WampServer käyttää verkkopalvelinta onnistuneesti. Kun se on oranssi tai punainen, palvelin on offline-tilassa. Napsauta tarjottimessa olevaa WampServer-kuvaketta määrittääksesi ja käynnistääksesi/käynnistääksesi/pysäyttääksesi palvelut.

Täydellinen opas Web-palvelimen ja WordPressin asentamiseen Localhostiin

Voit testata verkkopalvelimen toimivuutta avaamalla selaimesi ja siirtymällä osoitteeseen http://localhost/. Sinun pitäisi nähdä WampServerin kotisivu.

Jos olet käynnistänyt verkkopalvelimen onnistuneesti, siirry suoraan kohtaan " WordPressin asentaminen "! Jos jokin meni pieleen, katso kohtaa "Mahdolliset ongelmat ja korjaukset WampServerille" yrittääksesi ratkaista ongelman.

XAMPP:n asentaminen MacOS X:ään

Verkkopalvelimen määrittäminen ja WordPressin saaminen toimimaan oikein MacOS:ssa on ehdottomasti haaste. Kun olen tehnyt sen muutaman kerran, olen löytänyt prosessin vähiten vaiheilla ja parhaan tuloksen.

Siirry XAMPP :n verkkosivustolle ja etsi suuri vihreä latausalue. Napsauta "XAMPP for OS X".

Täydellinen opas Web-palvelimen ja WordPressin asentamiseen Localhostiin

Seuraa asennusopasta ja vedä pyydettäessä kuvake Sovellukset-kansioon. Napsauta Avaa valintaikkunoissa, joissa kysytään, oletko varma, että avaat Internetistä ladatun sovelluksen. Kun asennus on valmis, käynnistä XAMPP-sovellus Launcherista.

Kun XAMPP käynnistyy ensimmäisen kerran, sinun on napsautettava Käynnistä-painiketta.

Täydellinen opas Web-palvelimen ja WordPressin asentamiseen Localhostiin

Jonkin ajan kuluttua ilmaisimen pitäisi muuttua punaisesta vihreäksi ja sinun pitäisi nähdä IP-osoitteesi. Tässä vaiheessa verkkopalvelin ja tietokantapalvelin ovat toiminnassa annetulla IP-osoitteella. Mutta haluamme käyttää mukavaa localhost URL-osoitetta IP-osoitteen sijaan. Napsauta "Network" -välilehteä ja napsauta rivillä "localhost:8080" painiketta Ota käyttöön.

Täydellinen opas Web-palvelimen ja WordPressin asentamiseen Localhostiin

Kun tämä rivi muuttuu vihreäksi, avaa URL-osoite http://localhost:8080/ selaimessasi. Sinun pitäisi nähdä XAMPP:n tervetulosivu. Tämä tarkoittaa, että verkkopalvelin on toiminnassa.

Päästäksesi verkkoprojektikansioon, johon sijoitat WordPressin ja muut projektitiedostot, sinun on siirryttävä XAMPP:n Volumes-välilehteen. Napsauta painiketta "Asenna".

Täydellinen opas Web-palvelimen ja WordPressin asentamiseen Localhostiin

XAMPP:n pitäisi nyt käyttää verkkopalvelinta ja MySQL-tietokantapalvelinta onnistuneesti, valmiina WordPressin asentamiseen. Asenna WordPress noudattamalla alla olevia ohjeita, koska XAMPP:n toimiminen oikein edellyttää useita lisävaiheita.

WordPressin asentaminen (sekä WampServer että XAMPP)

Siirry WordPressin lataussivulle ja napsauta sinistä latauspainiketta. Sen pitäisi antaa sinulle zip-tiedosto, joka purettaessa luo "wordpress"-kansion, jossa on kaikki tiedostot, jotta WordPress toimii.

Siirrä ladattu zip-tiedosto wwwkansioon (WampServerille) / htdocskansioon (XAMPP:lle). Pura ladattu zip-tiedosto. Kun se on purettu, sinulla pitäisi olla alikansio "wordpress" verkkopalvelimen kansiossa. Tämä tarkoittaa, että WordPress on käytettävissä URL-osoitteesta http://localhost/wordpress/ (WampServerille) / http://localhost:8080/wordpress/ for (XAMPP). Voit kuitenkin nimetä kansion uudelleen, jos haluat.

Seuraava vaihe on tietokannan luominen WordPressille. Sekä WampServer että XAMPP asentavat automaattisesti phpMyAdminin, jotta voit käyttää tietokantoja. WampServer: Napsauta WampServer-kuvaketta järjestelmäpalkissa ja napsauta "phpMyAdmin" tai siirry URL-osoitteeseen http://localhost/phpmyadmin. XAMPP: Avaa phpMyAdmin joko menemällä URL-osoitteeseen http://localhost:8080/phpmyadmin tai napsauttamalla "phpMyAdmin"-valikkokohtaa oikeassa yläkulmassa XAMPP:n tervetulosivulla osoitteessa http://localhost:8080. Kirjaudu sisään käyttäjätunnuksella "root" ja tyhjällä salasanalla (molemmat verkkopalvelimet).

Napsauta vasemmalla olevasta sivupalkista "Uusi" luodaksesi uuden tietokannan. Syötä haluamasi tietokanta (esimerkiksi "wordpress") ja tietokannan lajittelu (utf8_general_cion hyvä valinta).

Täydellinen opas Web-palvelimen ja WordPressin asentamiseen Localhostiin

Kun tietokanta on luotu, voit sulkea phpMyAdminin. Seuraava vaihe on WordPressin konfigurointitiedoston määrittäminen.

Siirry WordPress-kansioosi. Tee tiedostosta kopio wp-config-sample.phpja nimeä kopio uudelleen muotoon wp-config.php. Avaa wp-config.phpja muokkaa seuraavat rivit (olettaen, että tietokantasi nimi on ‘ wordpress‘);

  • define( 'DB_NAME', 'wordpress' );
  • define( 'DB_USER', 'root' );
  • define( 'DB_PASSWORD', '' );

Jätä loput ennalleen, tallenna ja sulje tiedosto.

Siirry selaimessasi osoitteeseen http://localhost/wordpress/ (WampServer) / http://localhost:8080/wordpress/ (XAMPP) – tai mihin tahansa kansioon, johon purit WordPressin. Sinua tulee tervehtiä WordPressin asennusnäytössä. Määritä WordPress-asennus noudattamalla ohjeita.

Windows/WampServer- käyttäjille olet nyt asentanut WordPressin onnistuneesti! Jos kohtaat ongelmia, katso kohta " Mahdolliset ongelmat ja korjaukset WampServerille ".

MaxOS /XAMPP- käyttäjille on valitettavasti joitain lisävaiheita saadakseen WordPressin toimimaan kunnolla – siirry seuraavaan vaiheeseen.

WordPressin XAMPP-käyttöjärjestelmän ongelmien korjaaminen

Lisäosien/teemojen asennus pyytää FTP-tietoja

Jos yrität asentaa laajennuksen, saatat saada tämän valintaikkunan, jossa kysytään FTP-tunnistetietoja:

Täydellinen opas Web-palvelimen ja WordPressin asentamiseen Localhostiin

Löysin ratkaisun, joka ratkaisee tämän, on wp-config.phptiedoston muokkaaminen. WP_DEBUGLisää tämä rivi heti määritelmän jälkeen

define( 'FS_METHOD', 'direct' );

Tallenna ja sulje wp-config.phptiedosto. WordPress ei enää kysy FTP-tietoja, mutta laajennuksia ei voi silti asentaa. Saat todennäköisesti ilmoituksen "Asennus epäonnistui. Hakemistoa ei voitu luoda." Tämä johtuu tiedostojen ja kansioiden väärästä omistajuudesta ja käyttöoikeuksista.

Liitännäisten/teemojen asennus epäonnistuu "Hakemistoa ei voitu luoda"

Täydellinen opas Web-palvelimen ja WordPressin asentamiseen Localhostiin

Voit korjata tämän avaamalla Finderin napsauttamalla htdocskansiotasi hiiren kakkospainikkeella ja napsauttamalla "Hae tiedot". Napsauta ikkunan alareunassa laajentaaksesi "Jakaminen ja käyttöoikeudet". Napsauta riippulukkokuvaketta ja anna järjestelmänvalvojan salasana, jotta pääset muuttamaan asetuksia. Aseta "Kaikki" -kohdassa luvaksi "Lue ja kirjoita". Napsauta sitten Cog-kuvaketta ja valitse "Käytä mukana oleviin tuotteisiin…". Napsauta valintaikkunassa OK.

Täydellinen opas Web-palvelimen ja WordPressin asentamiseen Localhostiin

Viimeinen vaihe on tiedostojen ja kansioiden käyttöoikeuksien muuttaminen käyttämällä chmod. Avaa pääte (komento + välilyönti, kirjoita "terminal" ja napsauta Enter). Kirjoita kehotteeseen " cd" (mukaan lukien välilyönti sen jälkeen) ja vedä Finderin htdocs-kansio pääteikkunaan ja napsauta Enter. Muussa tapauksessa sinun on kirjoitettava koko polku htdocs-kansioon (katso harmaa laatikko yllä). Kun olet htdocs-kansiossa, kirjoita tämä komento ja napsauta Enter:

sudo chmod -R 0777 *

Jos sinua pyydetään antamaan järjestelmänvalvojan salasana, kirjoita se ja napsauta Enter. Kehotteen pitäisi pysyä jonkin aikaa ja päivittyä yhtäkkiä uuteen kehotteeseen, kun se on valmis.

Päivitä WordPress-järjestelmänvalvojasivusi ja sinun pitäisi nyt pystyä käyttämään WordPressiä tavalliseen tapaan!

Mahdolliset ongelmat ja korjaukset WampServerille

WampServer-kuvake järjestelmäpalkissa on oranssi eikä koskaan muutu vihreäksi

Kokeile http://localhost/ joka tapauksessa selaimessa. Jos se toimii, se todennäköisesti tarkoittaa, että WampServeriin on asennettu enemmän palveluita kuin tarvitset. Tarvitset vain Apachen (verkkopalvelin) ja MySQL:n (tietokanta). Olen kokenut, että WampServer yrittää oletusarvoisesti myös käynnistää MariaDB:n (toisen tietokantapalvelun). Mutta koska se ei voi käynnistää MariaDB:tä, kuvake pysyy oranssina – vaikka Apache ja MySQL ovat käynnissä. Jos näin on, poista MariaDB-palvelu.

Localhost ei toimi

Valitettavasti tähän voi olla monia syitä. Aloitan tarkistamalla, ovatko sekä Apache että MySQL-palvelu käynnissä. Napsauta WampServer-kuvaketta lokerossa > Apache > Palvelunhallinta. Jos "Käynnistä/jatka palvelu" on vihreä ja napsautettava, Apache ei ole tällä hetkellä käynnissä.

Jos Apache ei ole käynnissä, yritä napsauttaa "Asenna palvelu" samassa valikossa. Sinun pitäisi saada komentokehote, joka joko osoittaa, että Apache on asennettu onnistuneesti, tai saatat saada kehotteen siitä, miksi se ei toimi.

Useimmissa tapauksissa Apache ei käynnisty, koska portti 80 on jonkin muun ohjelman varaama. Tarkista, onko Skype asennettuna. Google kuinka määrittää Skype olemaan käyttämättä porttia 80 ja yritä WampServeriä uudelleen.

Kauniit pysyvät linkit eivät toimi WordPressissä

Mukautetut (kauniit) pysyvät linkit WordPressissä edellyttävät, että moduuli ” rewrite_module" on asennettu verkkopalvelimellesi. Napsauta WampServer-kuvaketta lokerossa > Apache > Apache-moduulit – ja etsi pitkästä luettelosta ja napsauta " rewrite_module". WampServer asentaa moduulin ja käynnistää Apache-verkkopalvelimen uudelleen automaattisesti.

Suurin latauskokoni Mediakirjastoon on vain 2 Mt

Oletuksena WampServer asettaa tiedoston enimmäiskoon 2 Mt. Tämä on usein liian pieni suurempien kuvien lataamiseen mediakirjastoon. Korjataksemme tämän meidän on muutettava Apachen php.initiedosto. Napsauta WampServer-kuvaketta > PHP > php.ini. Sen pitäisi avata tiedosto oletustekstinmuokkausohjelmassasi.

Hae "upload_max_filesize" ja suurenna M-arvoa (Mb) joksikin tältä:

upload_max_filesize = 50M

Suosittelen myös yhden asian vaihtamista. Hae "post_max_size". Kasvata M-arvoa (Mb) niin, että viiva näyttää tältä:

post_max_size = 50M

Sulje tiedosto ja käynnistä Apache uudelleen.

Tämä verkkosivusto käyttää evästeitä parantaakseen käyttökokemustasi. Oletamme, että olet kunnossa, mutta voit halutessasi kieltäytyä. Hyväksyä Lisätietoja