Ultima fișă pentru dezvoltare locală WordPress

Doriți să configurați un mediu de dezvoltare WordPress local fără a parcurge paginile și paginile de documentație? Cheatsheet-ul nostru WordPress pentru dezvoltare locală vă va ajuta să vă porniți rapid și inteligent!

În acest ghid practic „fără puf”, vom acoperi pe scurt ce este dezvoltarea locală WordPress și câteva dintre beneficiile cheie ale utilizării acesteia, iar apoi vom trece direct la cum să configurați un mediu local, să instalați WordPress pe dvs. computer și testați-vă site-ul înainte de a intra în direct.

Acest ghid acoperă următoarele:

• Ce este dezvoltarea locală WordPress?
• Beneficiile dezvoltării locale WordPress
• Configurarea mediului de dezvoltare locală
  • Ce vei avea nevoie
  • Instalarea software-ului server local
  • Configurarea unei gazde virtuale
  • Crearea unei baze de date pentru instalarea dvs. locală WordPress
• Instalarea WordPress local
  • Descărcarea și instalarea WordPress pe serverul local
  • Configurarea fișierului wp-config.php
• Importul unui site WordPress live în mediul local
  • Exportarea bazei de date a site-ului live
  • Importul bazei de date a site-ului live pe serverul local
  • Înlocuirea adreselor URL în baza de date
  • Încărcarea fișierelor site-ului live în mediul local
• Dezvoltare și testare pe site-ul WordPress local
  • Efectuarea modificărilor și testarea
  • Depanare
  • Testarea diferitelor pluginuri și teme
• Implementarea site-ului WordPress local pe Live Server
  • Exportarea bazei de date a site-ului local
  • Importul bazei de date pe Live Server
  • Încărcarea fișierelor site-ului local pe serverul live
  • Actualizarea adreselor URL în baza de date
• Dezvoltare locală vs mediu de ședință webhost
  • Avantajele dezvoltării locale a mediului
  • Contra ale mediului de dezvoltare locală
  • Avantajele mediului Webhost Staging
  • Contra ale mediului Webhost Staging

Ce este dezvoltarea locală WordPress?

Dezvoltarea locală WordPress vă permite să creați un mediu de dezvoltare pentru construirea, lucrul și testarea site-urilor WordPress pe computer fără a afecta site-ul live.

Mediul de dezvoltare locală reproduce serverul de producție, făcând posibilă testarea diferitelor scenarii și rezolvarea problemelor înainte de a introduce modificări pe site-ul live.

Beneficiile dezvoltării locale

Unele dintre beneficiile cheie ale dezvoltării locale WordPress includ:

• Mediu sigur de testare : Mediul de dezvoltare local oferă un spațiu sigur pentru a testa noi funcții, pluginuri și teme fără a afecta site-ul dvs. live.
• Viteză, performanță și eficiență : un mediu de dezvoltare locală este mai rapid și mai receptiv decât un server la distanță. Acest lucru se datorează faptului că rulează pe computerul dvs., astfel încât computerul dvs. poate accesa și procesa datele mult mai rapid decât un server și nu există nicio latență în comunicarea între computer și server.
• Eficient din punct de vedere al costurilor : Configurarea unui mediu de dezvoltare locală elimină nevoia de servicii de găzduire costisitoare și reduce costurile asociate cu implementarea modificărilor pe un site live. Ai nevoie doar de un computer și de un editor de text pentru a începe.
• Colaborare îmbunătățită : mai mulți dezvoltatori pot lucra la un singur proiect simultan, fără a interfera cu munca celuilalt.
• Dezvoltare offline : Cu un mediu de dezvoltare locală, vă puteți dezvolta site-ul chiar și atunci când sunteți offline.
• Securitate îmbunătățită : aveți un proiect „top secret” la care doriți să lucrați? Deoarece pe mașina dvs. rulează un mediu de dezvoltare locală, este mai sigur decât un server la distanță, astfel încât puteți construi și lucra pe site-ul dvs. departe de privirile indiscrete. Nu există niciun risc de acces neautorizat sau hacking.

Dacă abia ați început ca dezvoltator WordPress, vedeți articolul nostru introductiv la dezvoltarea locală WordPress. Dacă sunteți deja puțin mai experimentat, consultați articolul nostru despre modalități de a vă îmbunătăți fluxul de lucru de dezvoltare WordPress într-un mediu local.

Configurarea mediului de dezvoltare locală

Înainte de a putea configura un mediu de dezvoltare WordPress local, există câteva lucruri de care veți avea nevoie.

Ce vei avea nevoie

Pe lângă un computer cu suficient spațiu de stocare și putere de procesare pentru a vă sprijini activitatea de dezvoltare, iată tot ce aveți nevoie pentru a configura un mediu de dezvoltare locală:

Software de server local

Va trebui să instalați un software de server local pentru a rula mediul de dezvoltare local.

XAMPP, MAMP și WAMP sunt trei opțiuni populare. Fiecare dintre aceste pachete software de server local oferă un mediu de dezvoltare complet pentru dezvoltatorii web cu toate componentele necesare (cum ar fi serverul web Apache, baza de date MySQL și limbajul de scripting PHP, într-un singur pachet), un panou de control pentru gestionarea acestor componente și un instrument de gestionare a bazei de date.

