Tutoriale WordPress de încredere, atunci când aveți cea mai mare nevoie.
Ghidul începătorului pentru WordPress
Cupa WPB
25 de milioane+
Site-uri web care folosesc plugin-urile noastre
16+
Ani de experiență WordPress
3000+
Tutoriale WordPress de la experți

WordPress Playground – Cum să folosești WordPress în browserul tău

Pe măsură ce creăm tutoriale pentru cititorii noștri, avem adesea nevoie de modalități rapide de a testa funcționalități, pluginuri și teme WordPress. La urma urmei, recomandarea unor soluții fără a le testa temeinic mai întâi nu ar fi de mare ajutor, nu-i așa?

Introduceți WordPress Playground: un instrument practic care vă permite să explorați WordPress direct în browserul dvs. Nu este necesară o configurare complexă și, mai important, niciun risc pentru site-ul dvs. existent.

Am considerat WordPress Playground incredibil de util în propriul nostru proces de testare și am descoperit mai multe modalități ingenioase de a profita la maximum de caracteristicile sale. Indiferent dacă abia începeți cu WordPress, doriți să încercați în siguranță noi instrumente sau aveți nevoie de un mediu de testare rapid, acest instrument vă poate face viața mult mai ușoară.

În acest ghid, vă vom prezenta tot ce trebuie să știți despre utilizarea eficientă a WordPress Playground.

WordPress PlayGround - Cum să folosiți WordPress în browserul dvs.

Ce este WordPress Playground?

WordPress Playground este o instanță temporară de WordPress în browser, unde puteți experimenta și învăța mai multe despre sistemul de management al conținutului.

Este ca un mediu de testare unde puteți face tot felul de dezvoltare WordPress fără a configura un site real, live.

Pagina de destinație a WordPress Playground

Tot ce trebuie să faceți este să accesați site-ul WordPress Playground pentru a-l deschide. Apoi, puteți folosi WordPress așa cum ați face în mod normal: adăugați pagini noi, instalați pluginuri noi, testați teme noi și așa mai departe.

Dacă reîmprospătezi pagina WordPress Playground, toate personalizările vor dispărea. Cu toate acestea, poți descărca instanța ta WordPress și o poți încărca din nou în WordPress Playground.

Cum funcționează WordPress Playground?

WordPress Playground rulează pe niște tehnologii interesante care vă permit să testați WordPress fără configurarea obișnuită a serverului web și a bazei de date:

  1. Binar WebAssembly (Wasm): Vă permite să rulați cod PHP direct în browserul dvs. web, făcând ca WordPress să funcționeze fără un server tradițional. De asemenea, face platforma compatibilă cu toate browserele, de la Chrome și Edge la Firefox și Safari.
  2. Bază de date SQLite: În loc de MySQL, WordPress Playground folosește un sistem de baze de date mai ușor, bazat pe fișiere, numit SQLite, care rulează direct în browserul dumneavoastră.
  3. API-uri Service Worker și Worker Threads: Aceste instrumente web ajută la gestionarea cererilor și la rularea scripturilor JavaScript în fundal, permițând WordPress Playground să ruleze aplicații PHP fără probleme în browserul dvs.

Aceste tehnologii permit, de asemenea, dezvoltatorilor să integreze WordPress Playground cu node.js, Visual Studio Code, aplicații CLI și chiar OpenAI.

Cu aceste instrumente, dezvoltatorii pot folosi, de asemenea, WordPress Playground pe o platformă de dezvoltare în scopuri de testare sau staging.

Care sunt limitările WordPress Playground?

În ciuda beneficiilor sale, WordPress Playground are mai multe limitări, cum ar fi:

  • Personalizările în WordPress Playground sunt temporare – Dacă decideți să nu salvați modificările în browser, va trebui să aveți grijă să nu reîmprospătați accidental pagina pentru a evita pierderea progresului.
  • Poate fi predispus la erori – Din experiența noastră de testare a pluginurilor folosind WordPress Playground, nu totul va funcționa corect. Deci, vă puteți aștepta la unele probleme ici și colo, dar puteți oferi feedback WordPress pentru a îmbunătăți platforma.
  • Problemele cu iFrame sunt frecvente – Dacă încorporați o instanță WordPress Playground pe pagina dvs. web, vă puteți aștepta la unele probleme, de la reîmprospătări accidentale la iFrame care nu funcționează.

