Rezumatul hangoutului pe hol: gestionarea blocurilor in Customizer

Intalnirea a inceput cu o prezentare generica a obiectivului pentru proiect si modul in care acest obiectiv este legat de eforturile complete de editare a site-ului.

Scopul proiectului

Scopul blocurilor din widget Widget Un widget WordPress este un bloc mic care indeplineste o functie specifica. Puteti adauga aceste widget-uri in bare laterale cunoscute si sub numele de zone pregatite pentru widget-uri pe pagina dvs. web. Widgeturile WordPress au fost create initial pentru a oferi utilizatorului un mod simplu si usor de utilizat de a oferi utilizatorului controlul structurii si designului temei WordPress. are ca scop apropierea blocurilor de utilizatori, in special utilizatorii care, din diverse motive, vor continua sa aiba site-ul lor web folosind teme clasice, nu bloc Block Block este termenul abstract folosit pentru a descrie unitati de marcare care, compuse impreuna, formeaza continutul sau aspectul a unei pagini web folosind editorul WordPress. Ideea combina concepte despre ceea ce s-ar fi putut realiza in trecut cu coduri scurte, HTML personalizat si descoperirea incorporarii intr-un singur API consistent si teme bazate pe experienta utilizatorului. 

Acest lucru se leaga de eforturile proiectului de editare a site-ului complet (FSE), deoarece, pana acum, proiectul complet de editare a site-ului avanseaza intr-o directie in care editeaza doar site-uri web care utilizeaza teme bazate pe blocuri. Temele bazate pe blocuri sunt un nou tip de tema, care este construita exclusiv din blocuri. De exemplu, sabloanele sunt blocuri in sine. 

Ceea ce facem aici este sa oferim blocuri celor care vor folosi in continuare teme clasice si vor avea bare laterale si widget-uri. 

Compensari ale obiectivului nostru actual

S-a evidentiat o problema ca, atunci cand un utilizator va comuta intre cele doua tipuri de teme, va pierde accesul la mediul lor normal de editare (instrumentul Customizer Customizer Tool incorporat in nucleul WordPress care se conecteaza la majoritatea temelor moderne. Il puteti folosi pentru a previzualiza si modifica multe a setarilor de aspect ale site-ului dvs. pentru teme clasice si editorul de site pentru teme bloc). In special pentru noii utilizatori care incearca teme, aceasta ar putea fi o experienta discordanta. Cu toate acestea, astazi, acesta este un compromis bun care permite introducerea cea mai eleganta si compatibila cu versiunile anterioare ale unui sistem complet nou pentru a construi un site web.

Gestionarea blocurilor in Customizer – experienta utilizator

Intalnirea a continuat cu Rob facand o sesiune de partajare a ecranului in care am discutat despre fiecare dintre machetele din problema GitHub „Gestionarea blocurilor in Customizer”.

Ecran complet: editorul de blocuri inlocuieste previzualizarea Customizer cu interfata de utilizator UIUI auxiliara din panoul lateral

Beneficii:

• Natura modala a editorului de ecran complet rezolva multe dintre conflictele dintre modul in care editorul de blocuri si personalizatorul trateaza in mod fundamental interactiunea cu utilizatorii, lasand fiecare la propria abordare.
• Cea mai mare vizualizare de pe desktopuri pentru editarea blocurilor si widgeturilor.
• Deschide calea catre eliminarea editorului separat de widgeturi, avand in vedere ca este o experienta modala independenta in Customizer, dar folosirea previzualizarii site-ului live, il face inutil pe primul. 

Provocari:

• Incalca asteptarile utilizatorului cu privire la ceea ce face personalizatorul in mod implicit, care afiseaza previzualizarea in partea dreapta.
• O optiune de previzualizare ar trebui adaugata, iar tranzitia la aceasta ar trebui sa fie foarte lina
• Previzualizarea ascunde editorul de blocuri, ce se intampla cu panoul lateral?
• Previzualizarea ar trebui sa deruleze la zona widgetului editat. Ce se intampla daca sunt editate mai multe zone si apoi este afisata previzualizarea?

Partajare ecran: editorul de blocuri este plasat in panoul lateral al personalizatorului

Beneficii:

