Design-ul și o parte din funcționalitatea unui site WordPress sunt date de temă. Tema GeneratePress este creată de Tom Usborne, un programator care lucrează cu WordPress de la 11 ani. LOL!

După ce a lucrat pentru sute de clienți ca freelancer, s-a hotărât să dezvolte tema GeneratePress ca bază pentru site-urile web ale clienților. Și a considerat că îi poate ajuta pe membrii comunității WordPress dacă o oferă gratuit. Surpriza a venit când numărul de descărcări a început să crească și oamenii i-au cerut funcționalități suplimentare.

Atunci s-a hotărît să creeze câteva plugin-uri premium, care acum sunt 14. Acestea pot fi achiziționate în pachetul GP Premium la un preț modic de 49,95 dolari în primul an, cu reducere 40% la actualizarea anuală. Pluginurile premium permit personalizarea temei fără să știi cod CSS.

Ce oferă tema GeneratePress?

Tema GeneratePress are peste 1000 review-uri de 5 stele, și mi-a sărit în ochi în librăria de teme. Deoarece multe persoane mă întreabă care este cea mai bună temă gratuită, încerc să le găsesc pe cele mai bune.

Pentru mine, cele mai bune înseamnă să respecte standardele WordPress în programare și să ofere în personalizator (customizer) suficiente caracteristici utile pentru începători.

Securitate și performanță

Un site realizat cu WordPress presupune coexistența temelor și pluginurilor fără ca acestea să intre în conflict. Standardele de programare impuse de comunitatea WordPress nu de mult timp, face acest lucru posibil. Alinierea la standarde asigură securitatea și o încărcare rapidă a site-ului.

Tema GeneratePress ține cont de aceste aspecte și este realizată cu responsabilitate. De aceea se încarcă rapid, are cod optimizat și este construită cu gândul la performanță. Firesc că este compatibilă 100% cu cele mai importante pluginuri: WooCommerce, WPML, BuddyPress și bbPress.

Uzabilitate

Uzabilitatea (en. usability) reprezintă modul facil de a utiliza un sistem sau produs. În cazul unui site web, uzabilitatea reprezintă cât de ușor este utilizată o interfață, atât în zona publică cât și în cea de administrare. Aceasta vine tot din standardizare. Cu cât o interfață se aliniază la standarde, cu atât este mai predictibilă și mai ușor de folosit de către utilizatori.

Tema GeneratePress ține cont de acest lucru și interfața este gândită pentru a fi ușor de navigat și de utilizat.

Adaptabilă pe orice dispozitiv

În 2020,  site-urile din România sunt accesate, în medie, peste 55% de pe mobil. Restul de accesări se fac de pe tabletă, notebook-uri cu ecrane mai mici, și apoi de pe laptop și desktop.

Asta înseamnă că site-ul tău trebuie să poată fi ușor de utilizat de pe orice dispozitiv, adică să fie adaptabil (en.responsive).  Tema GeneratePress este adaptabilă, deoarece are un sistem propriu de grilă CSS (en. grid). Uite un exemplu:

<div class="grid-33 tablet-grid-50 mobile-grid-100">

Documentație temă și forum activ

Când folosești o temă ai momente când dorești să știi cum poate fi utilizată, modificată, cum este creat sistemul responsive etc. De multe ori, studiul funcționalității sau al codului ia mai mult timp decât îl ai la dispoziție și atunci accesezi documentația.

Documentația pentru tema GeneratePress are pagină proprie și o casetă de căutare generoasă. Articolele din baza de cunoștințe sunt pentru utilizarea pluginurilor premium. În forumul de pe site se răspunde destul de rapid și complet ceea ce e de real ajutor.

Pentru tema gratuită poți accesa forumul temei. Și acolo se răspunde destul de repede. Eventual citești problemele altora și rezolvi problema ta.

Alte caracteristici

• Programatorii pot folosi tema ca bază în dezvoltarea site-urilor pentru a economisi timp. Aceasta are o serie de filtre și hooks care ajută în acest sens.
• Tema este compatibilă cu modulele de traducere și poate fi folosită și pentru scrierea de la dreapta la stânga (RTL), cum este limba arabă.
• Localizarea temei este realizată în 20 de limbi, printre care și limba română.
• Codul HTML este 100% valid și integrat cu schema.org, ceea ce ajută mult SEO
• Are opțiuni ce folosesc WordPress Customizer nativ
• Pachetul Font Awesome este integrat direct în codul temei și poți utiliza iconițele unde dorești
• Are implementat standardul WCAG 2.0 pentru accesibilitatea site-ului de către persoane cu dizabilități ce nu pot accesa în mod normal un site web (nevăzători)

Ce facilități ai, ca utilizator, în tema GeneratePress

După ce ai instalat și activat tema, e timpul să o personalizezi. Modificările le poți face din Aspect->Personalizare. Aici găsești mai multe secțiuni, fiecare dedicată unei părți din aspectul paginii.

Identitate sit – în această secțiune ai Titlu sit, Slogan, Logo și Icon sit. Poți activa sau dezactiva aceste elemente foarte ușor.

Aranjament – secțiunile sunt:

• Container – de unde poți modifica lățimea întregului site
• Antet – poți modifica Lățime antet, Lățime interior și Aliniere antet
• Navigare primară (meniu) – Lățime navigare, Lățime interior, Locație navigare, Aliniere, Căutare
• Bare laterale – aici ai opțiuni pentru pagini, articole și categoriile din blog
• Subsol – cu opțiunile Lățime subsol, Lățime interior, Piese în subsol, Buton reîntoarcere
• Blog – poți modifica Conținut articol blog cu opțiunile Afișare articol complet și Afișare rezumat

Culori –  de unde poți modifica Culoare fundal, Culoare text, Culoare legătură, Culoare legătură cu trecere peste (Hover), Culoare legătură vizitată

Tipografie – poți modifica Famile font – Google, Greutate font, Transformare text, Mărime font, Înălțime linie paragraf, Margine paragraf

Meniuri – se afișează Locații meniu și meniurile personalizate dacă există

Piese – tema vine cu zone pentru:

• Antet – în dreapta, pe aceeași linie cu logo,
• Bară subsol – pe aceeași linie cu Copyright și
• Bară sus – deasupra logo

Pagină din față statică – similar cu cea din Setări->Afișare,  de unde se poate alege ca pe prima pagină să se deruleze articolele sau se poate alege o pagină statică. De asemenea, permite alegerea unei pagini pentru Home și o pagină specifică pentru Blog.

CSS Suplimentar – casetă unde se poate scrie cod CSS pentru diverse modificări de afișare personalizate.

Sub această casetă există câmpul Lățime media în care se poate introduce mărimea în pixeli a imaginii de lățime completă. Implicit, lățimea este de 1200px. Dacă modifici lățime Container, atunci este indicat să modifici și aici lățimea.

Opțiunea Începe nou îți dă posibilitatea să nu folosești CSS-ul temei pentru codul personalizat.

Ai și opțiunea Preprocesor, unde poți alege să fie LESS sau SAAS

Sper că ți-am incitat interesul și la următorul tău proiect WordPress o să încerci tema GeneratePress.