Cu toate acestea, fiecare pachet de software are și propriile sale caracteristici unice, cu diferențe cheie, așa că este important să alegeți unul care să corespundă nevoilor dumneavoastră specifice.

Să aruncăm o privire pe scurt la fiecare:

XAMPP

XAMPP este un software de server web gratuit, open-source și ușor de instalat, care oferă un mediu de dezvoltare local pentru dezvoltatorii web. Acesta reprezintă Apache, MariaDB, PHP și Perl, cele patru componente principale ale XAMPP.

Câteva caracteristici cheie (și avantaje) ale XAMPP:

• Include server web Apache, baza de date MariaDB și limbaje de scriptare PHP și Perl.
• Suporta mai multe sisteme de operare, inclusiv Windows, Mac și Linux.
• Panou de control ușor de utilizat pentru gestionarea componentelor serverului web și bazei de date.
• Opțiunea de a instala componente suplimentare, cum ar fi phpMyAdmin, pentru gestionarea bazei de date.

Contra:

• Nu este la fel de popular ca MAMP sau WAMP, așa că sprijinul comunității poate să nu fie la fel de puternic.
• Configurare mai complexă în comparație cu MAMP sau WAMP, necesitând mai multe cunoștințe tehnice pentru a instala și configura componente.

XAMPP este cel mai bun pentru dezvoltatorii web care au nevoie de un mediu de dezvoltare complet cu mai multe componente și sunt familiarizați cu configurarea și gestionarea acestor componente. De asemenea, este cel mai bun pentru dezvoltatorii care lucrează pe mai multe sisteme de operare și au nevoie de o soluție multiplatformă.

MAMP

MAMP este un software de server local care oferă un mediu de dezvoltare pentru dezvoltatorii web. Acesta reprezintă Macintosh, Apache, MySQL și PHP, cele patru componente principale ale MAMP.

Câteva caracteristici cheie (și avantaje) ale MAMP:

• Include server web Apache, baza de date MySQL și limbaj de scripting PHP.
• Sprijinit de sistemul de operare macOS, dar poate fi folosit și pentru sistemul de operare Windows.
• Panou de control ușor de utilizat pentru gestionarea componentelor serverului web și bazei de date.
• Opțiunea de a instala componente suplimentare, cum ar fi phpMyAdmin, pentru gestionarea bazei de date.

Contra:

• Poate folosi doar limbajul de scripting PHP.
• Mai puține componente în comparație cu XAMPP, ceea ce poate limita nevoile unor dezvoltatori.

MAMP este cel mai bun pentru dezvoltatorii web care lucrează pe sistemul de operare macOS.

Pentru mai multe informații despre utilizarea acestei opțiuni, consultați tutorialul nostru despre cum să dezvoltați WordPress local folosind MAMP.

WampServer

WAMP este un software de server local care oferă un mediu de dezvoltare pentru dezvoltatorii web. Acesta reprezintă Windows, Apache, MySQL și PHP, cele patru componente principale ale WAMP.

Câteva caracteristici cheie (și avantaje) ale WAMP:

• Include server web Apache, baza de date MySQL și limbaj de scripting PHP.
• Suporta sistemul de operare Windows.
• Panou de control ușor de utilizat pentru gestionarea componentelor serverului web și bazei de date.
• Opțiunea de a instala componente suplimentare, cum ar fi phpMyAdmin, pentru gestionarea bazei de date.

Contra:

• Acceptă doar Windows, așa că dezvoltatorii care folosesc macOS sau Linux ar putea avea nevoie să caute în altă parte.
• Mai puține componente în comparație cu XAMPP, ceea ce poate limita nevoile unor dezvoltatori.

WAMP este cel mai bun pentru dezvoltatorii web care lucrează pe sistemul de operare Windows și care necesită un mediu de dezvoltare complet cu componente de bază.

Pentru mai multe informații despre această opțiune, consultați tutorialul nostru despre cum să dezvoltați WordPress local folosind WAMP.

În timp ce XAMPP, MAMP și WAMP sunt toate alegeri excelente pentru dezvoltatorii web care caută un mediu de dezvoltare locală, există și alte opțiuni disponibile, inclusiv Local by Flywheel, DesktopServer și (dacă trebuie să lucrați la WordPress local pe mai multe mașini) chiar și instalarea și rularea WordPress de pe un USB.

Editor de text

Cealaltă componentă de care veți avea nevoie este un editor de text pentru dezvoltarea WordPress conceput special pentru lucrul cu limbaje de programare precum PHP. Un editor de text este esențial pentru editarea codului și pentru a face modificări site-ului dvs. web.

Să ne uităm la câteva opțiuni populare pentru editorii de text:

Text sublim

Sublime Text este un editor de text popular care este utilizat pe scară largă de dezvoltatori în scopuri de codare și scripting. Oferă o interfață curată, rapidă și intuitivă, facilitând lucrul cu baze de cod mari.

Câteva caracteristici cheie ale Sublime Text:

