Ce este nou în WordPress 6.5

Publicat: 2024-03-18

Lansarea WordPress 6.5 pe 26 martie 2024 este o actualizare așteptată cu nerăbdare, care va atrage atât creatorii de site-uri web, cât și dezvoltatorii. Această nouă versiune introduce un design de administrator actualizat, previzualizează viitorul gestionării datelor în Editorul site-ului.

Dezvoltatorii se pot aștepta să se bucure de îmbunătățiri ale experienței lor de dezvoltare cu WordPress 6.5. Lansarea aduce progrese interesante care le vor îmbunătăți munca. Un punct important pentru toți utilizatorii este introducerea Bibliotecii de fonturi, revoluționând modul în care fonturile sunt gestionate pe site-uri web.

În plus, WordPress 6.5 are numeroase îmbunătățiri axate pe rafinarea experienței de construire și întreținere a site-ului web. Aceste actualizări urmăresc să simplifice interfața WordPress, sporind ușurința în utilizare. WordPress 6.5 își consolidează rolul esențial în dezvoltarea web datorită inovațiilor și îmbunătățirilor sale continue.

Pentru constructori de site-uri și utilizatori

WordPress 6.5 dezvăluie funcții de transformare pentru creatorii de site-uri și utilizatori, în special Biblioteca de fonturi. Această actualizare eficientizează gestionarea tipografiei și rafinează experiența utilizatorului, făcând crearea web mai accesibilă și mai eficientă. Cu îmbunătățiri pentru simplificarea interfeței și îmbunătățirea funcționalității, WordPress 6.5 permite utilizatorilor să-și ridice proiectele web fără efort.

Prezentarea Bibliotecii de fonturi în WordPress 6.5: o exclusivitate a Editorului de site

WordPress 6.5 introduce Biblioteca de fonturi, revoluționând modul în care fonturile sunt gestionate în cadrul platformei. La fel ca ușurința de utilizare a Bibliotecii media, această caracteristică acceptă gestionarea globală a fonturilor, permițând instalarea, activarea și eliminarea fonturilor pentru a eficientiza tipografia pe site-uri.

Aspecte de bază ale Bibliotecii de fonturi

  • Accesibilitatea globală a fonturilor: adăugarea fonturilor este simplă, cu opțiuni de încărcare direct sau de a alege din Fonturi Google. Serverul stochează fonturi Google pentru a proteja confidențialitatea, în conformitate cu standardele GDPR.
  • Colecții exploratorii de fonturi: utilizatorii pot explora și instala fonturi din colecții selectate. Funcția wp_register_font_collection le permite dezvoltatorilor să îmbogățească platforma cu fonturi personalizate sau de la terți, extinzând varietatea tipografică.
  • Consecvență tipografică integrată: fonturile instalate devin parte din stilurile globale ale site-ului, asigurând armonia vizuală între tranziții. Personalizarea directorului de încărcare a fonturilor se adresează diferitelor structuri de site și medii de găzduire.

Disponibilitate exclusivă în Editorul site-ului

Aspect, Gestionați fonturile temei

Caracteristicile inovatoare ale Bibliotecii de fonturi sunt disponibile exclusiv în Editorul site-ului de teme bazate pe blocuri. Această limitare este o decizie strategică, concentrându-se pe colectarea de feedback detaliat și pe optimizarea performanței caracteristicii pentru eventuala extindere la teme clasice.

Pentru dezvoltatori: personalizarea accesibilității Bibliotecii de fonturi

Dezvoltatorii pot dezactiva funcția Bibliotecă de fonturi, adaptând experiența de editare la nevoile specifice ale proiectului. Dezactivarea poate fi realizată prin filtrarea setărilor editorului:

 function disable_font_library_ui( $editor_settings ) { $editor_settings['fontLibraryEnabled'] = false; return $editor_settings; } add_filter( "block_editor_settings_all", "disable_font_library_ui" );

Acest nivel de control asigură că dezvoltatorii pot gestiona prezența Bibliotecii de fonturi în fluxurile lor de lucru, oferind flexibilitate în gestionarea fonturilor în diferite proiecte.

Direcții viitoare pentru Biblioteca de fonturi dincolo de WordPress 6.5

  • Locația directorului de fonturi canonice: explorați opțiunile pentru relocarea în siguranță a directorului de fonturi, mai ales când wp-content devine inscriptibil.
  • Integrare Site Health: introduceți verificări pentru locația folderului cu fonturi în Site Health pentru a asigura performanța și securitatea optime a site-ului.
  • Documentare și îndrumări privind migrarea: Furnizați documentație detaliată despre procesul de migrare a directorului de fonturi și justificarea acestuia.
  • Foaia de parcurs de dezvoltare: publicați o foaie de parcurs care detaliază trecerea către concepte de primă clasă în WordPress, cum ar fi abordarea modulară a temelor, fonturilor, modelelor și șabloanelor și impactul acesteia asupra viitorului platformei.

Creșterea designului site-ului cu noi vizualizări în Editorul site-ului

WordPress 6.5 nu este doar despre fonturi și performanță; aduce o nouă dimensiune Editorului de site cu vizualizări îmbunătățite pentru pagini, modele, șabloane și părți de șablon. Această actualizare își propune să simplifice sau să complice călătoria dvs. de editare a site-ului, după cum este necesar, oferind multe modalități de a explora, filtra și gestiona componentele site-ului. Iată cum WordPress 6.5 pregătește scena pentru o experiență de editare și mai intuitivă:

Explorare plină de caracteristici

  • Opțiuni de afișare dinamică: de la tabele care prezintă anumite câmpuri până la abilitatea de a parcurge conținutul dvs. și de a executa acțiuni rapide, Editorul site-ului vă pune acum controlul la îndemână.
  • Vizualizări personalizabile: adaptează-ți spațiul de editare pentru a se potrivi cu fluxul de lucru cu opțiuni pentru a activa sau dezactiva câmpurile, sortarea și filtrarea datelor și alege dintre diferite prezentări de aspect, inclusiv vizualizări clasice de tabel și grilă moderne.
  • Navigare și gestionare îmbunătățite: navigați cu ușurință prin structura site-ului dvs., datorită îmbunătățirilor interfeței de utilizare care acceptă selectarea intrărilor și efectuarea de acțiuni în bloc, susținută de suportul pentru filtrele principale care simplifică accesul la secțiunile tipice.
