Tema Tove: prezentarea unei teme WordPress compatibile cu Full Site Editing

Hamilton, Hitchcock, Chaplin, Miyazaki: acele nume probabil îți amintesc de oameni celebri, mai ales când te gândești la sport și cinema.

Dar știai că au ceva de-a face și cu WordPress? Da, pe bune. Numai că nu este ceea ce crezi: Lewis Hamilton nu s-a hotărât să intre în web design WP după ce a pierdut titlul mondial din 2021 în ultima tură a ultimului Grand Prix.

Acestea fiind spuse, s-ar putea să devină psihopat din cauza asta (bună Alfred), dar ați ratat ideea. De fapt, acele 4 nume de familie celebre sunt și teme WordPress create de prolificul și creativul Anders Noren .

Bărbatul are peste 20 dintre ele în directorul oficial, iar astăzi ne vom concentra pe cel mai recent copil al său, numit Tove .

Numele este, de asemenea, asociat cu o celebritate – vom reveni la asta mai târziu – dar mai ales este strâns legat de o mică revoluție cu lansarea WordPress 5.9.

Numele său? Editare completă a site-ului (FSE). Recunoaște, mori să afli mai multe, nu-i așa? Lumini, cameră, acțiune: vino cu mine să descopăr Tove... și în același timp, și un pic de FSE, căci merg împreună!

Cele mai bune proiecte WordPress au nevoie de cea mai bună gazdă!

WPMarmite recomandă Bluehost: performanță excelentă, suport excelent. Tot ce ai nevoie pentru un început excelent.

Încercați Bluehost

Care este tema Tove?

Tove este o temă WordPress gratuită, multifuncțională, bazată în întregime pe blocuri utilizate de editorul de conținut WordPress (Gutenberg). A fost conceput pentru a se potrivi și a îndeplini cerințele proiectului de editare completă a site-ului, emis cu WordPress 5.9 (lansat pe 25 ianuarie 2022).

Lansat în septembrie 2021, Tove rămâne foarte confidențial la momentul scrierii acestui articol. Are „doar” peste 400 de instalări active, în principal dintr-un motiv simplu: poate fi folosit doar cu WordPress 5.9 sau cu una dintre cele mai recente versiuni ale pluginului Gutenberg.

Dintre particularitățile temei WordPress Tove, se remarcă următoarele puncte, după cum a subliniat dezvoltatorul acesteia, Anders Noren:

• Tove este foarte ușor în ceea ce privește codul , ceea ce este un real plus în ceea ce privește viteza de încărcare și experiența utilizatorului pe care o poate oferi.
• A fost conceput special pentru restaurante și cafenele , „dar puteți folosi Tove pentru orice tip de site doriți” , spune Noren. Tove se caracterizează și prin flexibilitatea sa.
• Tema Tove are aproximativ 40 de modele de bloc care pot fi adăugate cu un singur clic în paginile dvs. pentru a avea un antet și un subsol gata de utilizat, de exemplu.

Acest lucru îl face un subiect demn de studiu, știind că temele compatibile cu FSE nu sunt în prezent foarte răspândite în ecosistem.

Pe de o parte, veți găsi câteva care sunt create pe bază experimentală (Armando, Q, TT1 Blocks).

Pe de altă parte, veți întâlni teme care au luat decizia de a merge pe valul FSE înaintea celorlalți, precum Blockbase, Hansen sau Aino.

Ei bine, vorbesc despre editarea completă a site-ului, dar acest termen ar putea fi în întregime grecesc pentru tine. Pentru a vă ajuta să înțelegeți mai bine, vă voi oferi câteva sfaturi pe acest subiect fierbinte.

Ce este editarea completă a site-ului?

Proiectul Full Site Editing, disponibil cu WordPress 5.9, vă permite să creați și să editați întreaga structură a unui site (inclusiv antet, subsol, meniu și șabloane de pagină, nu doar conținutul acestuia) folosind blocurile editorului de conținut (Gutenberg).

După cum este detaliat în acest articol, elementele cheie gestionate de obicei de temă, cum ar fi antetul sau pagina 404, pot fi acum tratate folosind blocurile editorului de conținut, pe care le folosiți deja pentru a vă scrie postările, de exemplu.

Aceasta este o schimbare majoră, care aduce editorul de conținut WordPress mai aproape de modul în care funcționează un generator de pagini .