• Evidențierea sintaxei și completarea codului pentru peste 80 de limbaje de programare
• Scheme de culori personalizabile, legături de taste și macrocomenzi
• Instrumente avansate de căutare și editare, cum ar fi selecțiile multiple, editarea divizată și editarea coloanelor
• Comutați instantaneu între proiecte cu un sistem de setări specifice proiectului

Sublime Text este un instrument excelent pentru dezvoltatorii care lucrează la proiecte care necesită scrierea de cod în HTML, CSS și JavaScript. Oferă instrumente de evidențiere a sintaxei, completare a codului și editare ușor de utilizat, care fac procesul de codificare rapid și eficient.

Codul Visual Studio

Visual Studio Code este un editor de cod gratuit, open-source, dezvoltat de Microsoft. Oferă o gamă largă de funcții și instrumente pentru a ajuta dezvoltatorii să creeze și să gestioneze proiecte la scară largă.

Câteva caracteristici cheie ale Visual Studio Code:

• IntelliSense, un instrument inteligent și avansat de completare și depanare a codului
• Suport și depanare Git încorporate
• Suportă mai multe limbaje de programare și are o bibliotecă mare de extensii
• Interfață și spațiu de lucru personalizabile

Pentru editoare de text suplimentare, consultați lista noastră cu cele mai bune editoare de text pentru dezvoltarea WordPress.

Ați bifat toate cerințele de mai sus?

Computerul îndeplinește specificațiile cerute
Software-ul de server local selectat
Editor de text selectat

Grozav! Atunci să trecem la pasul următor...

Instalarea software-ului server local

Pentru acest exemplu, vom instala XAMPP pe un sistem de operare Windows. Utilizați același proces descris mai jos pentru a instala software-ul de server local ales pe computer și urmați instrucțiunile specifice ale pachetului de software:

1. Descărcați XAMPP : Accesați site-ul oficial XAMPP și descărcați cea mai recentă versiune de XAMPP pentru Windows.
2. Instalați XAMPP : Faceți dublu clic pe fișierul descărcat pentru a începe procesul de instalare. Rulați fișierul de instalare descărcat și urmați instrucțiunile de pe ecran pentru a instala XAMPP. Implicit, XAMPP va fi instalat în directorul C:\xampp .
3. Porniți XAMPP : După instalare, deschideți Panoul de control XAMPP din meniul Start sau comanda rapidă de pe desktop. Porniți modulele Apache și MySQL făcând clic pe butoanele „Start” de lângă fiecare modul.
4. Verificați instalarea : pentru a verifica dacă XAMPP funcționează corect, deschideți un browser web și navigați la http://localhost . Aceasta ar trebui să afișeze pagina de bun venit XAMPP.
5. Creați o gazdă virtuală : Pentru a crea o gazdă virtuală, urmați pașii prezentați mai jos.

XAMPP ar trebui acum să fie instalat și configurat pe mașina dvs. Sunteți gata să începeți să vă dezvoltați și să testați site-urile dvs. web la nivel local.

Notă: Procesul de instalare a XAMPP sau a altui software de server local, cum ar fi MAMP sau WAMP, poate varia ușor în funcție de sistemul de operare utilizat. Pentru sistemele de operare Mac și Linux, puteți urma instrucțiunile de instalare furnizate pe site-ul web XAMPP.

Consultați celelalte tutoriale legate de XAMPP pentru informații suplimentare despre configurarea XAMPP, actualizarea XAMPP, depanarea XAMPP și migrarea WordPress de la o gazdă locală XAMPP pe web.

Configurarea unei gazde virtuale

Configurarea unei gazde virtuale într-un mediu de dezvoltare locală permite dezvoltatorilor să ruleze mai multe site-uri web pe mașina lor locală, fiecare cu propria URL unică. Acest lucru oferă un mediu de testare mai realist și facilitează comutarea între diferite proiecte.

Pentru ghidul pas cu pas de mai jos pentru a configura o gazdă virtuală în mediul dvs. de dezvoltare locală și pentru a începe să vă testați site-urile web:

1. Deschideți fișierul de configurare Apache : deschideți fișierul de configurare pentru software-ul serverului local. Pentru acest exemplu, folosim XAMPP, așa că deschideți fișierul de configurare Apache, aflat de obicei la /etc/httpd/conf/httpd.conf sau C:\xampp\apache\conf\httpd.conf .

2. Activați găzduirea virtuală : găsiți secțiunea etichetată „# Hosts virtuale” și decomentați următoarea linie eliminând simbolul hash (#) de la începutul liniei: #Include conf/extra/httpd-vhosts.conf .

3. Configurați gazda virtuală : Deschideți fișierul de configurare a gazdei virtuale, aflat de obicei la /etc/httpd/conf/extra/httpd-vhosts.conf sau C:\xampp\apache\conf\extra\httpd-vhosts.conf .

4. Adăugați o nouă gazdă virtuală : Adăugați o nouă gazdă virtuală creând un nou bloc de cod cu următorul format:

ServerName example.local
DocumentRoot "/path/to/document/root"
<Directory "/path/to/document/root">
AllowOverride All
Require all granted

Fa asta:

• Înlocuiți „example.local” cu adresa URL dorită pentru gazda virtuală.
• Înlocuiți „/path/to/document/root” cu calea completă către directorul rădăcină a documentului pentru gazda virtuală.

