Cum se creează un mediu de etapă pentru un site WordPress

În timp ce începătorii WordPress progresează în cariera lor, site-ul lor crește și el. Atunci când rulați site-uri web stabile și profesionale, editare totul în direct nu este cea mai bună opțiune. Câțiva dintre utilizatorii noștri ne-au cerut un tutorial care explică procesul de creare a unui mediu de așteptare. În acest articol, vă vom arăta cum să creați un mediu de așteptare pentru site-ul dvs. WordPress.

Notă: Acest articol este mai potrivit pentru utilizatorii care doresc să treacă de la dezvoltarea WordPress de la începători la o dezvoltare mai avansată. Acest articol vă va ajuta să codificați vacă și să aflați cele mai bune practici. Aceasta este ceea ce veți învăța până la sfârșitul acestui articol.

• Crearea unui site de etapă
• Utilizând Git și BitBucket
• Împingerea modificărilor de la serverul local la BitBucket
• Implementarea modificărilor de la BitBucket la site-ul Staging

Ce este un mediu de etapizare?

Pentru a lucra pe un site WordPress, recomandăm utilizatorilor noștri să instaleze WordPress local pe computerele Windows sau Mac. Odată ce ați terminat și vă mulțumiți cu site-ul dvs., puteți să îl încărcați din localhost pe server live.

Există o problemă cu această abordare. Ce ar fi dacă un lucru care a funcționat pe localhost nu funcționează pe serverul live? Acest lucru ar determina erori care pot reprezenta o problemă pentru site-urile stabilite deoarece pot afecta clasamentele motorului de căutare, vânzările, prima impresie asupra utilizatorilor etc..

În loc să vă încărcați modificările pe site-ul live, le puteți încărca pe un site de stadializare de pe același server. Un site de staționare este o zonă de dezvoltare separată pe site-ul dvs. (de obicei un subdomeniu) cu acces restricționat. Aici puteți să vă testați modificările sau să le utilizați pentru toată dezvoltarea dvs. Odată ce ați testat temeinic site-ul dvs., îl puteți încărca pe site-ul dvs. live.

Dacă sunteți începător și nu doriți să aflați procesul complicat evidențiat în articolul de mai jos, vă recomandăm să selectați un furnizor de servicii de găzduire WordPress gestionat, cum ar fi WPEngine, care oferă funcționalități staționare încorporate. Prietenii noștri de la SiteGround oferă de asemenea funcționalitatea de staționare în planul lor de creștere geek care este mult mai accesibil.

Configurarea mediului de etapă Utilizarea cPanel

Primul lucru pe care trebuie să-l faceți este să creați un subdomeniu în domeniul dvs. principal. Un subdomeniu vă va permite să rulați site-ul dvs. într-un director separat, fără să vă afecteze baza de date principală, fișierele sau încărcările.

Pentru a face acest lucru, conectați-vă la cPanel (alt panou de control va fi similar, căutați domenii sau Subdomenii), Sub domenii secțiuni, trebuie să faceți clic pe Subdomenii.

În ecranul următor, introduceți numele pe care doriți să îl utilizați pentru subdomeniul dvs. (de obicei înscenare sau dev) și apoi alegeți domeniul principal din meniul derulant.

În cPanel, aceasta ar trebui să completeze automat Document Root cu o locație bazată pe numele subdomeniului dvs. Puteți schimba acest lucru dacă doriți, dar de obicei implicit va fi în regulă (public_html / staționare).

Acum trebuie doar să faceți clic pe Crea cand esti gata. Ar trebui să confirmați și să afișați subdomeniul în tabelul de mai jos.

Puteți verifica dacă subdomeniul dvs. a fost configurat accesând-o în browserul dvs. Web. Ar trebui să afișeze ceva similar cu acesta:

Acum trebuie să creați un cont FTP separat pentru mediul de așteptare. Un cont FTP dedicat va avea acces numai la directorul dvs. de așteptare, pentru a împiedica modificările accidentale în mediul dvs. live.

