Noua temă Twenty Twenty în WordPress 5.3

Publicat: 2019-12-20

Cu câteva săptămâni în urmă a fost lansată noua versiune de WordPress. WordPress 5.3 se caracterizează, în principal, prin toate îmbunătățirile UX și UI pe care le include în editorul de blocuri și prin noua sa temă implicită.

Twenty Twenty a fost proiectat având în vedere editorul de blocuri WordPress . În postarea de astăzi aș dori să vă prezint pe scurt noua temă, să vă împărtășesc câteva dintre lucrurile care o fac specială și să vă învăț cum o puteți configura și adapta nevoilor dumneavoastră.

Douăzeci și douăzeci dintr-o privire

Cu fiecare nouă actualizare WordPress , editorul de blocuri face un salt calitativ înainte (nu uitați că editorul în sine se află într-o dezvoltare foarte activă și disponibil ca plugin). Scopul final al lui Gutenberg este să devină un generator de pagini complet, ușor de utilizat, care să permită utilizatorilor să-și proiecteze și să-și structureze site-urile web așa cum doresc.

Noua temă Twenty Twenty în WordPress
Noua temă WordPress Twenty Twenty.

Responsabilitatea unei teme WordPress este de a adăuga o oarecare personalitate structurii și designului creat de utilizator în editorul de blocuri. După cum a fost definit de creatorul temei:

Twenty Twenty este proiectat cu flexibilitate la bază. Dacă doriți să îl utilizați pentru o organizație sau o afacere, puteți combina coloane, grupuri și media cu aliniamente largi și complete pentru a crea machete dinamice pentru a vă prezenta serviciile sau produsele. Dacă doriți să îl utilizați pentru un blog tradițional, coloana de conținut centrată îl face perfect și pentru asta.

Anders Noren

Un fapt interesant despre noua temă implicită WordPress este că, spre deosebire de predecesorii săi, nu a fost creată de la zero – se bazează pe o temă care exista deja în depozitul WordPress.org: Chaplin .

Imagine promoțională a temei Chaplin.
Imagine promoțională a temei Chaplin pentru WordPress.

O altă caracteristică care distinge Twenty Twenty este tipografia cu care vine, Inter, proiectată de Rasmus Andersson. Este un tip de literă liber și deschis creat pentru a facilita citirea textului, mai ales atunci când dimensiunea fontului este foarte mică.

Captură de ecran a paginii de start a lui Inter (un tip de literă deschis).
Inter este tipografia implicită care vine cu Twenty Twenty.

Cum se instalează noua temă Twenty Twenty

După cum am menționat deja, această temă este noua temă implicită în WordPress 5.3. Prin urmare, dacă creați o nouă instalare WordPress și utilizați cea mai recentă versiune a acesteia, tema va fi deja acolo.

Tema Twenty Twenty este tema implicită în WordPress 5.3
Tema Twenty Twenty este tema implicită în WordPress 5.3.

Dar este posibil să îl instalați și în versiunile anterioare ale WordPress . Mergeți doar la Aspect » Teme » Adăugați noi și căutați tema „Twenty Twenty”:

Twenty Twenty este deja inclus în WordPress 5.3
Twenty Twenty este, ca orice altă temă, extrem de ușor de instalat.

Rețineți că tema a fost concepută având în vedere Gutenberg , așa că vă recomand să o utilizați numai dacă vă creați conținut cu editorul de blocuri.

Cum să personalizați Twenty Twenty

Tema este ușor de personalizat din personalizarea temei încorporată din WordPress. Faceți clic pe Aspect » Personalizare și veți vedea toate opțiunile disponibile:

Personalizarea Twenty Twenty în WordPress
Personalizarea Twenty Twenty în WordPress.

Sunt sigur că ești deja familiarizat cu majoritatea setărilor disponibile, așa că haideți să aruncăm o privire mai atentă la cele care cred că sunt cele mai interesante. Unul dintre primele lucruri pe care le-aș modifica personal în Twenty Twenty este paleta sa de culori, pentru că nu-mi place tonul sepia pe care îl folosește implicit. În schimb, aș folosi ceva mai alb:

Twenty Twenty schema de culori implicită
Twenty Twenty schema de culori implicită.

Post Apariție