Acum că știți ce este WordPress Playground, să vedem cum îl puteți utiliza. Puteți folosi linkurile rapide de mai jos pentru a naviga prin tutorialul nostru:

Cum se configurează WordPress Playground

Pentru a utiliza WordPress Playground, puteți accesa direct acest nume de domeniu în browserul dumneavoastră web: https://playground.wordpress.net

Odată ce sunteți pe site, așteptați câteva momente ca Playground-ul să se configureze. Apoi, veți vedea partea frontală a site-ului web folosind o temă WordPress implicită.

Dacă folosiți WordPress Playground pentru testare, atunci s-ar putea să doriți să configurați mediul pentru a reflecta software-ul WordPress pentru site-ul dvs. real.

Pentru a face acest lucru, faceți clic pe pictograma „Setări” (roată dințată) din colțul din dreapta sus.

Deschiderea setărilor WordPress Playground

Primul lucru pe care trebuie să-l faci este să selectezi o versiune de WordPress pentru Playground. Poți alege versiunea pe care o folosești deja sau pe care intenționezi să o folosești pentru site-ul tău WordPress.

WordPress pune, de asemenea, la dispoziție versiunea „WordPress Nightly”. Aceasta este versiunea de dezvoltare a WordPress care include cele mai recente modificări aduse de echipa de dezvoltare WordPress.

Puteți folosi acest lucru dacă sunteți un dezvoltator de pluginuri sau teme și doriți să testați compatibilitatea cu următoarea actualizare WordPress.

Alegerea unei versiuni WordPress în Playground

Următorul lucru pe care doriți să îl configurați este versiunea PHP.

Recomandăm să o faceți la fel ca versiunea PHP pe care o utilizați pentru site-ul dvs. web. Acestea fiind spuse, este posibil să nu găsiți versiuni PHP mai vechi de 7.0 aici.

Alegerea unei versiuni PHP în WordPress Playground

Un alt lucru pe care îl puteți face în WordPress Playground este să alegeți limba zonei dvs. de administrare.

Există zeci de opțiuni din care puteți alege, dar de dragul demonstrației, vom folosi „English (United States)”.

Alegerea unei limbi de administrare în WordPress Playground

Sub aceasta, puteți activa setările „Allow network access” și „Create a multisite network”.

Recomandăm activarea funcționalității de acces la rețea, deoarece veți putea instala teme WordPress și plugin-uri direct din mediu. Astfel, nu va trebui să le configurați manual.

Dacă doriți să creați o rețea multisite WordPress de test, atunci vă sugerăm să activați a doua setare.

Odată terminat, faceți clic pe „Apply Settings & Reset Playground”.

Activarea accesului la rețea în WordPress Playground

Pentru a deschide zona de administrare, treceți cu mouse-ul peste meniul titlului site-ului și faceți clic pe „Dashboard”.

Sau, puteți accesa și Editorul complet al site-ului făcând clic pe „Edit site”.

Deschiderea editorului de administrare sau a editorului de site complet în WordPress Playground

Configurația de bază a WordPress Playground este acum completă, dar să explorăm câteva setări suplimentare care vă pot îmbunătăți experiența.

Cum să utilizați blueprint-urile WordPress Playground

În WordPress, un plan este un fișier JSON simplu care vă ajută să configurați rapid și ușor un mediu WordPress personalizat. Acesta include setări precum ce versiune de WordPress și PHP să utilizați, ce pluginuri și teme să instalați și chiar ce elemente de design WordPress să aveți.

Aceasta este o opțiune excelentă dacă creați frecvent medii de testare, dar trebuie să le configurați rapid. Sau dacă trebuie să partajați configurații specifice WordPress cu alții.

Pentru a accesa blueprint-urile, faceți clic pe pictograma mică pătrată din colțul din stânga sus.