Modele duplicate în WordPress 6.5

La ce să te aștepți:

  • Gestionarea șabloanelor: gestionați toate șabloanele folosind machete de tabel și grilă, facilitând vizualizarea și organizarea structurii site-ului dvs.
  • Modele și părți de șablon : Bucurați-vă de aspectele de tabel și grilă cu capabilități de acțiune în bloc pentru părțile de șablon. De asemenea, un aspect al grilei pentru modele include un filtru principal pentru a distinge între modelele sincronizate și nesincronizate. În plus, le puteți duplica și redenumi pe ambele.
  • Pagini: gestionați-vă paginile cu aspect de tabel și grilă, completate de acțiuni în bloc și filtre principale implicite pentru o organizație optimizată.

Îmbunătățiri WordPress 6.5 List View: redenumire îmbunătățită a blocurilor

WordPress 6.5 Vizualizare listă redenumirea blocurilor

WordPress 6.5 extinde prima caracteristică introdusă pentru blocurile de grup în vizualizarea listă în WordPress 6.4, permițând ca aproape toate blocurile să fie redenumite pentru organizarea și personalizarea conținutului îmbunătățite. Această actualizare extinde în mod semnificativ domeniul de aplicare pentru modificarea etichetelor blocurilor direct din vizualizarea listă, facilitând o experiență de editare mai personalizată.

Pentru a redenumi blocurile:

  1. Activați vizualizarea listă
  2. Selectați blocul pentru a redenumi, 3 puncte în dreapta
  3. Selectați Redenumiți
  4. Introduceți un nume nou
  5. Salvați

Utilizatorii finali beneficiază de această funcție navigând rapid și înțelegând structura conținutului lor prin etichetare personalizată. Între timp, autorii de teme pot oferi o experiență mai intuitivă în temele și modelele lor, iar administratorii site-urilor și întreprinderile obțin instrumente puternice pentru strategii mai precise de gestionare a conținutului.

Anumite blocuri de bază își păstrează numele inițiale pentru a menține claritatea și funcționalitatea:

  • miez/bloc
  • miez/parte-şablon
  • miez/model
  • miez/navigație
  • core/link de navigare

Personalizare pentru dezvoltatori:

Redenumirea blocurilor este activată în mod implicit. Extensoarele terțe pot renunța la blocări prin setarea „redenumire”: false în fișierul block.json al blocului.

 // block.json { "supports": { "renaming": false // disables ability to rename block via the Editor UI }, }

Revizii robuste

WordPress 6.5 introduce revizuiri solide în Editorul site-ului, îmbunătățind semnificativ urmărirea și gestionarea modificărilor pentru designul site-ului. Această caracteristică oferă o vedere detaliată a evoluției șabloanelor și părților site-ului dvs., prezentând un istoric cuprinzător al editărilor efectuate de-a lungul timpului. Cu marcaje temporale mai granulare și rezumate ale modificărilor, navigarea prin diferite versiuni ale designului site-ului dvs. a devenit mai intuitivă. Utilizatorii pot vedea acum cu ușurință ce modificări au fost făcute, când și de către cine, simplificând procesul de revenire sau iterare asupra designurilor.

Versiuni WordPress 6.5

Mai mult, această versiune WordPress extinde capacitatea Editorului de site prin introducerea de paginare pentru vizualizarea tuturor revizuirilor de stil. Acest lucru elimină limitarea de a afișa doar ultimele 100 de revizuiri, permițând accesul ușor la istoricul complet al modificărilor. Includerea unui comutator pentru Cartea de stil oferă o perspectivă alternativă asupra revizuirilor, permițând utilizatorilor să previzualizeze modificările mai vizual și mai cuprinzător. Aceste îmbunătățiri acționează ca o plasă de siguranță, păstrând istoricul designului site-ului dvs. și dând putere utilizatorilor să experimenteze cu încredere aspectul site-ului lor, știind că pot documenta și recupera meticulos toate modificările.

Adăugați o pictogramă site sau favicon din Setări

Setări, general, pictograma Încărcare site

O pictogramă de site, denumită adesea favicon, este o imagine mică sau o siglă care apare în fila browserului web, marcaje, istoric și alte locuri care ajută utilizatorii să vă identifice site-ul web. Această grafică minusculă, dar semnificativă, este crucială pentru branding și utilizare, făcând site-ul dvs. să iasă în evidență într-un mediu de browser aglomerat și întărind recunoașterea mărcii.

Anterior, temele de bloc au impus blocul Logo site-ului pentru setarea unei pictograme de site. Cu toate acestea, cea mai recentă actualizare introduce o metodă simplificată disponibilă în Setări generale, aplicabilă atât temelor bloc, cât și temelor clasice. Utilizatorii de teme clasice pot utiliza în continuare Personalizatorul pentru această ajustare, asigurând flexibilitate între tipurile de teme.

Pentru a seta pictograma site-ului în noul sistem:

  1. Din tabloul de bord WordPress, accesați Setări > General.
  2. În „pictogramă site”, încărcați imaginea preferată.
  3. Apăsați „Salvare” pentru a confirma modificările.

Deblocarea controlului creativ: instrumente de aspect pentru temele clasice

Creșteți-vă designul: WordPress 6.5 deschide un nou orizont pentru utilizatorii Temelor clasice prin integrarea instrumentelor avansate de aspect. Această actualizare compensează decalajul, oferind opțiuni de design anterior exclusive temelor bazate pe blocuri.

  • De ce contează: Temele clasice au trecut testul timpului, întruchipând simplitatea și fiabilitatea. Acum, primesc o actualizare semnificativă. Acest lucru permite o personalizare mai nuanțată, fără cunoștințe profunde de codare sau comutare teme.

