WordPress Development Een staging-omgeving instellen
Meestal zouden we beginnen met het ontwikkelen van een website in een lokale server. Vervolgens uploaden we het naar een regie site, en nadat alles is bevestigd, duwen we de website naar de leven server. Zo simpel als dat geluid, een website ontwikkelen kan een zeer langdurig proces zijn.
In deze post zullen we zien hoe deze fasen effectief kunnen worden geïmplementeerd en geconfigureerd bij het ontwikkelen voor WordPress met behulp van een handige plug-in genaamd WP Local Toolbox.
Zodra de plug-in is geactiveerd, worden een aantal PHP-constanten zichtbaar. Om er maar een paar te noemen, zullen deze constanten ons laten weten of we op dit moment zijn op een live site of op een lokale site, zorgen voor onnodige plug-ins in een bepaald stadium gedeactiveerd blijven, en laat het ons weten wanneer nieuwe inhoud is toegevoegd in de live site.
Ontwikkelfase
Dit is waar we beginnen. We bouwen onze website in een localhost: een webserver die op onze computer draait. Als u OS X gebruikt, kunt u er gemakkelijk een instellen met MAMP. Windows-gebruikers hebben nog enkele andere opties, zoals MAMP (voor Windows), WAMP en XAMPP.
In dit stadium kunt u ontwikkeltools gebruiken zoals Codekit en Grunt of Gulp. Je kunt samenwerken met je collega's met Git version control; je kunt ook vrij enkele experimenten uitvoeren en onderweg veilig fouten maken.
In de ontwikkelperiode moedig ik je aan om de WP_DEBUG
en om een paar WordPress plug-ins zoals Query Monitor, RTL Tester en User Switching te installeren naast de plug-ins die we zouden inzetten op de live site. Deze paar extra plug-ins zijn bedoeld om de ontwikkeling vergemakkelijken net zoals testproces. Dat gezegd hebbende, zullen we deze plug-ins niet activeren op de staging- of live-site.
Open de wp-config.php
, en voeg daarna de volgende regel toe define ('WP_DEBUG', true);
.
define ('WP_DEBUG', true); define ('WPLT_SERVER', 'dev');
Deze regel markeert onze WordPress-installatie in localhost as “ontwikkeling”. Wanneer u zich aanmeldt bij het WordPress-dashboard, ziet u dat de beheerbalk standaard nu groen wordt weergegeven, waarbij de server als volgt wordt vermeld: DEV SERVER
.
Instellen dev
schakelt de “Ontmoedig zoekmachines van het indexeren van deze site” optie om te voorkomen dat de site per ongeluk wordt geïndexeerd in de zoekmachine, hoewel deze alleen op onze computer toegankelijk is.
Als u niet van de standaardgroene houdt, kunt u deze altijd wijzigen door te definiëren WPLT_COLOR
. De kleur kan worden gedefinieerd met een kleurzoekwoord of met het Hex-formaat, zoals hieronder wordt weergegeven.
define ('WPLT_COLOR', '# 7ab800');
Daarnaast wilt u misschien ook een aantal plug-ins die niet nodig zijn tijdens de ontwikkeling krachtig deactiveren, zoals de caching-plug-in, back-upplug-in en Akismet.
Hiertoe geeft u elke plug-in in een array op met WPLT_DISABLED_PLUGINS
.
define ('WPLT_DISABLED_PLUGINS', serialize (array ('w3-total-cache / w3-total-cache.php', 'akismet / akismet.php',)));
“regie” Stadium
De “regie” site is waar we onze site testen. Idealiter zou het in een omgeving moeten zijn die dat wel is bootst nauw na (de inhoud, de serverspecificatie, en etc.) de live site in bestellen vang bugs en fouten op die we misschien gemist hebben in de ontwikkelingsfase.
De site moet meestal alleen toegankelijk zijn voor sommige mensen, inclusief de klanten, om hen de definitieve versie van de websites te tonen.
Sommige plug-ins zijn beter gedeactiveerd, zoals de plug-ins die we in de ontwikkelingsfase hebben gebruikt, een caching-plug-in en een back-upplug-in. Staging-site kan bijvoorbeeld worden ingesteld in een subdomein, staging.coolsite.com
of in een apart domein zoals coolsitestaging.com
.
We definiëren de staging-site in wp-config.php
als volgt.
define ('WP_DEBUG', true); define ('WPLT_SERVER', 'testing'); 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 ',' simply-show-id's / simply-show-ids.php ',' monster-widget / monster -widget.php ',' theme-check / theme-check.php ',' wordpress-beta-tester / wp-beta-tester.php ',)));
We hebben nu de server ingesteld als regie
of testing
. De kleur van de beheerdersbalk moet nu oranje worden.
In dit stadium kunnen we ook deactiveren een paar plug-ins die we gebruiken voor ontwikkeling. We houden een paar andere ontwikkelingsplug-ins geactiveerd en WP_DEBUG
ingeschakeld omdat we tijdens het testen in de staging-server fouten moeten opvangen.
Live Stage
Dit is de laatste fase waarin we onze site publiceren op een live server en iedereen en iedereen de website laten zien. In deze fase zouden we dat ook moeten doen deactiveer alle plug-ins voor ontwikkelingen en tenslotte activeer caching en back-up plug-ins onder andere.
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 ',' gewoon-show-id's / gewoon-show-id's.php ',' regenereren-miniaturen / regenereren-thumbnails.php ',' herschrijven-regels-inspecteur / herschrijfregels -inspector.php ',' rtl-tester / rtl-tester.php ',' user-switching / user-switching.php ',' monster-widget / monster-widget.php ',' thema-controle / thema-controle .php ',' query-monitor / query-monitor.php ',' wordpress-beta-tester / wp-beta-tester.php ',)));
De live-balk Admin staat standaard rood (dit kan worden gewijzigd). Houd een oogje in het zeil voor nieuwe inhoud op de live server houd de testserverdatabase bijgewerkt met de nieuwe inhoud zoals in de live server; het maakt het testen nauwkeuriger en zorgt ervoor dat de nieuwe inhoud op OK wordt weergegeven.
Voeg de volgende regel toe aan de live server wp-config.php
om dit te doen.
define ( 'WPLT_NOTIFY', '[email protected]);
Eenmaal ingesteld, ontvangen we een melding via e-mail wanneer onze klant nieuwe inhoud (berichten en pagina's) toevoegt aan de live server. Als ze dat doen, kopieer de inhoudsdatabase dan live.
Als jouw testing
en leven
server worden gehost op dezelfde server, ga naar phpMyAdmin. Selecteer vervolgens de wp_posts database en selecteer de Activiteiten tab. Binnen de Tabel kopiëren naar (database.table) vak, selecteer de staging-sitedatabase en zorg ervoor dat de Voeg DROP TABLE toe optie is aangevinkt, zodat deze de bestaande database overschrijft.
Dat is het, we hebben nu mooi georganiseerde stadia voor het ontwikkelen van een WordPress-site. Ik realiseer me dat velen van jullie je eigen stijl van workflow hebben, dus voel je vrij om je beste workflow te delen als je ermee omgaat “regie”, en welke hulpmiddelen u gebruikt.