Făcând clic pe butonul cu cele patru pătrățele mici în WordPress Playground

Apoi, navigați la fila „Galeria de planuri”.

Aici veți găsi planuri publice partajate de alți utilizatori. Există multe opțiuni din care puteți alege. Puteți utiliza opțiunea „Create Block Theme” pentru a construi o temă de bloc personalizată folosind pluginul Create Block Theme sau puteți încerca „Stylish Press” pentru a configura un demo de site web WooCommerce.

Ne place în mod deosebit de Stylish Press, deoarece este foarte util pentru testarea plugin-urilor și temelor WooCommerce pentru tutorialele noastre.

Pentru a utiliza orice șablon, pur și simplu faceți clic pe butonul „Previzualizare” pentru a-l încărca în WordPress Playground.

Galeria de șabloane WordPress Playground

Puteți transforma, de asemenea, propria instanță WordPress Playground într-un șablon.

Pur și simplu comută la fila „Temporary Playground”, apasă pe butonul cu trei puncte de lângă „Homepage” și selectează „View Blueprint”.

Vizualizarea unei instanțe WordPress Playground ca un șablon

Aceasta va afișa instanța dvs. ca fișier .json de tip blueprint.

Dacă doriți să salvați fișierul blueprint pe computer, faceți clic pe pictograma de dischetă ‘Salvare’.

Salvarea unei instanțe WordPress Playground ca șablon

Salvarea blueprint-ului dvs. este utilă pentru referințe viitoare sau îl puteți partaja în galeria de blueprint-uri urmând Ghidurile de contribuție.

Pentru a încărca un plan salvat, faceți clic pe pictograma dosar deschis de lângă butonul de dischetă.

Pur și simplu selectați fișierul dvs. blueprint.json, iar WordPress va configura automat mediul dvs. pe baza acelei configurații.

Încărcarea unei scheme existente în WordPress Playground

Cum se instalează teme și pluginuri în WordPress Playground

Există mai multe moduri de a instala plugin-uri și teme WordPress în WordPress Playground. Dacă ați activat funcția de acces la rețea în timpul configurării, le puteți instala direct din tabloul de bord WordPress, la fel cum ați face pe un site WordPress obișnuit.

Pentru instrucțiuni pas cu pas despre procesul standard de instalare, consultați ghidurile noastre detaliate:

Dacă nu ați activat accesul la rețea sau instalați plugin-uri WordPress premium sau teme, va trebui să urmați metoda de instalare manuală.

Mai întâi, descărcați fișierul temei sau al plugin-ului. Pentru opțiuni gratuite, accesați WordPress.org, găsiți plugin-ul sau tema dorită și faceți clic pe butonul „Descărcare”. Aceasta salvează un fișier zip pe computerul dvs.

Descărcarea pluginului gratuit MonsterInsights

Pentru pluginuri, pur și simplu accesați tabloul de bord al WordPress Playground și navigați la Pluginuri » Adăugare Plugin Nou.

După aceea, faceți clic pe butonul „Upload Plugin” și selectați „Choose File” pentru a încărca fișierul zip al pluginului pe care l-ați descărcat anterior. În final, faceți clic pe „Install Now.”

Instalarea unui plugin WordPress în WordPress Playground

În ceea ce privește temele, WordPress va avea o temă implicită instalată pentru dvs. atunci când utilizați pentru prima dată Playground.

Dar dacă doriți să utilizați o temă WordPress diferită, gratuită sau chiar premium, o puteți descărca manual de la sursa dvs. Apoi, în Playground, accesați Aspect » Teme și faceți clic pe „Adăugați o temă nouă”.

Adăugarea unei noi teme în WordPress Playground

Pe ecranul următor, faceți clic pe butonul „Încărcați tema”.

După aceea, alegeți fișierul temei pe care l-ați descărcat anterior și faceți clic pe „Instalare acum”.

Instalarea unei noi teme în WordPress Playground

O altă modalitate de a instala teme și plugin-uri este să utilizați API-ul de interogare al WordPress Playground. Această metodă necesită adăugarea unor parametri de interogare la URL-ul WordPress Playground.