De asemenea, puteți consulta studiul nostru detaliat despre FSE și impactul acestuia asupra magazinelor tematice WordPress.

Acum știi totul despre FSE! Să continuăm cu accent pe dezvoltatorul temei Tove, Anders Noren.

Tema Tove: atingerea lui Anders Noren

Dacă urmăriți îndeaproape știrile WordPress, numele Anders Noren trebuie să sune cu siguranță.

Acest dezvoltator și designer web suedez din Stockholm a devenit faimos pentru temele sale WordPress, toate disponibile gratuit în directorul oficial.

În total, el oferă 22 dintre ele și au fost aproximativ 4 milioane de descărcări . Majoritatea sunt dedicate în principal blogging-ului, dar le poți găsi și pentru a crea un portofoliu sau un magazin online.
Adesea, ghidul este același: un aspect minimalist și curat.

Dincolo de asta, Noren contribuie și la dezvoltarea WordPress Core. Un exemplu? El a proiectat tema nativă Twenty Twenty, care vine cu WordPress 5.3 .

În mijlocul acestei mici armate de teme se află Tove, prima temă 100% compatibilă cu FSE creată de Noren. După această primă verificare a pulsului, este timpul să aruncăm o privire asupra acestei teme inovatoare.

Pentru cunoștință, numele Tove vine de la Tove Jansson, un scriitor, pictor și caricaturist finlandez cunoscut în principal ca autor de cărți pentru copii, potrivit Wikipedia. Ea a creat în special Moumines, o familie de troli albi.

Cum arată tema Tove?

Pe baza prezentării demo a temei Tove, putem vedea câteva caracteristici majore:

• Culorile pastelate si stralucitoare , cu o predominanta de roz, albastru si galben.
• Diferitele elemente din antet : pictograme care redirecționează către rețelele sociale, orele de deschidere (rețineți că tema este dedicată cafenelelor și restaurantelor) și chiar un buton de îndemn. Sigla este situată în centrul antetului.
• Imaginile sunt afișate pe tot ecranul.
• Blocuri de conținut dreptunghiulare și pătrate .
• Spații goale pentru a permite respirația și pentru a accentua partea aerisită.
• Utilizarea tipografiei „DM Sans” , geometrice și sans serif.

Demo-ul este acolo pentru a vă oferi un aspect vizual final al temei, dar puteți modifica caracteristicile de bază ale acesteia (culori, tipografie, tipuri de blocuri etc.) jucându-vă cu fiara.

Acesta este ceea ce ne vom concentra în partea următoare.

Alăturați-vă abonaților WPMarmite

Obțineți ultimele postări WPMarmite (și, de asemenea, resurse exclusive).

ABONEAZĂ-TE ACUM

Cum să personalizezi tema Tove pe WordPress?

Editor de site

După ce ați activat tema Tove, accesați Aspect > Editor. Editorul site-ului a sosit cu WordPress 5.9.

Aici puteți personaliza Tove, precum și orice alte teme bazate pe blocuri pe care le veți instala ulterior.

După cum puteți vedea, meniul Widgeturi a dispărut, la fel ca și cel de personalizare.

Totul se întâmplă acum pe acest renumit editor de site, care folosește blocurile Gutenberg pentru a crea și a alimenta toate zonele site-ului tău .

În mod implicit, ajungeți la un șablon „Index”, care listează toate publicațiile blogului dvs.

La început, ar putea fi puțin confuz. Veți vedea că totul poate fi acum editat magic. Pentru a aprecia acest lucru, treceți cu mouse-ul peste orice element din pagină.

Făcând clic pe acesta, veți ajunge la bara de instrumente a editorului de conținut, din care puteți face ajustări :

Șabloane

Pentru a facilita crearea de pagini standard, Tove oferă și 5 șabloane. Le puteți accesa făcând clic pe „Răsfoiește toate șabloanele”:

Printre aceste șabloane se numără următoarele:

• Postare unică , pentru a gestiona afișarea paginii de postare (imagine prezentată, metaetichete etc.).
• Page , pentru a aranja prezentarea unei singure pagini, așa cum ați face cu o postare.
• Index , pentru a personaliza organizarea paginii tale de Blog, cea care listează toate publicațiile tale.
• Pagina fără titlu , pentru a proiecta o pagină fără titlu.
• 404 , pentru a crea o pagină 404 personalizată.