Îmbunătățiri cheie:

  • Personalizare chenar: adăugați chenar cu ușurință. Personalizați culoarea, raza și lățimea pentru a vă încadra conținutul exact așa cum îl vedeți.
  • Ajustări de culoare: Ajustați direct culorile link-ului, îmbunătățind lizibilitatea și atractivitatea estetică.
  • Controlul spațiilor: Stăpânește arta aspectului cu margini și umpluturi reglabile, creând echilibrul și fluxul perfect.
  • Ajustări tipografice: adaptați-vă textul cu ajustări de înălțime a liniilor, asigurând lizibilitatea și armonia vizuală.
  • Lista completă : pentru a vedea toate opțiunile de design care pot fi activate, consultați lista completă.

Cum se activează:

  • Utilizatori de temă clasică: pur și simplu înscrieți-vă prin fișierul functions.php al temei cu add_theme_support('appearance-tools'); . Experimentați un nou domeniu al flexibilității designului, păstrând tema dvs. de încredere în centrul expresiei digitale.
  • Dezvoltatori de teme: activați aceste instrumente în temele clasice pentru a încuraja explorarea și creativitatea. Acest lucru va oferi utilizatorilor o experiență reîmprospătată, personalizabilă, fără a compromite integritatea temei.

WordPress 6.5: gestionarea și prezentarea imaginilor avansate

WordPress 6.5 introduce actualizări esențiale ale gestionării media și ale funcționalităților galeriei, îmbogățind capabilitățile de creare de conținut și afișare ale platformei. Aceste actualizări au scopul de a optimiza performanța site-ului, de a îmbunătăți estetica vizuală și de a eficientiza fluxurile de lucru ale utilizatorilor.

Creșterea calității imaginii cu suport AVIF

WordPress 6.5 acceptă încărcarea fișierelor AVIF

Înțelegerea AVIF:

AVIF (AV1 Image File Format) introduce un nou standard pentru compresia și calitatea imaginii, depășind semnificativ formatele mai vechi precum JPEG, PNG și WebP. Prin adoptarea AVIF, WordPress 6.5 asigură că site-urile web se bucură de dimensiuni reduse ale fișierelor de imagine, păstrând în același timp o claritate superioară a imaginii. Acest lucru are ca rezultat timpi de încărcare mai rapidi și o experiență de navigare mai bună. Pentru a vedea ce browsere acceptă AVIF, consultați Pot utiliza.

Importanța AVIF:

Integrarea AVIF în WordPress 6.5 marchează o dezvoltare crucială în optimizarea performanței web. Acest progres permite furnizarea de imagini clare și detaliate la o fracțiune din dimensiunea fișierului lor original. Vitezele paginii și performanța SEO sunt afectate pozitiv.

Simplificarea imaginilor prezentate cu opțiunea pentru prima imagine

Imagini prezentate inovatoare:

WordPress 6.5 simplifică desemnarea imaginilor prezentate cu o nouă caracteristică automat, folosind prima imagine dintr-o postare.

Această actualizare ajută foarte mult bloggerii și creatorii de conținut să mențină consistența vizuală prin setarea automată a imaginilor prezentate pentru postări.

Perspectivă operațională:

Când unei postări îi lipsește o imagine prezentată selectată manual, dar conține imagini, WordPress va folosi prima imagine ca imagine prezentată. Această caracteristică inteligentă asigură reprezentarea vizuală pentru fiecare postare. Îmbunătățește atractivitatea postării în teme și listări fără efort suplimentar din partea utilizatorului.

Vizualizare dinamică a galeriei cu setare aleatorie în ordine:

O nouă setare din blocul Galerie vă permite să afișați imagini aleatoriu, creând o experiență de vizualizare unică cu fiecare reîncărcare a paginii. Puteți activa această funcție pentru fiecare galerie în mod individual, adăugând un strat de dinamism prezentărilor de imagini.

Manevrarea elegantă a subtitrărilor lungi:

WordPress 6.5 introduce bare de defilare cu stil pentru subtitrările extinse în blocurile Galerie, abordând în mod atractiv subtitrările depășirii. Încurajăm autorii de teme să testeze această actualizare pentru compatibilitatea cu stilurile lor personalizate existente în bara de defilare.

Ajustări unificate ale raportului de aspect pentru toate imaginile:

Actualizarea prevede eliminarea raporturilor de aspect 10:16 și 16:10 din opțiunile de încărcare a imaginilor, afectând prezentările de imagini la nivelul întregului site, nu doar în blocurile Galerie. Această modificare promovează coerența designului, sfătuind autorii temelor să revizuiască și să ajusteze aceste rapoarte de aspect în modele, șabloane sau oriunde încarcă imagini.

Îmbunătățirea experienței WordPress: upgrade-uri de utilizare în WordPress 6.5

WordPress 6.5 aduce îmbunătățiri experienței utilizatorului Editorului de site. Fiecare îmbunătățire urmărește să facă construirea și gestionarea site-ului mai intuitive și mai eficiente. Să ne aprofundăm în actualizările critice gata să vă transforme interacțiunea cu site-ul dvs. WordPress.

Experiență mai intuitivă de editare a linkurilor
Editare legată în WordPress 6.5

WordPress 6.5 reînnoiește editarea linkurilor pentru a oferi un proces mai intuitiv și mai ușor. Această actualizare abordează punctele dureroase comune, făcând gestionarea legăturilor simplă și mai puțin intruzivă. Îmbunătățirile cheie includ:

  • Interfața de utilizare a linkurilor focalizate: interfața de editare a linkurilor apare acum numai atunci când este apelată. Acest lucru reduce distragerile și îmbunătățește fluxul de lucru. Beneficiază toți utilizatorii, în special cei care folosesc tehnologii de asistență.
  • Gestionare simplificată a linkurilor: adăugarea unui link menține interfața deschisă pentru ajustări rapide, cum ar fi deschiderea acesteia într-o filă nouă.
  • Descoperire îmbunătățită: pictogramele noi și un buton de copiere a linkului simplifică gestionarea linkurilor pentru paginile interne sau resursele externe, simplificând procesul.