Deci, de exemplu, dacă doriți să instalați și să testați versiunea gratuită a AIOSEO în WordPress Playground, atunci puteți accesa pagina AIOSEO de pe WordPress.org. După aceea, notați slugul URL al AIOSEO.

URL-ul pluginului gratuit AIOSEO

Acum, într o filă nouă de browser, tastați URL-ul WordPress Playground cu slug-ul AIOSEO, astfel:

https://playground.wordpress.net/?plugin=all-in-one-seo-pack

Când apăsați tasta „Enter”, WordPress Playground va crea automat un nou mediu cu pluginul AIOSEO instalat.

Dacă doriți să instalați tema, înlocuiți parametrul plugin cu theme, astfel:

https://playground.wordpress.net/?theme=neve

Puteți chiar combina mai mulți parametri de interogare dacă doriți să instalați mai multe pluginuri sau teme peste nucleul WordPress. Doar asigurați-vă că separați fiecare parametru cu semnul ampersand &.

Iată cum va arăta URL-ul dacă instalați pluginurile AIOSEO și MonsterInsights, precum și tema Neve:

https://playground.wordpress.net/?theme=neve&plugin=all-in-one-seo-pack&plugin=google-analytics-for-wordpress

Dacă sunteți utilizator Chrome, puteți instala și extensia Open in WordPress Playground. Cu aceasta, ori de câte ori accesați o pagină de plugin sau temă pe WordPress.org, veți vedea butonul „Playground”.

Apăsarea acestuia va deschide un nou mediu WordPress Playground cu pluginul sau tema instalată. Simplifică metoda parametrilor de interogare.

Deschiderea pluginului WPForms în WordPress Playground

Cum să salvați o instanță WordPress Playground în browserul dvs.

Să spunem că v-ați jucat cu WordPress Playground și ați creat o întreagă pagină de destinație cu listă de așteptare sau chiar un site web. Ar fi o risipă să închideți pur și simplu fila și să pierdeți tot progresul pentru totdeauna.

Din fericire, WordPress Playground vă permite să salvați instanța în browserul dvs. Pentru a face acest lucru, faceți clic pe pictograma mică pătrată din colțul din stânga sus.

Făcând clic pe butonul cu cele patru pătrățele mici în WordPress Playground

Asigurați-vă că sunteți pe fila „Temporary Playground”.

Apoi, faceți clic pe butonul „Save” și alegeți „Save in this browser”.

Salvarea unei instanțe Playground în browser

Acum, așteptați ca WordPress să stocheze acest playground în browserul dvs. Din experiența noastră, acest lucru va dura câteva minute.

Odată terminat, veți vedea o nouă secțiune numită „Playground-uri salvate”. WordPress va numi automat playground-ul dvs. cu un nume creativ, cum ar fi „Happy Sunny Country” sau „Calm Classic Forest”.

Puteți configura în continuare setările mediului aici, la fel ca în secțiunea anterioară. Cu toate acestea, sunteți limitat la modificarea versiunii PHP și a setărilor de acces la rețea.

După ce ați făcut orice modificări, faceți clic pe „Save & Reload” pentru a deschide instanța.

Vizualizarea instanțelor WordPress Playground salvate

Acum, WordPress va salva fiecare modificare pe care o faceți în instanța Playground, chiar dacă închideți fila browserului.

WordPress vă permite, de asemenea, să „Salvați într-un director local”. Doar faceți clic pe același buton „Salvare” de mai devreme și selectați „Salvare într-un director local”.

Ceea ce am descoperit este că această opțiune descarcă toate fișierele Playground necomprimate, la fel ca o instalare WordPress normală. Veți obține foldere WordPress standard precum wp-content, wp-admin și altele.

Salvarea unei instanțe WordPress Playground în directorul local

Recomandăm utilizarea acestei opțiuni dacă doriți să încărcați aceste fișiere într-un mediu de staging sau un site web gol pe un serviciu de hosting.

Este deosebit de util atunci când doriți să construiți mai întâi în WordPress Playground, apoi să lucrați la el în afara mediului Playground.