Stiluri globale

Să rămânem la subiectul setărilor generale ale site-ului dvs. privind stilurile globale. Aceasta este o caracteristică nouă în WordPress 5.9 , pe care, desigur, o folosește tema Tove.

Cu aceste stiluri globale, acum puteți schimba culorile, tipografia, aspectul și chiar aspectul anumitor blocuri pe site-ul dvs., toate odată.

Nu mai trebuie să treceți prin procesul de modificare a fiecărui element unul câte unul, consumator de timp.

Practic, scopul este de a înlocui instrumentul de personalizare, oferind un loc pentru a gestiona toate setările de temă și de stil.

Pentru a accesa această opțiune și a schimba aspectul vizual al lui Tove – este posibil ca culoarea roz să nu se potrivească în ghidul tău de stil –, dă clic pe butonul mic din partea de sus, din dreapta barei de instrumente a editorului site-ului:

De acolo, puteți gestiona setările diferitelor elemente, cum ar fi selecția culorilor. Puteți chiar să vă creați propria paletă, dacă doriți.

Stiluri de bloc

Vrei să treci peste un element la un moment dat? Fiecare bloc separat? Este posibil și cu tema Tove, care oferă câteva stiluri de bloc personalizate.
Pentru a le descoperi, trebuie doar să faceți clic pe blocul la alegere.

În funcție de blocul selectat, vor fi sugerate unul sau mai multe stiluri . De exemplu, blocul „Citat” oferă un stil „Plain” și unul „Large”, care modifică dimensiunea fontului:

Blocul „Imagine” oferă două opțiuni de stil: „Rotunjit” sau „Umbrit”.

Modele de bloc

În sfârșit, știți că cu tema Tove, puteți crea conținutul paginilor și postărilor dvs. de la zero, datorită adăugării de modele de bloc.

Acestea sunt secțiuni de conținut gata de utilizare, formate din mai multe blocuri Gutenberg . Le poți adăuga foarte ușor la conținutul tău, făcând clic pe fila „Modele” din editorul de conținut WordPress.

Modelele au fost introduse cu WordPress 5.5. Pentru informarea dumneavoastră, pe lângă editorul de conținut, le puteți găsi și într-un anume director de pe site-ul oficial WordPress. Pentru a le folosi, trebuie doar să copiați și să lipiți modelul de bloc care vă interesează direct în editorul de conținut.

Anders Noren oferă aproape 40 de modele de bloc pe tema Tove. Ele sunt împărțite în 7 categorii:

• Îndemn la acțiune , cu 2 șabloane pentru a crea un îndemn orizontal sau vertical.
• Blog , pentru a personaliza afișarea paginii dvs. de Blog, mai ales ca grilă sau listă (5 șabloane în total).
• Antet , care oferă 6 șabloane de antet diferite.

• General , unde veți găsi 11 șabloane pentru a afișa mărturii, tabele de prețuri, bannere informative și alte pictograme de rețele sociale.
• Hero , care include 4 șabloane pentru a afișa un fundal, un titlu, butoane și un text.
• Restaurant , cu 8 șabloane gata de utilizare special pentru restaurante: meniu, program, informații practice, buton de rezervare.

• Subsol , cu 7 șabloane pentru a vă personaliza subsolul, inclusiv credite și aspect (cu coloane, de exemplu).

Ei bine, acum știi cum să manipulezi și să personalizi Tove. Înainte de a trece mai departe, iată sentimentul meu despre gestionarea acestei teme.

În general, tema Tove este ușor de utilizat, ceea ce reprezintă un mare avantaj. Deși va trebui să te obișnuiești la început cu editorul de site WordPress – mai ales pentru cei care citesc acest articol la începutul lui 2022 – vei înțelege rapid, mai ales dacă cunoști deja editorul de conținut.
Te-ai înțeles să folosești blocuri? Atunci Tove nu va avea niciun secret pentru tine.

În cele din urmă, pentru a închide această parte despre personalizarea temei, știți că puteți cupla Tove cu un generator de pagini.

Totuși, nu este scopul original al temei, deoarece a fost concepută pentru a fi utilizată cu editorul de site WordPress. Dar nimic nu te împiedică să-l folosești ca punct de plecare prin cuplarea lui cu un Elementor, de exemplu.

Construiește-ți site-ul web cu Elementor