Îmbunătățirea instrumentelor de proiectare
WordPress 6.5 Drop Shadow
  • Box Shadow și multe altele: un nou strat de control al designului adaugă funcții precum setările de box-shadow pentru blocuri individuale, permițând personalizare și creativitate mai profundă.
  • Comenzi tipografice bogate: puteți ajusta cu precizie greutatea fonturilor, dimensiunile și familiile, oferind o gamă mai largă de opțiuni stilistice pentru a comunica eficient vocea mărcii dvs.
Îmbunătățiri de utilizare prin glisare și plasare

Funcționalitatea de glisare și plasare din Editorul site-ului a primit îmbunătățiri semnificative, făcând-o mai intuitivă și mai versatilă pentru aranjarea elementelor site-ului dvs.:

  • Tragerea de la capăt la capăt: Mutați blocurile fără efort la începutul sau la sfârșitul conținutului dvs., oferind o mai mare flexibilitate în designul aspectului.
  • Manevrare îmbunătățită a containerelor : rafinarea tragerii între și în blocurile de containere (cum ar fi blocurile Group și Cover) oferă o experiență mai fluidă.
  • Feedback vizual : Indicatorii arată acum clar opțiunile de plasare pentru blocuri în timpul tragerii, reducând presupunerile și îmbunătățind precizia ajustării aspectului.
Îmbunătățiri UX Editor general de site

Experiența generală a utilizatorului a Editorului de site a cunoscut îmbunătățiri pe scară largă menite să facă editarea site-ului mai accesibilă și mai plăcută:

  • Navigare în șabloane: comutarea între editarea șabloanelor și părților de șabloane este acum mai intuitivă, cu o navigare și o organizare mai simplă.
  • Stiluri consolidate: simplificarea gestionării stilurilor globale ale site-ului dvs. face acum mai ușoară menținerea coerenței pe site.
  • Accesibilitate și flux de lucru: eforturile de îmbunătățire a accesibilității și de simplificare a fluxurilor de lucru, cum ar fi previzualizarea mai eficientă a modificărilor, au constituit un accent semnificativ, asigurând că toți utilizatorii își pot construi și gestiona rapid site-urile.
  • Modul fără distracție : acum, când utilizați modul fără distracție în Editorul de postări, bara de instrumente de sus va fi disponibilă când treceți mouse-ul peste ea.
Modul WordPress 6.5 fără distracție a fost activat, demonstrând bara de instrumente de sus.

Pentru Dezvoltatori

WordPress 6.5 introduce modificări semnificative ale API-ului. Subliniază dedicarea WordPress pentru îmbunătățirea experienței dezvoltatorilor. Acest lucru se aliniază cu așteptările utilizatorilor pentru site-uri web interactive și receptive. Actualizările includ API-ul Block Bindings, câmpurile personalizate, pachetul Data Views și API-ul de interactivitate. Aceste modificări au scopul de a oferi dezvoltatorilor instrumente pentru crearea de site-uri web captivante, eficiente și personalizate. Aceste îmbunătățiri marchează o nouă eră în dezvoltarea WordPress. Aceștia se concentrează pe integrarea ușoară a funcționalităților complexe și pe crearea de experiențe captivante pentru utilizator. Cu aceste API-uri, WordPress 6.5 le permite dezvoltatorilor să extindă ceea ce este posibil cu WordPress. Întărește WordPress ca o platformă puternică pentru modelarea viitorului web. Puteți afla mai multe detalii despre fiecare dintre acestea în Ghidul de teren.

Îmbunătățirea gestionării datelor cu câmpurile personalizate din WordPress 6.5

WordPress 6.5 introduce pachetul Custom Fields. Această îmbunătățire simplifică lucrul cu câmpuri personalizate în WordPress și oferă o modalitate structurată și eficientă de a gestiona datele de câmp personalizate, care este cheia pentru crearea unor experiențe de utilizator dinamice și personalizate. Să analizăm ce oferă acest pachet și cum poate transforma gestionarea datelor în proiectele WordPress.

Prezentare generală a câmpurilor personalizate

Câmpurile personalizate oferă caracteristici și interfețe complete pentru accesarea și afișarea datelor de câmp personalizate pe site-urile WordPress. Acesta încapsulează funcționalitatea pentru preluarea, filtrarea și prezentarea datelor personalizate legate de postări, pagini și tipuri de postări personalizate. Este un atu valoros pentru dezvoltatorii de teme și pluginuri care doresc să folosească câmpuri personalizate în proiectele lor.

  • Acces la date structurate: Pachetul oferă o metodă simplă de accesare a câmpurilor personalizate. Dezvoltatorii pot folosi cu ușurință datele personalizate fără interogări directe în baza de date sau navigarea prin complexitățile API-ului de metadate WordPress.
  • Prezentare îmbunătățită a datelor: dezvoltatorii pot crea cu ușurință vizualizări de date cu câmpuri personalizate. Aceste vizualizări afișează în mod dinamic informații despre câmpuri personalizate și pot fi realizate în postări, pagini sau șabloane personalizate. Această capacitate permite crearea de afișări de conținut bogate, personalizate, care se pot adapta pe baza datelor de câmp personalizate subiacente.
  • Integrare perfectă cu Editorul de blocuri: Una dintre caracteristicile remarcabile ale acestui pachet este integrarea sa cu Editorul de blocuri WordPress. Dezvoltatorii pot lega datele câmpurilor personalizate pentru a bloca atribute direct în editor. Acest lucru oferă un flux de lucru fără întreruperi pentru încorporarea conținutului dinamic în design-uri bazate pe blocuri.
  • Extensibilitate și personalizare: echipa de lansare a recunoscut nevoile diverse ale dezvoltatorilor și a proiectat pachetul având în vedere extensibilitate. Oferă cârlige și filtre pentru regăsirea datelor și personalizarea prezentării, asigurându-se că dezvoltatorii pot personaliza funcționalitatea pentru a se potrivi cerințelor proiectului.