5. Actualizați fișierul hosts : fișierul hosts mapează numele de domenii la adrese IP. Pentru a face gazda virtuală accesibilă prin adresa URL specificată, va trebui să adăugați o intrare în fișierul hosts. Fișierul hosts se află de obicei la /etc/hosts or C:\Windows\System32\drivers\etc\hosts . Adăugați o nouă linie cu următorul format: 127.0.0.1 example.local . Înlocuiți „example.local” cu adresa URL specificată în configurația gazdei virtuale. Salvați modificările în fișierul de configurare.

6. Reporniți Apache : Reporniți serverul web local Apache pentru a aplica modificările.

7. Testează gazda virtuală : Testează gazda virtuală vizitând adresa URL într-un browser web. Browserul ar trebui să afișeze conținutul directorului rădăcină al documentului pentru gazda virtuală.

Crearea unei baze de date pentru instalarea dvs. locală WordPress

Următorul pas înainte de a configura un proiect WordPress la nivel local este să creați o bază de date pentru mediul dvs. de dezvoltare locală.

Urmați aceste instrucțiuni pas cu pas pentru a crea o bază de date în XAMPP:

1. Deschideți panoul de control XAMPP : deschideți panoul de control XAMPP din meniul Start sau din comenzile rapide de pe desktop. Asigurați-vă că modulele Apache și MySQL rulează.

2. Accesați phpMyAdmin : Pentru a accesa phpMyAdmin, deschideți un browser web și navigați la http://localhost/phpmyadmin . Aceasta va deschide interfața phpMyAdmin în browser.

3. Creați o nouă bază de date : În interfața phpMyAdmin, faceți clic pe fila „Băzuri de date”. În secțiunea „Creați o bază de date”, introduceți un nume pentru noua dvs. bază de date și selectați colarea „utf8mb4_general_ci”. Apoi, faceți clic pe butonul „Creați”.

4. Creați un utilizator nou : Pentru a crea un utilizator nou pentru baza de date, faceți clic pe fila „Utilizatori” și apoi pe butonul „Adăugați utilizator”. În formularul „Adăugați utilizator”, introduceți un nume de utilizator și o parolă pentru noul utilizator și selectați „Local” ca gazdă. Asigurați-vă că acordați toate privilegiile utilizatorului bifând caseta de selectare „Acordați toate privilegiile pe baza de date”. În cele din urmă, faceți clic pe butonul „Go”.

5. Salvați detaliile dvs .: notați sau salvați numele bazei de date, numele de utilizator și parola. Veți avea nevoie de acestea pentru a conecta baza de date la WordPress mai târziu.

După parcurgerea pașilor de mai sus, veți fi creat cu succes o bază de date pentru instalarea WordPress locală și pentru mediul de dezvoltare locală.

Acum puteți utiliza această bază de date pentru a stoca și gestiona datele dvs. pe măsură ce vă dezvoltați și testați site-ul WordPress la nivel local.

Ați parcurs toți pașii de mai sus?

Software-ul server local instalat
Configurați gazdă virtuală
Baza de date creată

Grozav! Atunci să trecem la pasul următor...

Instalarea WordPress local

Acum că ne-am pregătit mediul local, următorul pas este descărcarea, instalarea și configurarea WordPress.

Descărcarea și instalarea WordPress pe serverul local

Urmați pașii de mai jos pentru a finaliza acest proces:

1. Vizitați site-ul web WordPress : Accesați site-ul web oficial WordPress.org și faceți clic pe butonul „Descărcați WordPress” pentru a descărca cea mai recentă versiune de WordPress.
2. Extrageți arhiva : descărcarea WordPress va fi un fișier ZIP comprimat. Extrageți conținutul arhivei într-un director de pe computer.
3. Mutați fișierele extrase pe serverul local : Mutați conținutul directorului extras în directorul rădăcină al serverului local. Dacă utilizați XAMPP, de exemplu, acesta este de obicei C:\xampp\htdocs pe Windows sau /Applications/XAMPP/htdocs pe macOS.
4. Creați o bază de date : (Notă: dacă ați urmat, acest pas ar trebui să fie deja făcut.) Înainte de a instala WordPress, va trebui să creați o bază de date. Puteți face acest lucru folosind un instrument precum phpMyAdmin, care este inclus cu majoritatea software-ului de server local, cum ar fi XAMPP și MAMP.
5. Porniți instalarea : deschideți browserul web și navigați la http://localhost/wordpress (sau adresa URL echivalentă pentru serverul local). Aceasta va începe procesul de instalare WordPress.
6. Alegeți limba : Pe primul ecran, selectați limba preferată și faceți clic pe butonul „Continuare”.
7. Completați informațiile bazei de date : Pe următorul ecran, completați informațiile bazei de date pe care le-ați creat la pasul 4. Acestea includ numele bazei de date, numele de utilizator al bazei de date și parola bazei de date.
8. Completați informațiile site-ului : pe următorul ecran, completați informațiile pentru site-ul dvs. WordPress local. Aceasta include titlul site-ului, numele de utilizator, parola și adresa de e-mail.
9. Rulați instalarea : După ce ați completat toate informațiile, faceți clic pe butonul „Instalare WordPress” pentru a rula instalarea.
10. Conectați-vă la site-ul dvs .: După finalizarea instalării, conectați-vă la site-ul dvs. WordPress local folosind numele de utilizator și parola pe care le-ați creat la pasul 8 pentru a începe personalizarea și dezvoltarea site-ului dvs. local.