În cPanel, navigați la Cont FTP secțiune. Completați câmpurile din Adăugați un cont FTP secțiune.

Director ar trebui să se potrivească cu directorul pe care l-ați specificat când creați subdomeniul. Clic Creați un cont FTP pentru a crea noul cont. Acest cont va avea acces numai la directorul pe care l-ați specificat nu întregul server.

Copierea datelor de pe site-ul Live în mediu de etapizare

Acum că ați configurat subdomeniul, următorul pas este să copiați datele de pe site-ul dvs. live pe site-ul dvs. de staționare. Acest lucru vă va permite să testați modificările din mediul de așteptare cu aceleași date fără a afecta site-ul live.

Cel mai simplu mod de a face acest lucru este prin intermediul phpMyAdmin. Conectați la phpMyAdmin prin intermediul cPanel, și selectați baza de date live curentă. Odată ce ați selectat baza de date live, faceți clic pe Operațiuni în bara de meniu.

Aici trebuie să căutați Copiați baza de date la cutie. În caseta de text, introduceți numele bazei de date de staționare (dacă nu ați creat-o încă, asigurați-vă CREAȚI DATABASE înainte de a copia este verificată și dați-i un nume, cum ar fi example_staging). Trebuie să copiați atât structura, cât și datele, precum și să vă asigurați că păstrați setările rămase implicite. Clic Merge pentru a rula copia. Rețineți că pentru bazele de date mai mari acest lucru poate dura ceva timp.

După ce ați copiat baza de date, trebuie să o selectați din bara laterală din stânga. phpMyAdmin va deschide acum baza de date nou copiată. Trebuie să faceți clicki SQL în bara de meniu din phpMyAdmin.

Acum vom înlocui toate referințele site-ului nostru live la site-ul de așteptare pentru a vă asigura că totul funcționează bine atunci când folosim această bază de date pentru stadializare. Pentru a face acest lucru trebuie să executați următoarele interogări SQL.

 UPDATE wp_options SET opțiune_value = REPLACE (opțiune_value, 'ORIGINAL_URL', 'NEW_URL'); UPDATE wp_postmeta SET meta_value = REPLACE (meta_value, 'ORIGINAL_URL', 'NEW_URL'); UPDATE wp_posts SET ghidul = REPLACE (guid, 'ORIGINAL_URL', 'NEW_URL'); UPDATE wp_posts SET post_content = REPLACE (post_content, 'ORIGINAL_URL', 'NEW_URL'); 

Introduceți interogările de mai sus în caseta de interogare SQL, înlocuind următoarele valori:

• ORIGINAL_URL - adresa URL a site-ului dvs. originală, de ex. http://example.com. Puteți găsi acest lucru în Administratorul dvs. WordPress în Setări> General> Adresa WordPress (URL)
• NEW_URL - introduceți noua adresă URL, acesta va fi cel al site-ului dvs. de staționare creat mai devreme (asigurați-vă că includeți http: // - de exemplu, http://staging.example.com)
• wp_ - Dacă site-ul dvs. Web are un prefix particularizat în tabelele bazei de date, asigurați-vă că înlocuiți wp_ cu acesta.

Clic Merge pentru a rula interogările. Un mesaj de confirmare va fi afișat când acest lucru este complet.

După copierea bazei dvs. de date, trebuie să copiați fișierele, pluginurile, temele și încărcările WordPress. În primul rând, descărcați o copie proaspătă de WordPress de la WordPress.org. Încărcați conținutul WordPress pe site-ul dvs. de staționare. Notă, nu rulați încă instalarea WordPress.

Odată ce ați încărcat WordPress, următorul lucru pe care trebuie să îl copiați este fișierele media, pluginurile și temele. Următorii dosare vor trebui copiate:

• / Wp-content / încărcări
• / wp-content / teme
• wp-content / plugins

Dacă acestea sunt mici, atunci le puteți descărca de pe site-ul dvs. live prin intermediul clientului FTP și le puteți încărca în folderul de așteptare. Cu toate acestea, pentru folderele mai mari, acest lucru poate fi adesea consumator de timp. Managerul de fișiere cPanel vă permite să copiați direct folderele de pe server făcând procesul mult mai rapid.

Conectați-vă în tabloul de bord cPanel și faceți clic pe Manager de fișiere sub secțiunea Fișiere.

cPanel va lansa managerul de fișiere. Trebuie să navigați la site-urile dvs. live wp-content (de obicei / public_html / wp-content) unde veți putea să vedeți temele, pluginurile și fișierele încărcate.

Pentru fiecare dosar, trebuie să faceți clic dreapta și să selectați Copie. Aceasta va afișa o casetă de dialog, alegeți locația în care doriți să copiați dosarul. Vrem să îl copiem în directorul pe care l-am creat pentru subdomeniul de stadializare. Este, de asemenea, directorul în care ați încărcat WordPress în pasul anterior. / Public_html / stadializare / wp-content /

Acest lucru va copia fiecare dosar în etapa de așteptare wp-content director.

Trebuie să repetați acest lucru pentru fiecare dintre directoarele de mai sus (pluginuri, teme și încărcări).

Notă: În anumite medii de găzduire WordPress este posibil să nu puteți utiliza un manager de fișiere, caz în care va trebui să descărcați manual aceste directoare pe computer și apoi să le încărcați înapoi la site-ul de staționare sau să utilizați SSH.

Odată ce ați copiat aceste directoare, sunteți gata să vă conectați instalarea în așteptare WordPress la baza de date pe care ați copiat-o mai devreme.

Accesați site-ul dvs. de staționare, prin subdomeniul pe care l-am creat anterior. Dacă directorul dvs. de așteptare nu conține a wp-config.php fişier, WordPress va încerca să creeze unul care să ceară detaliile conexiunii la baza de date. Dacă are un fișier wp-config.php, asigurați-vă că îl editați pentru a utiliza noile detalii privind conexiunile bazei de date staționare.

O singura data WordPress a conectat la baza de date de staționare, ar trebui să detecteze că WordPress a fost instalat și vă va solicita să vă conectați. Detaliile dvs. de conectare vor fi aceleași ca pe site-ul dvs. live live.

Orice modificări pe care le faceți în mediul dvs. de așteptare vor fi acum independente de mediul dvs. live. Aceasta înseamnă că aveți libertatea de a schimba setările, de a instala noi pluginuri, de a edita fișiere tematice și de altele fără a afecta experiența clienților dvs..

Configurarea și depanarea mediului de așteptare

Odată ce v-ați conectat la stadializarea WordPress instalare, există mai multe setări care ar trebui configurate înainte de a continua.

Asigurați-vă că domeniul dvs. este corect

Uită-te la adresa URL a ecranului de administrare. Dacă este subdomeniul dvs., atunci acesta a detectat noua configurație. Dacă nu, atunci interogările SQL executate mai devreme nu vor schimba adresa URL a site-ului dvs. în baza de date de staționare. Căutați Adresa paginii și Acasă nume_exemplu în cadrul tabelului wp_options.

Asigurați-vă că media a copiat

Accesați secțiunea media a administrației dvs. WordPress și verificați dacă imaginile / videoclipurile / etc. sunt la locul lor. Dacă da, atunci directorul încărcărilor va fi copiat corect. Dacă nu, asigurați-vă că directorul de încărcări este în locul corect (de obicei / public_html / staging / wp-content / uploads).

Dezactivați sitemap-urile XML în WordPress SEO

Dacă executați WP SEO, atunci trebuie să vă asigurați că opțiunea XML Sitemaps este dezactivată. Acest lucru va ajuta la prevenirea indexării mediilor de căutare de către mediile de căutare.

Acces restricționat la site

Pentru a împiedica accesul vizitatorilor accidental la site-ul dvs. de stadializare, trebuie să instalați și să activați accesul la site-uri restricționate. La instalare, mergeți la Setări> Citire pentru a configura pluginul.

De asemenea, doriți să mergeți în Setări »Citire și asigurați-vă că dezactivați indexarea acestui site de către motoarele de căutare. Doriți să vă asigurați că faceți acest lucru pentru a preveni orice conținut dublu.

De asemenea, puteți proteja prin parolă întregul director cu htpassword. Metoda prezentată în tutorial este pentru / wp-admin / dar o puteți modifica pentru orice folder al site-ului.

Actualizați Permalinks

Vizita Setări> Permalink și faceți clic pe Salvați pentru a vă asigura că structura permalink este actualizată. Dacă primiți 404 de erori pe site-ul dvs. de așteptare, atunci acesta este adesea cauza.

Împingerea modificărilor la trecerea de la GitHub sau BitBucket

Majoritatea dezvoltatorilor profesioniști preferă să utilizeze un sistem de control al versiunii precum SVN sau Git pentru a urmări progresul dezvoltării lor. Folosirea unui sistem de control al versiunilor vă permite să vă întoarceți în timp dacă ceva nu merge bine deoarece tot istoricul codului este stocat într-o locație centrală. De asemenea, facilitează colaborarea, deoarece toate modificările sunt stocate într-o locație centrală, iar dezvoltatorii au acces la toate modificările aduse unui proiect.

GitHub sau BitBucket, care ar trebui să utilizați

Ambele, GitHub și BitBucket sunt servicii de găzduire a proiectului și ambele vă permit să utilizați Git pentru proiectele dvs. GitHub este mai popular printre dezvoltatorii de proiecte open source și are o comunitate mai mare de dezvoltatori. Dacă proiectul pe care lucrați este un plugin WordPress open source sau o temă, atunci îl puteți găzdui pe GitHub. Proiectul dvs. va fi vizibil public și alți utilizatori vor putea vedea codul sursă. Pentru a crea un depozit privat pe GitHub, trebuie să faceți upgrade la planul plătit.

Pe de altă parte, BitBucket vă permite să creați gratuit depozite private. Dacă lucrați pe site-ul unui client sau pe propriul site personal, atunci probabil că doriți să vă păstrați munca privată. BitBucket vă ușurează acest lucru.

Noțiuni de bază cu BitBucket

Pasul 1. Instalarea programului Git

Primul lucru pe care trebuie să îl faceți este să descărcați și să instalați Git pe Windows (sau Mac).

Pasul 2. Crearea primului depozit

Acum, dacă ați instalat Git, următorul pas este înscrierea pentru un cont BitBucket gratuit. Odată ce v-ați înscris, veți intra în tabloul de bord BitBucket unde trebuie să faceți clic pe Creați un depozit nou buton.

Introduceți un nume și o descriere pentru magazinul dvs. care vă ajută să identificați proiectul. Pentru a vă face depozitul privat, trebuie să bifați caseta de lângă Nivel de acces. În cele din urmă, asigurați-vă că Git este verificat ca tip de depozit. Puteți lăsa restul opțiunilor neschimbate și faceți clic pe butonul de creare a depozitului pentru a continua. BitBucket va crea acum un depozit gol pentru dvs..

De când veți lucra la instalarea dvs. locală WordPress, faceți clic pe Am un proiect existent pentru a împinge în sus.

Pasul 3. Adăugați directorul local în Git

Sunteți pregătiți să vă împingeți proiectul WordPress local la BitBucket. Lansați Git Bash pe computer. Da, este un instrument de linie de comandă și va trebui să tastați comenzi, dar nu vă faceți griji că este foarte ușor.

Dacă nu doriți să utilizați linia de comandă, puteți utiliza interfețe GUI cum ar fi Github pentru Windows (care funcționează și pentru Bitbucket) și / sau TortoiseGit.

Mai întâi trebuie să adăugați folderul proiectului WordPress local ca un depozit în Git. Rețineți că nu aveți nevoie să adăugați întregul director WordPress la proiect. Dacă lucrați la o temă, atunci puteți adăuga directorul tematic ca un depozit Git.

În Git Bash, mutați mai întâi directorul de proiect introducând calea către directorul de proiect și apoi adăugați-l la Git:

 cd / c / xampp / htdocs / wordpress / wp-content / temele / myawesometheme git init 

Acum că ați adăugat proiectul dvs. la Git, următorul pas este să adăugați toate fișierele în el.

 adăugați git . 

După adăugarea tuturor fișierelor dvs., următorul pas este să faceți prima dvs. comitere.

 git commit -m "Adăugarea tuturor fișierelor de proiect ca primul comitet" 

Pasul 4. Sincronizați modificările cu depozitul Bitbucket.

Acum, ultimul pas este sincronizarea fișierelor locale cu depozitul BitBucket. Introduceți această linie în Git Bash pentru a vă conecta depozitul local la depozitul BitBucket.

 git adaugă origine https: //[email protected]/bitbucketusername/repositoryname.git 

Împingeți toate fișierele în magazia BitBucket.

 git push -u origine - toate # împinge în sus repo și refs sale pentru prima dată 

Felicitări, ați sincronizat cu succes fișierele WordPress locale cu magazia dvs. BitBucket. Acum permiteți modificarea fișierelor din depozitul local. Odată ce ați terminat de făcut modificări, trebuie să faceți aceste modificări la Git.

 adăugați git. git commit -m "Adăugat caracteristici noi" git push -u origin --all 

Implementarea modificărilor de la BitBucket la site-ul de etapă

Acum, că ați învățat cum să utilizați Git cu BitBucket, este timpul să implementați modificări din depozitul dvs. BitBucket pe site-ul dvs. de staționare. În acest fel, puteți lucra pe site-ul dvs. local și puteți testa modificările pe site-ul dvs. de așteptare fără a afecta site-ul live.

Pentru a face acest lucru, vă recomandăm să utilizați Ftploy. Contul de bază gratuit vă permite să configurați un proiect. Monitorizează modificările aduse depozitului BitBucket și apoi le pune pe serverul dvs. web. Mai întâi trebuie să vă înscrieți pentru un cont pe Ftploy. După aceasta, trebuie să adăugați detaliile serverului.

Pentru a configura un server nou, selectați Servere »Server nou din navigația din partea de sus.

Completați câmpurile corespunzătoare cu setările pe care le-ați creat când ați configurat mai devreme contul dvs. FTP de staționare.

Clic Test de conexiune pentru a vă asigura că FTPloy se poate conecta la serverul dvs., apoi faceți clic pe Salvați serverul.

Pentru a crea un proiect, selectați Proiecte »Proiect nou din meniul de navigare, selectând GitHub sau BitBucket unde este cazul.

Dacă ați definit anterior serverul, îl puteți selecta din meniul derulant (altfel, introduceți detaliile în câmpurile corespunzătoare). În câmpul Cale Server, introduceți calea către directorul tematic (aceasta se va schimba în funcție de structura repo-ului dvs., dar / wp-content / theme / your-theme va fi potrivit dacă repo-ul dvs. conține doar tema dvs.).

Când împingeți o schimbare la depozitul BitBucket, FTPloy va prelua fișierele modificate și le va împinge la serverul selectat.

Împingeți schimbările pentru a trăi

Dacă utilizați FTPloy pentru a implementa modificările de la un depozit la serverul de așteptare, puteți configura un proces similar pentru serverul viu. Cu toate acestea, în cazul în care un cod incorect sau defect a fost împins în depozitul dvs., acesta ar merge automat la site-ul dvs. live.

Este recomandat să rulați un sistem de implementare automatizat, cum ar fi FTPloy pentru un server de așteptare și apoi să copiați manual fișierele necesare pe site-ul dvs. live, atunci când sunteți mulțumit de schimbări și le-ați testat temeinic pe noul dvs. mediu de așteptare.

Sperăm că acest articol v-a ajutat să învățați cum să creați un mediu de staționare pentru site-urile dvs. WordPress. Pentru depanare consultați ghidul nostru despre cele mai frecvente erori de WordPress și cum să le remediați. Pentru feedback și întrebări, vă rugăm să lăsați un comentariu mai jos.