Aplicații din lumea reală

Câmpurile personalizate deschid multe posibilități pentru dezvoltarea WordPress, de la crearea de liste dinamice de conținut care se actualizează automat pe baza valorilor câmpurilor personalizate până la construirea de aplicații complexe bazate pe date în WordPress. De exemplu, un site web imobiliar ar putea folosi acest pachet pentru a afișa liste de proprietăți cu câmpuri personalizate pentru preț, locație și facilități, oferind utilizatorilor o experiență de navigare interactivă bogată.

Câmpurile personalizate nu sunt API-ul Core Fields

Câmpurile personalizate și API-ul Core Fields sunt componente distincte în WordPress. Câmpurile personalizate oferă un set de funcționalități pentru afișarea dinamică a datelor câmpurilor personalizate în Editorul de blocuri WordPress, facilitând dezvoltarea experiențelor de conținut îmbogățite. Pe de altă parte, dezvoltatorii au conceput API-ul Core Fields propus ca un cadru extins pentru a defini, gestiona și prelua diferite tipuri de date personalizate în WordPress. Scopul său este să îmbunătățească eficiența și uniformitatea în gestionarea datelor în teme, pluginuri și funcții de bază ale WordPress, încurajând astfel coerența și interoperabilitatea îmbunătățite.

Dezlănțuirea puterii Block Bindings în WordPress 6.5

Odată cu venirea WordPress 6.5, dezvoltatorii primesc un salt evolutiv în personalizarea blocurilor și gestionarea conținutului, datorită introducerii API-ului Block Bindings. Această caracteristică inovatoare promite să transforme modul în care gândim și interacționăm cu blocurile, oferind o ușurință fără precedent în integrarea datelor dinamice direct în blocurile de bază. Să explorăm capabilitățile și aplicațiile acestui nou API interesant.

Ce este API-ul Block Bindings?

API-ul Block Bindings este un mecanism intern care conectează atributele blocurilor la diverse surse de date, inclusiv câmpuri personalizate și, eventual, orice sursă de date personalizată viitoare. Acest lucru elimină necesitatea blocurilor personalizate în multe scenarii, permițând dezvoltatorilor să populeze în mod dinamic blocurile de bază, cum ar fi paragrafele și imaginile, cu date din câmpuri personalizate, API-uri externe sau alte surse dinamice.

Caracteristici și capabilități de bază

  • Conectați blocuri de bază la câmpuri personalizate: fără a crea blocuri personalizate, dezvoltatorii pot acum lega atributele de bază ale blocurilor, cum ar fi conținutul pentru paragrafe sau adresele URL pentru imagini, direct la câmpurile personalizate. Realizați această conexiune prin adăugarea unui obiect „legături” la atributele blocului, specificând sursa de date și cheia pentru câmpul personalizat dorit.
  • Nicio cerință de UI pentru configurarea inițială: WordPress 6.5 se concentrează pe activarea acestor legături pe partea serverului, fără a necesita o interfață de utilizare imediată în editor. Această abordare permite dezvoltatorilor de teme să implementeze legături direct în HTML și permite surselor terțe să experimenteze această funcție.
  • Extensibil pentru cazuri de utilizare viitoare: în timp ce implementarea actuală acceptă în primul rând conectarea la câmpuri personalizate, dezvoltatorii au proiectat API-ul Block Bindings pentru extensibilitate viitoare. Îmbunătățirile planificate includ suprascrierea atributelor modelelor sincronizate și suport mai extins pentru diverse surse de date.

Cum funcționează Block Bindings?

  • Simplificarea integrării dinamice a conținutului: dezvoltatorii pot lega atributele blocurilor de surse de date specifice prin specificarea legăturilor în marcajul blocului. Această legare îi cere WordPress să preia datele corespunzătoare atunci când redă blocul, atât în ​​editor, cât și în front-end, pentru a reflecta cu acuratețe conținutul dinamic.
  • Blocuri și atribute acceptate: inițial, API-ul Block Bindings aprobă un grup selectat de blocuri și atribute de bază, cum ar fi conținutul pentru paragrafe și titluri sau adresa URL, alt și titlul pentru imagini. Această bază permite o gamă largă de aplicații de conținut dinamic, iar versiunile viitoare vor extinde suportul.
  • Îmbunătățirea experienței dezvoltatorului și utilizatorului: blocurile cu câmpuri conectate prezintă în editor o interfață numai pentru citire, similară blocurilor blocate. Această caracteristică asigură integritatea conținutului, oferind în același timp o indicație intuitivă a naturii dinamice a conținutului legat.

Așa cum Gutenberg încorporează meta-sursa post, dezvoltatorii pot introduce acum cu ușurință surse personalizate, cum ar fi myplugin/plugin-data. Includerea unui API public simplu permite înregistrarea diverselor surse de date, deschizând multe posibilități de personalizare și interactivitate îmbunătățite a blocurilor.

 register_block_bindings_source( 'myplugin/plugin-data', array( 'label' => _x( 'Plugin Data', 'block bindings source' ), 'get_value_callback' => 'my_plugin_block_bindings_plugin_data_callback', ) ); register_block_bindings_source( 'myplugin/plugin-data', array( 'label' => _x( 'Plugin Data', 'block bindings source' ), 'get_value_callback' => 'my_plugin_block_bindings_plugin_data_callback', ) );

De exemplu, pentru a afișa o valoare de câmp personalizat într-un bloc de paragraf, inserați un obiect „legături” în codul blocului, după cum urmează:

 <!-- wp:paragraph {"metadata":{"bindings":{"content":{"source":"myplugin/plugin-data","args":{"key":"plugin_key"}}}}} --> <p>Paragraph</p> <!-- /wp:paragraph -->