Cum să descărcați/restaurați un site WordPress Playground

Deși salvarea playground-ului în browser este convenabilă pentru acces rapid, iar salvarea fișierelor necomprimate funcționează bine pentru site-urile live, uneori aveți nevoie de ceva intermediar.

Descărcarea WordPress Playground ca fișier zip vă oferă un backup portabil, ușor de stocat și partajat. Îl puteți restaura, de asemenea, pe orice instanță WordPress Playground.

Pentru a începe, faceți clic pe pictograma mică pătrată din colțul din stânga sus.

Făcând clic pe butonul cu cele patru pătrățele mici în WordPress Playground

Asigurați-vă că sunteți pe fila „Temporary Playground” sau într-un playground salvat. Apoi, faceți clic pe meniul cu trei puncte din colțul din dreapta sus, lângă butonul „Homepage”.

Faceți clic pe „Descărcați ca .zip”, iar browserul dvs. va începe să descarce fișierul pe computer.

Descărcarea unei instanțe WordPress Playground într-un fișier zip

Browserul dvs. va începe apoi să descarce fișierul pe computer.

Pentru a restaura mediul de joacă descărcat, faceți clic pe meniul cu trei puncte de deasupra „Mediu de joacă temporar” și selectați „Import din .zip”.

Importarea unei instanțe WordPress Playground

Va apărea o fereastră pop-up și vă va cere să alegeți fișierul exportat.

Selectați-l și faceți clic pe „Importă”.

Încărcarea unui fișier zip WordPress Playground

Dacă fișierul este valid, veți vedea un mesaj de succes, iar Playground-ul se va reîmprospăta cu configurația dvs. restaurată.

Doar faceți clic pe „OK” pentru a închide fereastra pop-up și a începe să lucrați cu site-ul dvs. restaurat.

Un mesaj pop-up care spune că importul fișierului WordPress Playground a avut succes

Un lucru grozav la exporturile zip ale WordPress Playground este că le puteți folosi cu Studio by WordPress.com, care este instrumentul de dezvoltare locală al WordPress.com. Acest lucru vă permite să continuați să lucrați la site-ul dvs. într-un mediu local adecvat.

Mai întâi, accesați site-ul Studio by WordPress.com și faceți clic fie pe „Descărcați pentru Windows”, fie pe „Descărcați pentru Mac”, în funcție de computerul dvs.

Descărcarea Studio de la WordPress.com

Deschideți fișierul descărcat pentru a începe instalarea.

Veți vedea o fereastră pop-up care afișează progresul instalării.

Se așteaptă instalarea Studio de la WordPress.com

După ce instalarea se finalizează, sunteți gata să adăugați primul dvs. site.

Pur și simplu trageți fișierul zip WordPress Playground în câmpul „Importă o copie de rezervă”. Puteți da site-ului dvs. orice nume care vă ajută să-l identificați ușor.

Plasarea unui fișier zip Playground în Studio de către WordPress.com

Odată importat, veți vedea tabloul de bord al site-ului dvs. WordPress local.

Pentru a începe să lucrați la site-ul dvs., faceți clic pe butonul „Start” din colțul din dreapta sus. Acest lucru face ca site-ul dvs. web local să fie activ pe computer.

Lansarea unui site web local Studio de la WordPress.com

Așteptați ca butonul „Start” să se schimbe în „Running”, apoi faceți clic pe linkul „WP Admin” din colțul din stânga sus.

Aceasta deschide pagina dvs. locală de administrare WordPress, unde puteți continua să vă dezvoltați site-ul.

Autentificarea în panoul de administrare WordPress al unui site local Studio by WordPress.com

Cum să Importați/Exportați WordPress Playground în GitHub

Dacă aveți un cont GitHub, puteți, de asemenea, să exportați și să importați site-ul dvs. din WordPress Playground. GitHub este o platformă excelentă care vă permite să urmăriți modificările site-ului dvs. web, să faceți backup fișierelor și să colaborați cu alți utilizatori.

Începeți prin a face clic pe pictograma mică pătrată din colțul din stânga sus.

Făcând clic pe butonul cu cele patru pătrățele mici în WordPress Playground