Proiectați cu ușurință aspectul site-ului dvs. WordPress cu celebrul generator de pagini. Încearcă Elementor

Încearcă Elementor

Încă concentrat? Apoi, să trecem la următoarea parte a articolului, acoperind mai multe subiecte care ar trebui să te intereseze.

Performanță, SEO, responsive: zoom pe 3 aspecte majore

Performanța temei WordPress Tove

Primul aspect pe care webmasterii tind să se concentreze – și pe bună dreptate – este viteza de încărcare a site-ului lor.

Acesta este, evident, ceva de luat în considerare cu atenție, deoarece are un impact asupra experienței utilizatorului , cu atât mai puțin asupra SEO, contrar credinței populare.

Mai mulți factori pot modifica viteza de încărcare a paginilor site-ului dvs.: greutatea imaginilor dvs., pluginurile pe care le utilizați, gazda dvs. web, versiunea dvs. de PHP etc.

Printre acestea, se numără și tema ta. Cu cât este mai ușor și mai bine codificat, cu atât este mai probabil să aveți un site rapid.

În acest sens, Tove este un elev excelent. Nu este supraîncărcat cu elemente inutile și, așa cum se spune pe pagina sa de prezentare, deoarece este construit în jurul proiectului Full Site Editing, Tove rămâne „simplu și subțire. Chiar subțire. Tema cântărește puțin peste 200 de kiloocteți, iar majoritatea acelor octeți provin din ilustrațiile substituenților și din captura de ecran a temei” .

Acesta este ceea ce veți observa dacă testați demonstrația temei pe un instrument de măsurare a performanței precum WebPageTest.

Apropo, dacă site-ul tău rămâne puțin în urmă, profită de ocazie pentru a-i da un mic impuls activând excelentul plugin premium WP Rocket (link afiliat) de exemplu.

SEO

Sunteți îngrijorat de viteza de încărcare a paginilor dvs.? Apoi, în calitate de creator de site conștiincios, cu siguranță trebuie să vă faceți griji pentru SEO.

Este adevărat că clasarea bună a conținutului tău pe prima pagină a rezultatelor motorului de căutare este crucială pentru a obține mai mult trafic, și tot ceea ce vine cu el (vânzări, descărcări, abonamente la newsletter, completare formulare, cerere de cotație etc.).

Pentru ca o pagină să se claseze corect pe Google și altele, trebuie schematic:

• Lucrați la conținutul site-ului dvs. în jurul interogărilor țintă (cuvinte cheie).
• Obțineți link-uri de pe alte site-uri (cele celebre backlink-uri).
• Ai grijă de arhitectura site-ului tău .

O temă bine codificată, respectând bunele practici SEO, vă va permite să începeți pe baze solide, cum este cazul temei Tove.

Pentru a vă gestiona SEO pe site (optimizare de conținut), nu veți avea opțiuni specifice cu tema lui Anders Noren.

În editorul de conținut WordPress, veți putea să alegeți etichetele de titlu (h1, h2, h3, h4, h5) la alegere și să le aplicați corect diferitelor dvs. titluri.

În rest, vă recomand să utilizați un plugin SEO general precum Yoast SEO. Nu vă va face să câștigați automat poziții în paginile cu rezultatele căutării.

Cu toate acestea, vă va asigura că puteți configura corect unele aspecte cheie ale SEO, cu condiția să o faceți în mod corect.

Pentru asta, accesează ghidul nostru despre cel mai faimos plugin SEO, pe blogul WPMarmite.

Receptiv

Să ai grijă de performanța site-ului tău și de SEO este grozav. Dar nu explodați cu un site care nu este compatibil cu dispozitivele mobile. Cu cuvinte exacte, numim acest lucru „reactiv proiecta".

Din nou, acesta este ceva de care trebuie să aveți grijă cu adevărat, mai ales dacă majoritatea vizitatorilor dvs. vin pe site-ul dvs. WordPress cu un smartphone sau o tabletă.

Sfat: pentru a afla ce tip de dispozitiv folosesc vizitatorii dvs., accesați Google Analytics: Public > Mobil > Prezentare generală.

Anders Noren nu este un fan al marketingului agresiv pentru a-și promova temele, așa că nu vei întâlni inserții mari pompoase pe pagina de prezentare a temei care să ateste că Tove este receptiv.