Mai multe despre legăturile bloc

  • Block Bindings Dev Note
  • Legături de blocuri Partea 1: Conectarea câmpurilor personalizate
  • Block Bindings Partea 2: Lucrul cu surse de legare personalizate

Conectarea legăturilor de bloc cu câmpuri personalizate


WordPress 6.5 transformă modul în care dezvoltatorii încorporează datele de câmp personalizate în blocuri de bază, cum ar fi butoane, anteturi, imagini și paragrafe, eliminând necesitatea de a crea blocuri personalizate. API-ul Block Bindings recent introdus permite o conexiune perfectă între atributele blocurilor și diverse surse de date, inclusiv câmpuri personalizate

Înainte de apariția WordPress 6.5, prezentarea valorilor câmpurilor personalizate în blocuri de bază, cum ar fi paragrafe sau imagini, nu era simplă. Dezvoltatorii au trebuit adesea să recurgă la crearea de blocuri personalizate în astfel de scopuri.

Pentru a folosi această caracteristică, activați câmpuri personalizate în editor navigând la Post Editor -> Opțiuni -> Preferințe -> General -> Avansat. Deși WordPress 6.5 nu oferă un control UI pentru legarea directă a valorilor câmpurilor personalizate, dezvoltatorii pot lega manual aceste valori pentru a bloca atribute folosind editorul de cod.

Post Editor Opțiuni în WordPress 6.5

Cu WordPress 6.5, acum puteți afișa genuri de cărți sau orice date de câmp personalizate chiar înainte de conținutul postării, folosind blocuri de bază, cum ar fi paragrafele. Introducerea API-ului Block Bindings facilitează acest lucru, permițând atributelor de bloc să preia date din câmpuri personalizate, o metodă anterior indisponibilă fără codare sau pluginuri suplimentare.

Pentru a începe, adăugați acest cod PHP la functions.php ale temei sau un plugin personalizat:

 add_action( 'init', 'book_register_meta' ); function book_register_meta() { register_meta( 'post', 'book_genre', array( 'show_in_rest' => true, 'single' => true, 'type' => 'string', 'sanitize_callback' => 'wp_strip_all_tags' ) ); }

Reveniți la postarea dvs. Redați postarea după cum doriți și adăugați un câmp personalizat.

Opțiuni de câmpuri personalizate în WordPress 6.5

După ce ați adăugat un câmp personalizat cu genul cărții dvs., va trebui să treceți la editorul de cod al postării. Aici, inserați un obiect „legații” în codul blocului dvs. pentru a lega câmpul personalizat de gen la blocul dvs. Iată cum arată un bloc de paragraf:

 <!-- wp:paragraph { "metadata": { "bindings": { "content": { "source":"core/post-meta", "args": { "key":"book_genre" } } } } } --> <p></p> <!-- /wp:paragraph -->

Observați că câmpul personalizat este acum afișat cu o evidențiere violetă în jurul casetei în modul de editare, atunci când este selectat. Acesta este modul în care va apărea în modul editor de cod:

Editor de postări WordPress în vizualizarea editorului de cod. În partea de sus se află codul necesar pentru a afișa câmpul personalizat cu o casetă roșie care apare în jurul lui pentru a demonstra unde îi aparține.

În cele din urmă, salvați și vizualizați postarea.

O săgeată indică de la câmpurile personalizate către punctul în care este afișat câmpul

În prezent, WordPress 6.5 acceptă legarea câmpurilor personalizate la anumite atribute ale următoarelor blocuri:

  • Paragraf: content
  • Titlu: content
  • Imagine: URL , alt și title
  • Buton: text , URL , linkTarget , rel

Pentru o explorare detaliată a integrării câmpurilor personalizate cu atribute de bloc, consultați Legături de bloc și Câmpuri personalizate – un exemplu (aproape) fără cod.

Revoluționarea interacțiunilor front-end cu API-ul de interactivitate WordPress 6.5

WordPress 6.5 anunță introducerea API-ului de interactivitate, o funcție care schimbă jocul, concepută pentru a standardiza modul în care dezvoltatorii adaugă elemente interactive la partea frontală a blocurilor lor WordPress. Acest nou API își propune să simplifice crearea unor experiențe bogate și captivante pentru utilizatori, oferind o metodă standardizată pentru implementarea funcționalităților, de la îmbunătățiri simple ale UI, cum ar fi contoare și ferestre pop-up, până la interacțiuni mai complexe, cum ar fi căutări instantanee, navigare dinamică și funcționalități de comerț electronic. cum ar fi cărucioarele și casele.

Consultați site-ul web demonstrativ wpmovies.dev pentru a vedea API-ul de interactivitate în acțiune.

Caracteristicile cheie ale API-ului de interactivitate

  • Cadru de interacțiune standardizat: Interactivity API stabilește o abordare uniformă pentru adăugarea de caracteristici interactive la blocuri, ajutând dezvoltatorii să evite inconsecvențele și problemele de compatibilitate folosind diverse biblioteci JavaScript sau cod personalizat.
  • Comunicare fără întreruperi cu blocuri: Unul dintre cele mai convingătoare avantaje ale API-ului Interactivity este capacitatea sa de a facilita comunicarea între blocuri. De exemplu, o acțiune de „adăugare în coș” într-un singur bloc poate actualiza fără efort conținutul unui bloc separat de „coș”, permițând o experiență de utilizator coerentă și sincronizată, fără complexitatea implicată în mod tradițional în gestionarea unor astfel de interacțiuni.
  • Implementare prietenoasă pentru dezvoltatori: introducerea acestui API nu modifică fluxul de lucru existent pentru crearea blocurilor. Dezvoltatorii declară compatibilitatea unui bloc cu API-ul de interactivitate prin intermediul proprietății de interactivitate din fișierul block.json. Această includere semnifică disponibilitatea blocului de a sprijini interactivitatea frontend.
  • Directive pentru interacțiuni dinamice: API-ul Interactivity folosește directive — atribute personalizate adăugate la blocarea marcajului — pentru a defini interacțiunile. Aceste directive, detaliate în fișierul render.php pentru blocuri dinamice, permit dezvoltatorilor să specifice interacțiunile care ar trebui să apară în DOM. De exemplu, directiva data-wp-interactive activează API-ul într-un element DOM, deschizând calea pentru ca alte directive să introducă interacțiuni specifice.
  • Utilizarea modulelor JavaScript: cu suportul WordPress 6.5 pentru modulele de script, blocurile concepute pentru a utiliza API-ul de interactivitate trebuie să înregistreze JavaScript folosind viewScriptModule în block.json. Acest lucru asigură că scripturile necesare sunt puse în coadă și gestionate corect.