Pentru a exporta un site din WordPress Playground în GitHub, faceți clic pe meniul cu trei puncte de lângă butonul „Homepage”.

După aceea, selectați „Export în GitHub”.

Exportarea unei instanțe WordPress Playground în GitHub

În următoarea fereastră pop-up, veți vedea că WordPress încurajează salvarea site-ului dvs. pe computer ca backup. Odată ce faceți acest lucru, puteți bifa căsuța „I exported my Playground as zip”.

Apoi, faceți clic pe butonul „Conectați-vă contul GitHub”.

Conectarea WordPress Playground la GitHub

Apoi, trebuie să confirmați că autorizați WordPress Playground să acceseze depozitele dvs.

Doar apasă pe ‘Autorizează adamziel’ pentru a continua.

Autorizarea WordPress Playground în GitHub

În această etapă, selectați ce tip de fișiere exportați: pluginuri, teme, directorul wp-content sau căi specifice.

Dacă doriți să exportați toate pluginurile, temele, fișierele media, widgeturile, meniurile și fonturile, selectați ultima opțiune.

Alegerea tipului de fișier pentru export în GitHub în WordPress Playground

Va trebui, de asemenea, să specificați URL-ul depozitului public GitHub unde doriți să exportați site-ul.

Apoi, faceți clic pe butonul „Pasul următor”.

Alegerea depozitului public GitHub țintă în WordPress Playground

Odată ce ați făcut acest lucru, trebuie să alegeți dacă creați o nouă cerere de extragere (pull request) sau actualizați una existentă. În scopuri demonstrative, vom alege prima opțiune.

După aceea, introduceți calea din depozit unde ar trebui să fie comise modificările.

Va trebui, de asemenea, să introduceți un mesaj de commit pentru a specifica modificările efectuate folosind WordPress Playground.

După ce totul este gata, faceți clic pe „Create Pull Request”.

Crearea unei cereri de extragere GitHub în WordPress Playground

Dacă exportul este reușit, WordPress va afișa o fereastră pop-up cu un link către noua cerere de extragere (pull request).

Pur și simplu faceți clic pe link pentru a-l vedea în acțiune.

Link nou pentru cererea de extragere în WordPress Playground

Acum, dacă doriți să importați un site din GitHub în WordPress Playground, faceți clic pe meniul cu trei puncte de deasupra „Temporary Playground”.

Apoi, selectați „Import din GitHub”.

Importarea unei solicitări de extragere GitHub în WordPress Playground

Dacă deschideți un mediu WordPress Playground complet nou, este posibil să fie necesar să parcurgeți din nou întregul proces de autorizare GitHub Playground.

După aceea, introduceți pur și simplu depozitul GitHub sau URL-ul căii pe care doriți să o importați.

Introducerea depozitului GitHub sau a căii de importat în WordPress Playground

Apoi, trebuie să specificați ce fișiere importați: teme, pluginuri sau întregul director wp-content.

Puteți, de asemenea, să introduceți din nou calea depozitului din care importați, dacă este necesar. În caz contrar, WordPress va popula automat acest câmp dacă știe deja de unde să importe.

Odată terminat, faceți pur și simplu clic pe „Importă”.

Specificarea fișierelor de importat din GitHub în WordPress Playground

Dacă importul funcționează, veți vedea o fereastră pop-up cu un mesaj de succes.

Pur și simplu faceți clic pe „OK” pentru a o închide.

Importarea cu succes a unui depozit sau a unei căi GitHub în WordPress Playground

Un alt lucru pe care îl puteți face cu WordPress Playground și GitHub este să previzualizați o solicitare de extragere existentă pe GitHub din proiectul WordPress. Astfel, puteți vedea ce îmbunătățiri și dezvoltări se fac la WordPress și le puteți testa.

Rețineți că, la momentul scrierii, această funcționalitate funcționează doar pentru previzualizarea pull request-urilor din repository-urile WordPress Develop sau Gutenberg.

Pentru a face acest lucru, puteți face clic din nou pe butonul de meniu cu trei puncte și selectați ‘Previzualizare PR WordPress’ sau ‘Previzualizare PR Gutenberg’.