În mod implicit, aspectul postărilor de pe blog este sobru și elegant. După cum puteți vedea în următoarea captură de ecran, titlul apare lângă câteva meta informații (autor, data publicării, categorie), toate afișate vizibil și foarte clar:

Vedere implicită a unei postări din Twenty Twenty
Vedere implicită a unei postări WordPress în Twenty Twenty.

Și imediat după titlu vine imaginea prezentată, care se îmbină mai mult sau mai puțin cu conținutul.

Dacă nu utilizați imagini prezentate (sau le folosiți numai din când în când), această vizualizare implicită este probabil cea mai bună. Dar dacă folosiți imagini prezentate în toate postările dvs., vă recomand să schimbați șabloanele postărilor dvs. în șablon lățime completă :

Șabloane de pagină și postare disponibile în temă
Șabloane de pagină și postare disponibile în temă.

Cu acest șablon, imaginea prezentată devine și mai relevantă și este îmbinată cu titlul și metadatele postării. După cum puteți vedea, imaginea va lua prima îndoire complet:

Șablon cu imaginea prezentată folosind prima pliare complet
Șablon cu imaginea prezentată folosind prima pliare complet.

care este o caracteristică pe care o găsesc destul de îngrijită (nicio surpriză aici, deoarece este destul de aproape de ceea ce folosim în propriul nostru site, nu?)

Meniuri

Un alt lucru care îmi place la temă este că vă permite să creați mai multe meniuri, în funcție de stilul care vă place cel mai mult. Pe de o parte, putem alege între două opțiuni de meniu pentru desktop:

  • Meniu orizontal . Este meniul afișat în toate capturile de ecran anterioare. Opțiunile sunt întotdeauna vizibile în bara de sus a site-ului dvs.
Meniuri diferite în tema Twenty Twenty
Meniuri diferite în tema Twenty Twenty.
  • Meniu extins . Este un „meniu ascuns”. Pentru a-l dezvălui, trebuie pur și simplu să faceți clic pe pictograma puncte suspensie (lângă meniul anterior), iar meniul extins va glisa din colțul din dreapta:
Meniu tematic extins Twenty Twenty
Meniu tematic extins Twenty Twenty.

O altă performanță destul de drăguță este meniul social. Cu acesta, putem adăuga link-uri către rețelele noastre sociale, iar tema va afișa automat fiecare profil ca un buton cu pictograma rețelei sociale în cauză:

Meniul social al temei Twenty Twenty
Meniul social al temei Twenty Twenty vă permite să adăugați link-uri către rețelele dvs. sociale și să apară automat cu pictogramele corespunzătoare.

Acesta nu este ceva nou pentru această temă (a fost disponibil de ceva vreme, acum, în toate temele de douăzeci și ceva de ani), dar încă îl iubesc oricum.

Widgeturi și căutare

În cele din urmă, merită menționat și zonele widget pe care tema le include. Din păcate, opțiunile pe care le avem aici sunt destul de limitate: puteți adăuga widget-uri doar în subsol. Deci, dacă ai vrut să ai o bară laterală în blogul tău sau ceva asemănător, mă tem că va trebui să creezi o temă copil și să adaptezi șabloanele la nevoile tale.

Twenty Twenty vine cu două zone widget în subsol, care corespund celor două coloane pe care le vedeți în captură
Twenty Twenty vine cu două zone widget în subsol, care corespund celor două coloane pe care le vedeți în captură.

În ceea ce privește capabilitățile de căutare încorporate ale WordPress, tema include un formular rapid pentru a căuta lucruri pe blogul tău. Există un buton în meniu cu o pictogramă Căutare. Faceți clic pe el și caseta de căutare va apărea în partea de sus a ecranului prin JavaScript:

Caseta de căutare dinamică include în Twenty Twenty
Caseta de căutare dinamică include în Twenty Twenty.

rezumat

Tema Twenty Twenty este următorul pas în seria Twenty care vine cu fiecare versiune nouă de WordPress. Nu aș spune că este o temă revoluționară, dar în opinia mea este o temă foarte elegantă, care se integrează perfect cu noile funcții și capabilități ale WordPress. Dacă te gândești să faci upgrade la o nouă temă și nu știi pe care să o folosești, dă o șansă lui Twenty Twenty. Este rapid și arată foarte bine.

Imagine prezentată de Ankhesenamun 96 pe Unsplash.