Împuternicirea blocurilor cu funcționalitate interactivă

Implementarea API-ului Interactivity implică doi pași critici: adăugarea de directive la marcajul blocului dvs. pentru a defini interacțiunile dorite și crearea unui magazin pentru a găzdui logica care guvernează aceste interacțiuni. Directive precum data-wp-interactive pentru activarea zonei API, data-wp-on--click pentru gestionarea evenimentelor de clic și data-wp-bind--aria-expanded pentru modificările stării obligatorii ilustrează modul în care dezvoltatorii pot integra elemente interactive direct în structura HTML a blocurilor lor.

Magazinul, definit de obicei în fișierul view.js , reprezintă logica din spatele interactivității blocului, cuprinzând gestionarea stării, acțiunile și apelurile inverse. Această abordare structurată a definirii interactivității asigură dezvoltatorilor posibilitatea de a crea experiențe sofisticate, interactive, cu claritate și eficiență.

Mai multe despre API-ul de interactivitate

  • Propunere: API-ul de interactivitate – O experiență mai bună pentru dezvoltatori în construirea de blocuri interactive
  • Interactivitate API în 6.5
  • Anunț de îmbinare: API-ul de interactivitate

WordPress 6.5 îmbunătățește Block Hooks pentru o extensibilitate mai mare

WordPress 6.5 îmbunătățește semnificativ Block Hooks, un mecanism de extensibilitate introdus pentru prima dată în WordPress 6.4. Aceste actualizări sunt concepute pentru a injecta blocuri dinamice mai eficient în locații specificate, definite de un bloc „ancoră” și o poziție relativă, cum ar fi înainte sau după blocul de conținut post. Să ne aruncăm în actualizări și noile caracteristici care fac ca cârligele de bloc și mai versatile pentru dezvoltatori.

Îmbunătățiri cheie în cârligele de bloc

  • Asistență pentru machete modificate: Spre deosebire de versiunea inițială, cârligele de blocare în WordPress 6.5 pot funcționa acum în cadrul unor machete care au suferit modificări ale utilizatorilor. Această compatibilitate este automată, necesitând ajustări suplimentare de cod de la extensii. Personalizările utilizatorilor, cum ar fi mutarea sau ștergerea blocurilor agățate, sunt respectate, menținând integritatea deciziilor de proiectare a utilizatorilor.
  • Integrarea cu blocul de navigație: Această actualizare prezintă posibilitatea de a injecta blocuri agățate direct în blocul de navigație, fie ca primul sau ultimul copil. Această flexibilitate deschide noi posibilități de îmbunătățire a meniurilor de navigare, cum ar fi adăugarea unui coș de cumpărături sau un link de conectare/deconectare direct în structura meniului.

Caracteristici și filtre noi

  • Compatibilitatea machetei modificate: cârligele de bloc se adaptează la machete cu modificări ale utilizatorilor, asigurându -se că blocurile agățate se comportă așa cum este prevăzut, chiar și în setările personalizate.
  • Funcționalitate îmbunătățită a blocului de navigație: Blocurile agățate pot fi acum integrate perfect în blocul de navigație, îmbunătățind opțiunile de utilitate și personalizare.
  • Actualizare filtru hooked_block_types : cu posibilitatea de a gestiona obiectele WP_POST, în special pentru tipurile de post wp_navigation , dezvoltatorii câștigă mai mult control asupra locului și a modului în care sunt aplicate blocurile agățate, în special în blocul de navigare.

Noi filtre pentru control detaliat

WordPress 6.5 introduce două filtre noi, hooked_block și hooked_block_{$hooked_block_type} , oferind control granular asupra blocurilor agățate, inclusiv posibilitatea de a seta atribute, de a modifica blocuri interioare sau de a suprima complet blocul agățat. Aceste filtre iau în considerare, de asemenea, atributele blocului de ancoră, permițând ajustări ale atributelor pe baza proprietăților blocului de ancoră.

Comutatoare îmbunătățite ale panoului de inspectori de blocuri de pluginuri

Actualizări la bara laterală a inspectorului de bloc din editorul site -ului abordează problemele anterioare de utilizare cu comutatoare pentru blocuri agățate. Acum, comutatoarele persistă corect, îmbunătățind experiența utilizatorului atunci când gestionați blocurile agățate în panoul „plugin -uri”.

Sub capotă: menținerea personalizărilor utilizatorilor

Cârligele de bloc din WordPress 6.5 obțin o etapă tehnică semnificativă prin respectarea personalizărilor utilizatorilor. WordPress poate gestiona în mod inteligent blocurile agățate pe baza interacțiunilor de utilizator prin stocarea informațiilor despre tipurile de blocuri agățate într -un tablou ignoredHookedBlocks din atributul de metadate globale al blocului de ancoră.

Statistici cheie de performanță în WordPress 6.5

WordPress 6.5 introduce îmbunătățiri remarcabile ale performanței care eficientizează în mod semnificativ experiența utilizatorului:

  • Navigarea editorului site -ului : 6x mai rapid, permițând tranziții rapide între șabloane și piese pentru un flux de lucru mai ușor.
  • Răspuns de tastare : tastarea în cadrul editorului este cu 4x mai rapidă, reducând lag -ul de intrare pentru un proces de creare a conținutului perfect.
  • Timp de încărcare a editorului : Timpul de încărcare pentru editor sunt reduse la jumătate, cu o creștere de 2x a vitezei, facilitând accesul mai rapid la instrumentele de editare.

