WordPress Development Miten pysähdysympäristö asetetaan

Yleensä alamme kehittää verkkosivustoa paikallisessa palvelimessa. Sitten lähetämme sen osoitteeseen a näyttämöllepano sivusto, ja sen jälkeen kun kaikki on vahvistettu, työntämme verkkosivuston elää palvelimelle. Niin yksinkertainen kuin tämä ääni, verkkosivuston kehittäminen voi olla hyvin pitkä prosessi.

Tässä viestissä näemme miten nämä vaiheet voidaan asentaa ja konfiguroida tehokkaasti kun kehität WordPressia käyttämällä kätevää pluginia, nimeltään WP Local Toolbox.

Kun plugin on aktivoitu, se paljastaa useita PHP-vakioita. Muutamia nimiä varten nämä vakiot ilmoittavat meille, jos olemme tällä hetkellä live-sivustossa tai paikallisella sivustolla, varmistaa tarpeettomat laajennukset tietyssä vaiheessa pysyvät poissa käytöstä, ja ilmoita meille milloin uusi sisältö on lisätty live-sivustossa.

Kehitysvaihe

Tämä on paikka, josta alamme. Rakennamme verkkosivustomme localhost: tietokoneessamme toimiva web-palvelin. Jos käytät OS X: ää, voit helposti asettaa sen MAMP: lla. Windows-käyttäjillä on muutama vaihtoehto, kuten MAMP (Windows), WAMP ja XAMPP.

Tässä vaiheessa voit käyttää kehitystyökaluja kuten Codekit ja Grunt tai Gulp. Voit työskennellä yhdessä kollegojesi kanssa Git-versionhallinnan avulla; voit myös harjoittaa vapaasti joitakin kokeita ja tehdä turvallisesti virheitä matkan varrella.

Kehitysjakson aikana kehotan teitä ottamaan käyttöön WP_DEBUG ja asentaa muutamia WordPress-laajennuksia, kuten Query Monitor, RTL Tester ja User Switching, niiden pluginien lisäksi, joita käytämme live-sivustossa. Nämä muutama ylimääräinen laajennus on tarkoitettu helpottaa kehitystä yhtä hyvin kuin testausprosessi. Emme kuitenkaan aktivoi näitä laajennuksia lavastus- tai live-sivustossa.

Avaa wp-config.php, ja lisää seuraava rivi sen jälkeen define ('WP_DEBUG', totta);.

 define ('WP_DEBUG', totta); define ('WPLT_SERVER', 'dev'); 

Tämä rivi merkitsee WordPress-asennusta localhostissa “kehitys”. Kun kirjaudut WordPress-hallintapaneeliin, huomaat, että Admin-palkki palauttaa oletusarvoisesti nyt vihreän, kun palvelin on ilmoittanut DEV SERVER.

Sen asettaminen dev mahdollistaa “Estä hakukoneita indeksoimasta tätä sivustoa” vaihtoehto estää sivuston vahingossa indeksoimisen hakukoneessa, vaikka se on saatavilla vain tietokoneessamme.

Jos et pidä vihreää oletusarvoa, voit aina muuttaa sitä määrittämällä WPLT_COLOR. Väri voidaan määrittää värillisellä avainsanalla tai Hex-muodossa, kuten alla on esitetty.

 define ('WPLT_COLOR', '# 7ab800'); 

Lisäksi haluat ehkä poistaa voimakkaasti muutamia laajennuksia, joita ei tarvita kehityksen aikana, kuten välimuistipalvelin, varmuuskopio-plugin ja Akismet.

Voit tehdä tämän määrittämällä kunkin laajennuksen ryhmässä WPLT_DISABLED_PLUGINS.

 define ('WPLT_DISABLED_PLUGINS', serialize (array ('w3-total-cache / w3-total-cache.php', 'akismet / akismet.php',))); Â 

“näyttämöllepano” vaihe

“näyttämöllepano” sivusto on paikka, jossa testataan sivustoamme. Ihannetapauksessa sen pitäisi olla ympäristössä jäljittelee tiiviisti (sisältö, palvelimen määrittely jne.) live-sivusto jotta vikoja ja virheitä että olemme saattaneet jättää huomiotta kehitysvaiheessa.