Acum ați descărcat și instalat cu succes WordPress.

Acum puteți începe să vă personalizați și să dezvoltați site-ul local, cu toate beneficiile unui mediu de dezvoltare locală, înainte de a vă implementa site-ul pe un server live.

Configurarea fișierului wp-config.php

Fișierul wp-config.php este o componentă crucială în configurarea unei instalări locale WordPress și a unui mediu de dezvoltare locală. Acest fișier conține setări de configurare care controlează modul în care WordPress interacționează cu baza ta de date și alte setări importante.

Dacă ați urmat instrucțiunile de instalare de mai sus, acreditările bazei de date vor fi adăugate automat în fișierul wp-config.php .

Dacă, din orice motiv, trebuie să configurați manual fișierul wp-config.php , urmați instrucțiunile de mai jos:

1. Creați un fișier wp-config.php : Dacă instalarea dvs. locală WordPress nu are deja un fișier wp-config.php , puteți crea unul prin copierea fișierului wp-config-sample.php și redenumindu-l în wp-config.php .

2. Actualizați acreditările bazei de date : deschideți fișierul wp-config.php și actualizați următoarele rânduri cu informațiile corespunzătoare:

define( 'DB_NAME', 'database_name' );
define( 'DB_USER', 'database_user' );
define( 'DB_PASSWORD', 'database_password' );
define( 'DB_HOST', 'localhost' );

Înlocuiți database_name , database_user și database_password cu valorile pe care le-ați folosit la crearea bazei de date și a utilizatorului într-un pas anterior.

3. Setați cheile de securitate WordPress : cheile de securitate WordPress adaugă un strat suplimentar de securitate site-ului dvs. prin criptarea informațiilor stocate în cookie-uri. Puteți genera un set de chei de securitate pe site-ul oficial WordPress. Copiați cheile generate și inserați-le în fișierul dvs. wp-config.php , înlocuind cheile substituenților care sunt deja acolo.

4. Activați depanarea : pentru dezvoltarea locală, este util să activați depanarea în WordPress. Acest lucru va oferi mesaje de eroare și avertismente mai detaliate care vă pot ajuta să remediați problemele cu site-ul dvs. Pentru a activa depanarea, adăugați următoarea linie în fișierul wp-config.php:

define( 'WP_DEBUG', true );

5. Salvați modificările : După ce ați făcut modificările în fișierul wp-config.php , salvați fișierul și închideți-l.

Configurarea cu succes a fișierului wp-config.php va asigura că site-ul dvs. WordPress instalat local se poate conecta la baza de date, este securizat și oferă informații utile de depanare pe măsură ce dezvoltați și testați site-ul local.

Importul unui site WordPress live în mediul local

Urmați pașii de mai jos dacă trebuie să importați un site WordPress live în mediul dvs. local:

Exportarea bazei de date a site-ului live

Pentru a exporta baza de date a site-ului live, va trebui să aveți acces la serverul site-ului live.

Iată pașii pentru a exporta baza de date a site-ului live (notă: diferite medii de server vor efectua acest lucru diferit, dar majoritatea ar trebui să urmeze un proces similar):

1. Conectați-vă la panoul de control al serverului dvs. live .
2. Accesarea bazei de date : Primul pas este accesarea bazei de date a site-ului live. Puteți face acest lucru folosind un instrument precum phpMyAdmin, care este adesea furnizat de furnizorul dvs. de găzduire web. Căutați o secțiune numită „Bază de date” și faceți clic pe „phpMyAdmin”.
3. Selectați baza de date : După ce v-ați conectat la phpMyAdmin, selectați baza de date pentru site-ul dvs. live din panoul din stânga.
4. Exportați baza de date : faceți clic pe butonul „Export” pentru a începe procesul de export.
5. Alegeți formatul de export : Pe ecranul de export, alegeți metoda de export „Rapid”, selectați formatul „SQL” și asigurați-vă că sunt selectate opțiunile „Structură” și „Date”.
6. Descărcați fișierul de export : faceți clic pe butonul „Go” pentru a descărca fișierul de export pe computer.

Importul bazei de date pe serverul local

Pentru a importa baza de date a site-ului live pe serverul dvs. local, asigurați-vă că software-ul de server local ales este deja instalat pe computer.

Iată pașii pentru a importa baza de date a site-ului live pe serverul local:

1. Deschideți phpMyAdmin în software-ul dvs. de server local : Conectați-vă la phpMyAdmin pentru serverul dvs. local și selectați baza de date creată pentru instalarea dvs. locală WordPress.
2. Importați baza de date : Faceți clic pe butonul „Importați” pentru a importa datele din fișierul de export pe care tocmai l-ați descărcat.
3. Selectați fișierul de import : pe ecranul de import, faceți clic pe butonul „Alegeți fișierul”, selectați fișierul de export pe care tocmai l-ați descărcat și faceți clic pe butonul „Go” pentru a începe procesul de import.