În zilele noastre, orice temă WordPress care se respectă trebuie să fie în mare măsură receptivă, chiar dacă probabil va trebui să faci unele ajustări din partea ta pentru a te asigura că totul este corect.

În marea majoritate a cazurilor, temele WP pe care le veți găsi în directorul oficial sunt receptive în mod implicit.

Pentru a asigura acest lucru manual, puteți proceda în două moduri:

1. Îngustează fereastra browserului la stânga sau la dreapta , pentru a verifica dacă conținutul se potrivește corect, unul sub celălalt. Pentru Tove, așa este: totul este afișat impecabil pe măsură ce fereastra se îngustează.
2. Utilizați un instrument gratuit oferit de Google : Testul de compatibilitate cu dispozitivele mobile. Pentru a proceda corect, am pus la încercare pagina demo a lui Tove. Google nu a găsit nimic în neregulă cu el:

Iată-ne: receptivi, SEO și performanță, am terminat cu această parte grea. Din moment ce am ajuns la finalul revizuirii acestei teme, vorbim despre proiectul de lege?

Preț Tove și suport pentru utilizatori

Cu Tove, nu există surprize și costuri ascunse când vine vorba de prețuri: este 100% gratuit , la fel ca și restul temelor concepute de Anders Noren.

Este întotdeauna frumos, dar știi, tema gratuită înseamnă suport redus.

Ei bine, da, nu poți avea totul în viață. În cazul în care rămâneți blocat sau aveți o problemă tehnică cu Tove, nu veți avea asistență dedicată utilizatorilor.

Puteți încerca oricând să postați cererile dvs. pe forumul de asistență publică Tove. Și iată vestea bună: veți observa că Anders Noren este destul de reactiv și răspunde la întrebările care i se pun , de cele mai multe ori.

Acestea fiind spuse, în practică, majoritatea problemelor pe care le puteți întâlni vor avea de-a face cu editorul de site WordPress, nu neapărat cu Tove, care se bazează pe acesta.

Și pentru asta, nu există o rețetă minune: va trebui să exersezi să îmblânzești animalul și să-l stăpânești ca un șef .

Întrucât Editarea completă a site-ului este un proiect recent – ​​bazat pe momentul scrierii – poate fi necesar să citiți subiectul pentru a înțelege toate subtilitățile.

Pentru aceasta, Noren recomandă site-ul Carolinei Nymark, colaborator la WordPress Core: fullsiteediting.com.

Opinia noastră despre tema Tove

Ei bine, iată-ne. Degustarea Tove s-a terminat. Este timpul să digerăm toate acestea și să facem un debrief. Să rezumăm tot ce am trecut de la începutul acestei postări.

Prin îndeplinirea cerințelor proiectului Full Site Editing, Tove este o temă de pionierat WordPress. În acest moment, majoritatea magazinelor și alți designeri de teme nu au ajuns din urmă cu ceea ce reprezintă viitorul creării și editării site-urilor cu WP.

Simplu de manevrat, plăcut și ușor de utilizat fără codare , Tove este o temă care pare în mod natural destinată începătorilor.

Într-adevăr, se poate potrivi cu acest tip de profil, mai ales dacă sunteți în catering și doriți să creați un blog sau un simplu site web de prezentare, dar mie mi se pare mai potrivit pentru persoanele care cunosc deja WordPress și editorul său de site .

De fapt, chiar dacă modelele de bloc vă permit să adăugați cu ușurință șabloane gata de utilizat în paginile dvs., nu uitați că va trebui să modelați designul și arhitectura paginilor cheie (Blog, 404 etc. .).

Mai mult, dacă îl comparăm cu alte teme celebre din directorul oficial, Tove rămâne mult mai lejer în ceea ce privește opțiunile de personalizare (ceea ce este logic pentru că nu este scopul lui).

Așadar, un web designer începător se va simți cu siguranță mai confortabil cu teme care îl ghidează de la A la Z și care sunt pline de șabloane și alte opțiuni de stil precum Astra, GeneratePress, Kadence sau Blocksy.

În orice caz, Tove este conectată la viitor . Ar trebui să continue să se extindă odată cu dezvoltarea FSE și poate deveni o temă obligatorie în următoarele luni. De urmărit îndeaproape, atunci.

Descărcați tema Tove:

Ce crezi despre asta? Intenționați deja să optați pentru tema FSE și Tove?

Aștept răspunsurile voastre în comentariile de mai jos.