Previziunea unei cereri de extragere WordPress sau Gutenberg în Playground

Apoi, puteți insera URL-ul sau ID-ul cererii de extragere în câmpul corespunzător.

După aceea, faceți clic pe „Go”.

Introducerea URL-ului sau numărului cererii de extragere GitHub WordPress în WordPress Playground

Cum să încorporați WordPress Playground pe site-ul dvs.

Dacă scrieți un tutorial WordPress, probabil veți include capturi de ecran din tabloul de bord WordPress pentru a ghida utilizatorii prin instrucțiunile dvs. Cu toate acestea, uneori capturile de ecran pur și simplu nu ilustrează cu exactitate acțiunile pe care le descrieți.

Aici WordPress Playground vă poate fi de ajutor. Îl puteți încorpora pe pagina sau postarea dvs., oferind utilizatorilor o experiență de lectură mai interactivă. Aceștia pot urma instrucțiunile dvs. folosind Playground.

Mai întâi, trebuie să deschideți editorul de blocuri Gutenberg pentru o pagină sau un post. Odată ajuns acolo, faceți clic pe butonul „+” pentru a adăuga un bloc și selectați blocul „HTML personalizat”.

Adăugarea blocului HTML personalizat în editorul de blocuri

Acum, copiați codul de mai jos și lipiți-l în blocul HTML:

<iframe src="https://playground.wordpress.net/"></iframe>

Dacă doriți, puteți adăuga și anumiți parametri de interogare la acest URL, așa cum v-am arătat mai devreme.

După aceea, faceți clic pe „Salvare” sau „Publicare” pentru a face modificările live.

Lipirea codului de încorporare iFrame pentru WordPress Playground în editorul de blocuri

WordPress Playground poate arăta diferit în funcție de tema dvs.

În cazul nostru, nu părea aliniat cu blocurile de deasupra sa, iar elementul în sine era prea mic pentru a interacționa cu el.

Un exemplu de WordPress Playground care arată prea mic atunci când este încorporat

Pentru a evita acest lucru, puteți utiliza acest cod în schimb:

<div class="iframe-container"><iframe src="https://playground.wordpress.net/" style="width: 100%; height: 500px"></iframe></div>

Aici, eticheta iFrame este înfășurată în etichete div pentru a face ca încorporarea Playground să respecte padding-ul și margin-ul containerului.

Am adăugat, de asemenea, atributul style pentru a seta lățimea iFrame-ului la 100% din containerul său și înălțimea la 500 de pixeli.

Iată cum arată pe partea de frontend:

Un exemplu de WordPress Playground încorporat atunci când este aliniat

Cum să raportezi o eroare în WordPress Playground

Dacă întâmpinați probleme în WordPress Playground, le puteți raporta echipei WordPress pentru a remedia acele erori.

Pentru a face acest lucru, dați clic pe pictograma pătrată mică din colțul din stânga sus.

Făcând clic pe butonul cu cele patru pătrățele mici în WordPress Playground

După aceea, puteți face clic pe meniul cu trei puncte din colțul din dreapta sus al paginii.

Apoi, faceți clic pe opțiunea ‘Raportați eroare’.

Raportarea unei erori în WordPress Playground

Ar trebui să vedeți acum o fereastră pop-up unde puteți descrie cum apare eroarea. De asemenea, ar trebui să introduceți adresa URL a mediului dvs. WordPress Playground, astfel încât echipa să poată vedea exact ce s-a întâmplat.

Odată terminat, pur și simplu faceți clic pe „Raportează eroare”.

Descrierea erorii în WordPress Playground

În plus, WordPress Playground vă permite să vizualizați jurnalele de erori ale mediului dvs.

Puteți face acest lucru navigând la secțiunea „Logs” din fila „Temporary Playground” sau într-unul dintre playground-urile pe care le-ați salvat.

Vizualizarea jurnalelor de erori WordPress Playground

Întrebări frecvente despre WordPress Playground

Să acoperim câteva întrebări frecvente despre WordPress Playground.