Înlocuirea adreselor URL în baza de date

După importarea bazei de date a site-ului live, va trebui să înlocuiți adresele URL din baza de date pentru a se potrivi cu mediul dvs. de dezvoltare local.

Iată pașii pentru a înlocui adresele URL din baza de date:

1. Deschideți phpMyAdmin în software-ul serverului local.
2. Selectați baza de date importată din panoul din stânga.
3. Faceți clic pe fila „SQL”.
4. Introduceți următoarea interogare în zona de text:

UPDATE wp_options SET option_value = replace(option_value, 'http://www.livesite.com', 'http://local.livesite.com') WHERE option_name = 'home' OR option_name = 'siteurl';
UPDATE wp_posts SET guid = replace(guid, 'http://www.livesite.com','http://local.livesite.com');
UPDATE wp_posts SET post_content = replace(post_content, 'http://www.livesite.com', 'http://local.livesite.com');

5. Înlocuiți „http://www.livesite.com” cu adresa URL a site-ului dvs. live și înlocuiți „http://local.livesite.com” cu adresa URL a mediului de dezvoltare local.

6. Faceți clic pe butonul „Go” pentru a executa interogarea.

Încărcarea fișierelor site-ului live în mediul local

Pentru a încărca fișierele site-ului live în mediul local, va trebui să aveți acces FTP la serverul site-ului dvs. live.

Urmați pașii de mai jos pentru a încărca fișierele site-ului live în mediul dvs. local:

1. Conectați-vă la serverul site-ului dvs. live folosind un client FTP, cum ar fi FileZilla.
2. Navigați la directorul rădăcină al site-ului dvs. live de pe server.
3. Descărcați toate fișierele pe computerul local.
4. Plasați fișierele descărcate în directorul rădăcină al mediului de dezvoltare local, care se află de obicei în folderul „htdocs” sau „www” din XAMPP sau alt software de server local.

Note:

1. Dacă aveți deja o instalare WordPress, folderul de mai sus nu va fi gol și vi se va solicita să înlocuiți fișierele și directoarele existente, așa că înlocuiți toate fișierele cu excepția fișierului wp-config.php pentru a păstra aceleași configurații, inclusiv cele conectate. baze de date care au fost populate cu datele site-ului live.
2. Înainte de a încărca fișierele site-ului live în mediul local, poate fi necesar să modificați permisiunile pentru fișiere pentru a face fișierele inscriptibile de software-ul serverului local.
3. De asemenea, asigurați-vă că testați backupul local WordPress înainte de a face orice modificări.

Asta este! Acum ați importat cu succes site-ul dvs. live în instalarea WordPress locală și în mediul de dezvoltare locală.

Dezvoltare și testare pe site-ul WordPress local

În sfârșit, sunteți gata să dezvoltați și să testați site-ul dvs. la nivel local, folosind aceleași date ca și site-ul dvs. live, oferindu-vă un mediu real pentru testare și dezvoltare.

Să trecem prin procesul:

Efectuarea modificărilor și testarea

1. Conectați-vă la site-ul WordPress local: deschideți site-ul dvs. WordPress local în browser-ul dvs. web și conectați-vă la tabloul de bord WordPress folosind acreditările de administrator.
2. Efectuați modificări site-ului: puteți face modificări site-ului dvs. WordPress local prin editarea de teme, pluginuri sau cod personalizat. Pur și simplu accesați aceste elemente din tabloul de bord WordPress.
3. Testați modificările: după ce faceți modificări site-ului dvs. WordPress local, este important să testați modificările pentru a vă asigura că funcționează conform așteptărilor. Puteți testa modificările vizitând front-end-ul site-ului dvs. și verificând dacă modificările au intrat în vigoare.

Depanare

1. Utilizați modul de depanare: WordPress are un mod de depanare încorporat care facilitează identificarea și rezolvarea problemelor de pe site-ul dvs. Pentru a activa modul de depanare, trebuie să adăugați următorul cod în fișierul wp-config.php: define( 'WP_DEBUG', true ); .
2. Verificați jurnalele de eroare: dacă aveți probleme cu site-ul WordPress local, puteți verifica jurnalele de eroare pentru a vedea dacă există mesaje de eroare sau mesaje de avertizare care vă pot ajuta să identificați problema. Jurnalele de erori pot fi găsite în fișierul jurnal de depanare WordPress, care se află în directorul wp-content.
3. Utilizați instrumente de depanare: există o serie de instrumente de depanare și pluginuri disponibile pentru WordPress care vă pot ajuta să identificați și să rezolvați problemele de pe site-ul dvs. De exemplu, pluginul Query Monitor oferă informații detaliate despre interogările bazei de date, utilizarea pluginului și multe altele. Consultați acest tutorial pentru ajutor cu depanarea WordPress: Depanare WordPress: Cum să utilizați WP_Debug

Testarea diferitelor pluginuri și teme

Instalarea, activarea și testarea pluginurilor și temelor pe un site WordPress local funcționează exact în același mod ca pe orice alt site WordPress obișnuit. Deci, asigurați-vă că faceți următoarele în modul de testare:

1. Instalați pluginuri : Instalați pluginuri pe site-ul dvs. WordPress local pentru a adăuga noi caracteristici sau funcționalități site-ului dvs. Pentru a instala un plugin, conectați-vă la tabloul de bord WordPress, accesați secțiunea Plugin-uri și faceți clic pe butonul Adăugare nou.
2. Activați pluginuri : activați pluginul pe care îl testați după ce îl instalați pentru a-l utiliza pe site-ul dvs. Pentru a activa un plugin, accesați secțiunea Plugin-uri din tabloul de bord WordPress și faceți clic pe butonul Activare de lângă pluginul pe care doriți să îl utilizați.
3. Testați pluginurile : după activarea unui plugin, este important să testați pluginul pentru a vă asigura că funcționează conform așteptărilor. Testați pluginurile vizitând front-end-ul site-ului dvs. și verificând dacă pluginul a intrat în vigoare.
4. Instalați teme : Instalați teme pe site-ul dvs. WordPress local pentru a schimba aspectul site-ului dvs. Pentru a instala o temă, conectați-vă la tabloul de bord WordPress, accesați secțiunea Aspect și faceți clic pe butonul Teme.
5. Activați teme : Activați tema după ce o instalați pentru a schimba aspectul site-ului dvs. Pentru a activa o temă, accesați secțiunea Aspect a tabloului de bord WordPress și faceți clic pe butonul Activare de lângă tema pe care doriți să o utilizați.
6. Teme de testare : după activarea unei teme, este important să testați tema pentru a vă asigura că funcționează conform așteptărilor. Testați teme vizitând front-end-ul site-ului dvs. și verificând dacă tema a intrat în vigoare.

Ați făcut toate modificările de care aveți nevoie, ați depanat problemele și ați testat diferite pluginuri și teme pe site-ul dvs. local?

Grozav! Acum sunteți gata să faceți live site-ul dvs. WordPress local.

Implementarea site-ului WordPress local pe Live Server

Pasul final al acestui proces este să exportați toate fișierele și baza de date WordPress locale în mediul dvs. de găzduire live și să vă asigurați că toate modificările, configurațiile și adresele URL ale site-ului dvs. funcționează pe site-ul dvs. live.

Exportarea bazei de date a site-ului local

Urmați pașii de mai jos pentru a exporta site-ul WordPress local pe serverul dvs. live:

1. Conectați-vă la baza de date a site-ului local folosind PHPMyAdmin.
2. Selectați baza de date pe care doriți să o exportați.
3. Accesați fila „Export”.
4. Alegeți metoda de export „rapidă”.
5. Selectați formatul „SQL”.
6. Faceți clic pe „Go” pentru a descărca fișierul SQL pe computer.

Importul bazei de date pe Live Server

Urmați pașii de mai jos pentru a importa fișierul de export al bazei de date WordPress locale pe site-ul dvs. live:

1. Conectați-vă la baza de date a serverului live folosind PHPMyAdmin.
2. Creați o nouă bază de date pentru site-ul live.
3. Accesați noua bază de date și selectați fila „Import”.
4. Alegeți fișierul SQL exportat de pe site-ul dvs. local.
5. Faceți clic pe „Go” pentru a importa baza de date.

Acum că ați migrat baza de date de pe site-ul dvs. local pe site-ul dvs. live, să facem același lucru pentru fișierele site-ului dvs.

Încărcarea fișierelor site-ului local pe serverul live

Urmați pașii de mai jos pentru a încărca fișierele site-ului dvs. WordPress local pe site-ul dvs. live:

1. Pregătiți fișierele: înainte de a încărca fișierele site-ului local pe server, este o idee bună să revizuiți și să curățați fișierele. Aceasta poate include eliminarea oricăror fișiere inutile, cum ar fi copii de rezervă sau fișiere de testare, pentru a minimiza cantitatea de date încărcate.
2. Conectați-vă la server: vă puteți conecta la server folosind o varietate de metode, cum ar fi FTP sau SFTP. Va trebui să utilizați un software client, cum ar fi FileZilla, pentru a vă conecta la server. Va trebui să furnizați gazda serverului, numele de utilizator și parola pentru a vă conecta.
3. Încărcați fișierele: odată ce sunteți conectat la server, puteți încărca fișierele site-ului local pe server. Puteți încărca fișierele în mai multe moduri, inclusiv încărcarea fișierelor individuale sau încărcarea întregului folder local al site-ului. Navigați la directorul rădăcină al site-ului live de pe server. Încărcați toate fișierele site-ului local în directorul site-ului live de pe server și înlocuiți fișierele existente dacă vi se solicită.
4. Actualizați informațiile bazei de date: După încărcarea fișierelor pe server, va trebui să actualizați informațiile bazei de date în fișierul wp-config.php pentru a reflecta informațiile bazei de date a site-ului live. Deschideți fișierul wp-config.php într-un editor de text și actualizați numele bazei de date, numele de utilizator și parola pentru a se potrivi cu baza de date live.
5. Actualizați adresele URL din baza de date: consultați secțiunea de mai jos.
6. Testați site-ul: după încărcarea fișierelor site-ului local pe server, este o idee bună să testați site-ul pentru a vă asigura că totul funcționează corect. Acest lucru poate implica testarea funcționalității site-ului, a linkurilor și a imaginilor pentru a vă asigura că funcționează conform așteptărilor.