• Se simte mai fluid ca o interactiune in comparatie cu optiunea de ecran complet.
• Experienta respecta comportamentul celorlalte sectiuni ale personalizatorului: relatia dintre ceea ce editati si ceea ce previzualizati este mai clara pe masura ce le aveti unul langa altul.
• Putem folosi pictogramele de editare creion in previzualizare
• Putem valorifica comportamentul sertarului panoului lateral (asa cum apare atunci cand adaugati in prezent un widget nou) pentru a afisa inseratorul si inspectorul.

Provocari:

• Experienta de editare mobila nu este excelenta atunci cand utilizati un desktop. Acest lucru poate fi gestionat bine, permitand bara laterala Bara laterala O bara laterala din WordPress se refera la o zona pregatita pentru widget, utilizata de temele WordPress pentru a afisa informatii care nu fac parte din continutul principal. Nu este intotdeauna o coloana verticala pe lateral. Poate fi un dreptunghi orizontal sub sau deasupra zonei de continut, subsol, antet sau orice alt loc din tema. pentru a fi redimensionat de utilizator. Multe idei despre cum sa realizam acest lucru.
• Widgeturi greu de reorganizat, deoarece panoul lateral inalt va face ca blocarea continutului sa fie stivuita pe verticala.
• Avem nevoie de o modalitate de a muta widget-uri si blocuri intre zone widget.

Incorporat: editorul de blocuri este incorporat in Customizer, widgeturile si blocurile sunt editabile din previzualizare, iar panoul lateral este utilizat pentru interfata de utilizare auxiliara

Beneficii:

• Este cel mai consistent upgrade din experienta utilizatorului.
• Selectarea si editarea in linie a atributelor este cea mai fluida si mai intuitiva abordare, dar numai daca provocarile au solutii solide.
• Ofera cel mai mult WYSIWYG Ceea ce vedeti este ceea ce primiti Ce vedeti este ceea ce primiti. Cel mai frecvent utilizat in legatura cu editorii, unde modificarile facute in modul de editare reflecta exact asa cum se vor traduce in pagina publicata. experienta, lucru pe care Customizer l-a vizat de la inceput.

Provocari:

• Provocatoare din punct de vedere tehnic datorita diferentelor salbatice ale modului de construire a celor doua sisteme. Foi de stil CSSCSS in cascada. sangerari, conflicte de marcare, mai multi editori cu un inspector si un inserator comun, sunt doar cateva dintre lucrurile care ridica stacheta pentru complexitatea acestei idei. Este greu de estimat, dar este, evident, cea mai complexa dintre cele trei cai explorate.
• Unele dintre limitele pe care le-am putea impune vor parea arbitrare pentru utilizatori: de ce nu pot edita nici o parte a personalizatorului facand clic pe acesta in previzualizare? Cum va sti utilizatorul ce zona widget este in curs de editare?
• Drag and drop pentru blocuri si widget-uri poate fi necesar sa fie dezactivat in contextul previzualizarii live.

Ganduri finale

• Solutia nu ar trebui sa necesite actualizarea temelor, in mod ideal nu este necesara participarea. Daca temele vor trebui sa fie actualizate, in general se ascunde obiectivul proiectului.
• Ecranul widgeturilor separate, daca este dezactivat, poate rupe unele fluxuri, dar pe de alta parte va elimina un ecran redundant. Principala problema pe care o are ecranul actual al widgeturilor in comparatie cu Customizer este ca un utilizator schimba direct site-ul live. Adaugarea blocurilor care sunt mai libere si care au un numar considerabil de optiuni de rupere a aspectului, acest lucru este si mai problematic.
• Participantii au acoperit, de asemenea, o implementare tehnica teoretica a unui strat de comunicare intre editorul de blocuri si Customizer prin intermediul setului de schimbare APIAPI O API sau aplicatia de programare a interfetei este un intermediar software care permite programelor sa interactioneze intre ele si sa partajeze date in limita, clar definita moduri ..

Alaturati-va acestui efort de modernizare a WordPress! Puteti participa la # feature-widgets-block-editor core Core Core este setul de software necesar pentru a rula WordPress. Echipa de dezvoltare de baza construieste WordPress. Slack Slack este o platforma de chat de grup colaborativ https://slack.com/. Comunitatea WordPress are propriul sau canal Slack la https://make.wordpress.org/chat/. canal sau sunet pe GitHub sau Trac.