Poți folosi WordPress în browserul tău?

Da, WordPress Playground vă permite să utilizați WordPress direct în browserul dvs. Puteți construi site-uri web și puteți încerca teme și pluginuri înainte de a le instala pe site-ul dvs. live.

Pot instala teme și pluginuri personalizate în WordPress Playground?

Da, puteți instala și schimba teme sau pluginuri în WordPress Playground pentru a vedea dacă funcționează în zona de administrare și sunt compatibile cu anumite versiuni de WordPress.

Pot încărca un site realizat cu WordPress Playground pe contul meu de hosting?

Da, puteți exporta site-ul dvs. din WordPress Playground și îl puteți importa în contul dvs. de găzduire WordPress. Pur și simplu salvați fișierele WordPress Playground într-un director local și apoi încărcați-le pe un site web gol din contul dvs. de găzduire.

Cum rulez pluginuri și teme WordPress local?

Dacă vrei să rulezi pluginuri și teme WordPress într-un mediu de dezvoltare local, atunci trebuie mai întâi să creezi un site WordPress local. Poți citi tutorialul nostru despre cum să construiești un site WordPress local pentru instrucțiuni pas cu pas.

Sperăm că acest articol v-a ajutat să înțelegeți ce este WordPress Playground și cum să îl utilizați în browserul dumneavoastră. De asemenea, ați putea dori să consultați articolul nostru despre cele mai bune creatoare de pagini WordPress drag-and-drop și ghidul nostru despre cum să adăugați conținut dinamic în WordPress.

Dacă ți-a plăcut acest articol, te rugăm să te abonezi la canalul nostru de YouTube pentru tutoriale video WordPress. Ne poți găsi, de asemenea, pe Twitter și Facebook.

Dezvăluire: Conținutul nostru este susținut de cititori. Acest lucru înseamnă că dacă faceți clic pe unele dintre linkurile noastre, este posibil să câștigăm un comision. Vedeți cum este finanțat WPBeginner, de ce contează și cum ne puteți susține. Iată procesul nostru editorial.

Cel mai bun instrumentar WordPress

Obține acces GRATUIT la instrumentarul nostru - o colecție de produse și resurse legate de WordPress pe care fiecare profesionist ar trebui să le aibă!

Interacțiuni cu cititorii

6 CommentsLeave a Reply

  1. Instrumentul WordPress Playground este perfect pentru testarea actualizărilor în siguranță.
    Iată ce funcționează excelent pentru mine:
    – Folosesc șabloane (blueprints) pentru diferite tipuri de site-uri (de exemplu, comerț electronic, portofolii)
    – Face testarea super eficientă
    Un sfat suplimentar: Recomand să faceți capturi de ecran ale configurațiilor Playground înainte de a testa modificări majore, deoarece ajută la urmărirea combinațiilor care au funcționat cel mai bine pentru scenarii specifice.

  2. Folosesc WordPress de ceva timp, dar nu am știut niciodată despre WordPress Playground. Acest tutorial este foarte util pentru a înțelege cum să îl folosesc. Voi împărtăși acest lucru cu colegii mei utilizatori WordPress. Mulțumesc.

  3. Uau, asta e grozav. Nu aveam idee că există așa ceva ca WordPress Playground. Vă mulțumesc pentru extinderea cunoștințelor mele. Datorită wpbeginner, în fiecare zi întâlnesc subiecte și lucruri noi pe care nu le știam înainte. Cu siguranță voi încerca și WordPress Playground.

  4. Acest lucru este fantastic și îmi place.
    Îți spun că WordPress continuă să vină cu noi funcționalități grozave, WordPress este un viitor.
    Aș dori să încerc WordPress Playground, să-l explorez și să experimentez cum funcționează în realitate.

Lasă un răspuns

Vă mulțumim că ați ales să lăsați un comentariu. Vă rugăm să rețineți că toate comentariile sunt moderate conform politicii noastre de comentarii, iar adresa dvs. de e-mail NU va fi publicată. Vă rugăm să NU folosiți cuvinte cheie în câmpul nume. Să avem o conversație personală și semnificativă.