Actualizarea adreselor URL în baza de date

Puteți actualiza adresele URL din baza de date folosind un editor de text sau lucrând direct în baza de date (asigurați-vă că baza de date are o copie de rezervă completă înainte de a face modificări).

Actualizarea adreselor URL utilizând un editor de text

Urmați pașii de mai jos pentru a actualiza adresele URL din baza de date folosind un editor de text.

1. Exportați baza de date: înainte de a actualiza adresele URL din baza de date, va trebui să exportați baza de date. Utilizați instrumentul dumneavoastră de gestionare a bazei de date (de exemplu, phpMyAdmin).
2. Găsiți și înlocuiți adresele URL : după ce ați exportat baza de date, va trebui să găsiți și să înlocuiți adresele URL din baza de date. Puteți face acest lucru folosind un editor de text, cum ar fi Sublime sau Visual Studio Code. Căutați și înlocuiți adresele URL și asigurați-vă că înlocuiți adresele URL cu atenție și minuțiozitate, inclusiv adresele URL în datele serializate.
3. Importați baza de date : După actualizarea adreselor URL din baza de date, va trebui să importați baza de date înapoi în mediul dvs. de dezvoltare local. Puteți importa baza de date folosind un instrument de gestionare a bazei de date, cum ar fi phpMyAdmin.
4. Testați site-ul : După importarea bazei de date actualizate, este o idee bună să testați site-ul pentru a vă asigura că totul funcționează corect. Acest lucru poate implica testarea funcționalității site-ului, a linkurilor și a imaginilor pentru a vă asigura că funcționează conform așteptărilor.

Actualizarea adreselor URL în baza de date

Urmați pașii de mai jos pentru a actualiza adresele URL direct în baza de date:

1. Conectați-vă la baza de date a site-ului live folosind PHPMyAdmin.
2. Select the live site's database.
3. Go to the “SQL” tab.
4. Run the following SQL query to update the URLs:

UPDATE wp_options SET option_value = replace(option_value, 'http://old-url', 'http://new-url') WHERE option_name = 'home' OR option_name = 'siteurl';
UPDATE wp_posts SET guid = replace(guid, 'http://old-url','http://new-url');
UPDATE wp_posts SET post_content = replace(post_content, 'http://old-url', 'http://new-url');

Replace “old-url” with the URL of the local site and “new-url” with the URL of the live site.

5. Click “Go” to run the query.
6. This will update all references to the local site's URL with the live site's URL in the database, ensuring that all links and images on the live site work correctly.

If you have followed the above steps correctly, the URLs in your database should have successfully updated. After these steps, your local WordPress site should now be fully functional on the live server. Make sure to thoroughly test the live site to ensure that all features are working correctly, and make any necessary adjustments to ensure a seamless transition from the local development environment to the live server.

Local Development vs Webhost Staging Environment

While WordPress local development provides a safe and efficient environment to build, edit, and test WordPress websites, you may decide to work in a webhost staging environment instead (here are some good reasons why you may not want to develop WordPress locally).

Both local development environments and webhost staging environments, however, have their pros and cons.

Here is a brief overview of the pros and cons of using a WordPress local development versus a webhost staging environment:

Pros of Local Development Environment

• Easy to Use : Local development environments are easy to use, even for beginner developers.
• Flexibility : You have complete control over your local development environment, so you can configure it however you like.
• Test Any Changes : With a local development environment, you can test any changes you make to your site without affecting the live version.

Cons of Local Development Environment

• Not a Live Environment : A local development environment is not a live environment, so you cannot test your site with live data.
• Limited Resources : Your local machine may have limited resources, such as memory and processing power, which can affect your site's performance.
• Not a True Representation : A local development environment may not accurately represent a live server environment, so testing may not be 100% accurate.

Pros of Webhost Staging Environment

• Live Environment : A webhost staging environment is a live environment, so you can test your site with live data.
• More Accurate Testing : A webhost staging environment is a more accurate representation of a live server environment, so testing is more reliable.
• More Resources : A webhost staging environment typically has more resources available than a local development environment, so your site's performance will be better.

Cons of Webhost Staging Environment

• Cost : Setting up a webhost staging environment can be expensive, as you have to pay for hosting and a domain name.
• Not as Fast : A webhost staging environment is not as fast as a local development environment because it runs on a remote server.

For smaller projects, a local development environment is a great option because it is free and easy to use. For larger projects, however, a webhost staging environment may be a better option because it is a live environment and provides more accurate testing.

Ultimately, the choice between these two methods will depend on your individual needs, preferences, and hosting options.

Note: We recommend avoiding shared hosting, and hosting on our Quantum plan instead for basic WordPress sites, but if you have reasons for choosing shared hosting, then check out our article on how to run WordPress local development on shared hosting.

All WPMU DEV hosting plans (except for Quantum) include a staging environment. Refer to our staging documentation for more details on the benefits of using a staging environment to develop and test WordPress sites.

Do you use a local environment to build and test WordPress sites? Share your experiences and comments below!