Sivuston pitäisi yleensä olla vain joidenkin ihmisten, myös asiakkaiden, saatavilla, jotta he voivat näyttää heille lopullisen verkkosivustojen version.

Jotkut laajennukset on poistettu käytöstä, kuten laajennukset, joita olemme käyttäneet kehitysvaiheessa, välimuistin laajennus ja varmuuskopio-plugin. Pysähdyspaikka voitaisiin asettaa esimerkiksi aliverkkotunnukseen, staging.coolsite.com tai erillisessä verkkotunnuksessa coolsitestaging.com.

Määritämme pysähdyspaikan wp-config.php seuraavasti.

 define ('WP_DEBUG', totta); define ('WPLT_SERVER', 'testaus'); define ('WPLT_DISABLED_PLUGINS', serialize (array ('w3-total-cache / w3-total-cache.php', 'akismet / akismet.php', 'debug-bar / debug-bar.php', 'debug-bar) -extender / debug-bar-extender.php ',' debug-bar-console / debug-bar-console.php ',' simple-show-ids / simply-show-ids.php ',' hirviö-widget / monster -widget.php ',' theme-check / theme-check.php ',' wordpress-beta-tester / wp-beta-tester.php ',))); 

Asennamme palvelimen nyt näyttämöllepano tai testaus. Admin-palkin värin pitäisi nyt muuttua oranssiksi.

Tässä vaiheessa voimme myös deaktivoida muutamia laajennuksia, joita käytämme kehitykseen. Pidämme muutamia muita kehitystulostimia käytössä ja WP_DEBUG käytössä, koska meidän on pyydettävä virheitä, kun testaat lavastuspalvelimessa.

Live-vaihe

Tämä on viimeinen vaihe, jossa julkaisemme sivustomme live-palvelimessa ja annamme kaikille ja kaikille nähdä sivuston. Tässä vaiheessa meidän pitäisi myös poista kaikki laajennukset käytöstä ja lopuksi aktivoi välimuistin ja varmuuskopiot muun muassa.

 define ('WP_DEBUG', false); define ('WPLT_SERVER', 'live'); define ('WPLT_DISABLED_PLUGINS', serialize (array ('developer / developer.php', 'debug-bar / debug-bar.php', 'debug-bar-extender / debug-bar-extender.php', 'debug-bar) -console / debug-bar-console.php ',' simple-show-ids / simply-show-ids.php ',' regenerate-thumbnails / regenerate-thumbnails.php ',' uudelleenkirjoittaminen-sääntö-tarkastaja / uudelleenkirjoitussäännöt -inspector.php ',' rtl-tester / rtl-tester.php ',' user-switching / user-switching.php ',' monster-widget / monster-widget.php ',' teema-check / theme-check .php ',' query-monitor / query-monitor.php ',' wordpress-beta-tester / wp-beta-tester.php ',))); 

Live-vaihe Admin-palkki oletuksena on punainen (tämä voidaan muuttaa). Pidä silmällä palvelimen uusi sisältö pidä testauspalvelimen tietokanta ajan tasalla uudella sisällöllä kuin live-palvelimessa; se tekee testauksen tarkemmaksi ja varmista, että uusi sisältö näytetään OK.

Lisää seuraava rivi live-palvelimeen wp-config.php tehdä niin.

 define ( 'WPLT_NOTIFY', '[email protected]'); 

Kun olet asettanut, saamme ilmoituksen sähköpostitse, kun asiakas lisää uuden sisällön (viestit ja sivut) live-palvelimelle. Kun he tekevät, kopioi sisältötietokanta elävästä.

Jos sinun testaus ja elää palvelin on samassa palvelimessa, siirry osoitteeseen phpMyAdmin. Valitse sitten wp_posts tietokanta ja valitse toiminnot välilehti. Sisällä Kopioi taulukko kohteeseen (database.table) ruutuun, valitse pysähdyspaikkatietokanta ja varmista, että Lisää DROP TABLE vaihtoehto tarkistetaan, jotta se korvaa olemassa olevan tietokannan.

Se on se, meillä on nyt hienosti järjestetyt vaiheet WordPress-sivuston kehittämiseen. Ymmärrän, että monilla teistä on oma työnkulun tyyli, joten voit vapaasti jakaa parhaimman työnkulun käsitellessäsi “näyttämöllepano”, ja mitä työkaluja käytät.