A fost introdusă o nouă bibliotecă de localizare mai eficientă, optimizarea livrării de traducere și îmbunătățind timpii de încărcare pentru conținut non-englez. Acest lucru asigură o experiență mai rapidă și mai receptivă pentru utilizatori la nivel global, subliniind angajamentul WordPress pentru accesibilitate și performanță.

Cerințe de versiune

Cerința minimă a versiunii MySQL WordPress 6.5 a crescut de la 5,0 la 5.5.5. Această actualizare garantează suportul utf8mb4 (introdus în MySQL 5.5.3) și stabilește InnoDB ca motor de stocare implicit, înlocuind Myisam (eficient din MySQL 5.5.5).

  • Php_codesniffer a fost actualizat la v3.8.1.
  • Phpmailer a fost actualizat la v6.9.1.
  • @wordpress/scripts Versiunea 17 a renunțat la suportul oficial pentru versiunile NODE.JS nemarcate. Cea mai veche versiune Node.js acceptată este acum Node.js 18.

Simplificarea dependențelor de pluginuri în WordPress 6.5

WordPress 6.5 Dependențe de pluginuri

WordPress 6.5 introduce un antet „necesită pluginuri”, permițând autorilor pluginului să specifice dependențele de pluginuri necesare. Această adăugare îmbunătățește claritatea și experiența utilizatorilor informând utilizatorii despre plugin -urile necesare, care acum pot fi instalate și activate cu ușurință din linkurile de depozitare a plugin -urilor WordPress.org.

  • Declarație de dependență directă : Autorii enumeră pluginuri necesare, simplificând procesele de instalare și activare.
  • Gestionare automată : pluginurile cu dependențe nesatisfăcute sunt împiedicate de activare și dezactivate automat dacă au dependențe nesatisfăcute, asigurând stabilitatea.

Scenariu de caz de utilizare

Imaginează-ți un utilizator care încearcă să activeze un plugin care îmbunătățește un coș de cumpărături, dar necesită un plugin specific de platformă de comerț electronic. Cu noul sistem, la încercarea de activare, WordPress notifică utilizatorul că pluginul platformei de comerț electronic este o dependență necesară care trebuie instalată și activată mai întâi, prevenind problemele potențiale ale funcționalității sau conflictele și ghidarea utilizatorului prin procesul de configurare perfect.

Citiți despre dependențele de pluginuri:

  • Proiect de caracteristici: dependențe de pluginuri
  • Anunțul de îmbinare: dependențe de pluginuri

WordPress 6.5 Îmbunătățiri pentru dezvoltare

WordPress 6.5 introduce actualizări esențiale care îmbunătățesc gestionarea scripturilor, controlul blocului și configurația temei, eficientizarea fluxurilor de lucru pentru dezvoltare și oferind o mai mare flexibilitate.

Module de script și API HTML

  • Module script API : acceptă module JavaScript moderne pentru o mai bună organizare a scriptului și optimizare a performanței.
  • Îmbunătățiri API HTML : Control DOM îmbunătățit pentru manipularea dinamică a conținutului, îmbogățirea capacităților interactive.

Îmbunătățiri bloc.json

  • Câmpul allowedBlocks : Specifică blocurile de copii permise în cadrul unui bloc părinte, asigurând consistența proiectării și capacitatea de utilizare în tiparele de bloc.

Tema.json Actualizări

  • Control îmbunătățit : oferă o configurație detaliată a temei prin JSON pentru stiluri, setări și caracteristici, ceea ce face ca dezvoltarea temelor să fie mai accesibilă și să reducă dependența de PHP.
  • Flexibilitatea proiectării : permite definițiile precise a stilului și ajustările setărilor tematice, îmbunătățirea coerenței vizuale și a experienței utilizatorului.

Directii viitoare

  • Modelul sincronizat înlocuiește amânare : inițial prevăzut pentru 6.5, această caracteristică a fost amânată din cauza modificărilor UX și a ajustărilor tehnice. (53705) și faceți eliminarea detaliilor de bază.
  • Personalizarea suprapunerii mobile a blocului de navigație întârziată : Planurile de îmbunătățire a controalelor receptive pentru suprapunerea mobilă a blocului de navigație au fost amânate la o versiune viitoare. Această caracteristică a urmărit să ofere personalizarea completă a aspectului meniului mobil. (Ediția 43852)
  • Extinderea vizualizărilor datelor : Mai multe detalii sunt furnizate pe problema Github #55083.
  • Temă nouă.json Instrumente : introducerea secțiunilor de stil și culori. Mai multe informații sunt disponibile pe numărul Github #57537.
  • Îmbunătățiri de compatibilitate PHP : 6.5 nu a inclus eforturi pentru îmbunătățirea compatibilității cu versiunile PHP 8.0, 8.1 și 8.2.
  • Dimensiuni implicite ale fontului în temă.json : discutat în GitHub Pull Solicitare #58409.
  • Rollback -uri automate de actualizare : Construirea pe fundația pusă în WordPress 6.3, sistemul implementează acum roluri pentru pluginuri care provoacă erori fatale PHP după actualizări automate. (Ediția 58281)

Angajarea cu WordPress 6.5: modelarea viitorului împreună

După cum concluzionăm, este demn de remarcat faptul că scufundarea în caracteristicile WordPress 6.5 și împărtășirea feedback -ului dvs. este mai mult decât o contribuție - este un parteneriat cu viitorul platformei. Jucați un rol crucial în rafinarea WordPress prin implicarea cu actualizările, asigurându -vă că rămâne un instrument robust pentru utilizatorii din întreaga lume. Înarmați cu ideile și experiențele noastre, să continuăm să împingem limitele a ceea ce poate face WordPress.