Widget Options: Opțiuni de afișare a pieselor — Add Context To WordPress Widgets

Widget Options: Opțiuni de afișare a pieselor — Add Context To WordPress Widgets

Sunt situații în care doriți să schimbați opțiunile de afișare a pieselor (widgets) din sidebar. Un exemplu clasic este cel al reclamelor. O anumită reclamă pentru desktop (deci rezoluție mare) și o alta pentru mobile (spațiu limitat de afișare). Dar nu numai. Modulul Widget Options – Add Context To WordPress Widgets de Widget Options Team oferă cele mai multe opțiuni de setare a afișării pieselor pe WordPress.

Instalarea modulului Widget Options

1. Te autentifici ca administrator pe site

2. Caută în meniul din stânga Module sau Plugins (dacă site-ul este setat în engleză), de acolo accesează Adaugă Modul (Add Plugin).

schedule-maintenance-mode-wordpress-1

3. În câmpul de căutare scrie: Widget Options – Add Context To WordPress Widgets

add-context-to-wordpress-widgets-wordpress-1

4. Instalează apoi activează

add-context-to-wordpress-widgets-wordpress-2

5. După activare setările modulului vor putea fi accesate din Setări

add-context-to-wordpress-widgets-wordpress-3

Opțiunile și setările modulului Widget Options

Dacă accesați setările modulului din meniul Setări veți intra în interfața de administrare. Sunt mai multe module activate, altele (mai puțin importante) neactivate și o zonă de module accesibile doar în varianta profesională a modului, deci contra cost. Totuși versiunea gratuită acoperă în mare parte necesitățile unui site obișnuit.

Opțiuni oferite gratuit:

add-context-to-wordpress-widgets-wordpress-4

Opțiuni contra cost:

add-context-to-wordpress-widgets-wordpress-5

Cum folosim modulul Widget Options

După instalare și eventul setarea diverselor componente (pentru majoritatea utilizărilor nu sunt necesare setări suplimentare), modulul Widget Options va adăuga tututor pieselor o zonă de setare specifică:

add-context-to-wordpress-widgets-wordpress-6

Să le luăm pe rând:

Visibility

Este tabul implicit activ, cel care are ca icon un ochi deschis. Din această secțiune puteți ascunde (sau face vizibil) piesa dorită în funcție de diverse criterii:

Misc – sunt listate paginile implicite: prima pagină, blogul, arhiva, pagina de erori, pagina de căutare

add-context-to-wordpress-widgets-wordpress-7

Post Types – sunt diversele tipuri de pagini și articole, livrate de tema instalată sau făcute custom

Vezi: Cum se creează o pagină personalizată în WordPress

add-context-to-wordpress-widgets-wordpress-8

Taxonomies – diverse tipuri taxonomice: categorii, blog, etichete

add-context-to-wordpress-widgets-wordpress-9

Devices

Setările făcute anterior se pot combina cu cele de vizibilitate pe diverse deviceuri: desktopuri, tablete și mobile.

add-context-to-wordpress-widgets-wordpress-10

Este o opțiune bună pentru reclame.

Alignment

Alinierea piesei poate fi: default, center, left, right și justify.

add-context-to-wordpress-widgets-wordpress-11

Roles

Iată o setare interesantă. Puteți face piesa vizibilă doar pentru utilizatorii logați nu și pentru vizitatori.

add-context-to-wordpress-widgets-wordpress-12

Class, ID & Logic

Alte câteva mici setări:

Misc – se afișează sau nu titlul piesei

Class & ID – se poate seta pe piesă o clasă sau un id special

Logic – necesită cunoștințe mai avansate. Puteți face piesa vizibilă doar pe prima pagină folosind: is_home(), sau doar în pagini is_page()

Vezi: Conditional Tags

add-context-to-wordpress-widgets-wordpress-13

Explicații video

 

 

 

Schedule Maintenance Mode – Programarea modului de întreținere

Schedule Maintenance Mode – Programarea modului de întreținere

Schedule Maintenance Mode permite realizarea și publicarea rapidă unui mesaj simplu de: site în lucru, site în mentenanță, revenim pe date de… și alte mesaje asemănătoare.

Dacă aveți un site pe WordPress în lucru, sau doriți să-i suspendați activitatea o perioadă scurtă de timp (pentru diverse operații pe site, sau – în cazul unor magazine online – să-l închideți în afara orelor de program), atunci cu siguranță v-ați lovit de necesitatea de a putea afișa un mesaj de „întreținere” sau „în lucru” personalizat.

Modulul Schedule Maintenance Mode de la Geek Web Solution oferă câteva funcționalități utile.

Descriere

Modulul Schedule Maintenance Mode vă permite să creați rapid o pagină cu un mesaj personalizat de tip „întreținere site”, „revenim mâine”, „site în lucru”, „deschiderea magazinului va avea loc pe data de…” și altele asemănătoare. Caracteristic acestui modul este posibilitatea de a seta data și ora de început și de sfârșit a perioadei de afișare a mesajului.

Flosind modulul puteți seta din timp data și ora la care site-ul va fi făcut public, adică pus online. Precizez că mesajul este vizibil doar pentru vizitatorii nelogați. Administratorii și, în general, utilizatorii logați pot vedea site-ul în întregime. Această funcționalitate vă permite să „ascundeți” site-ul până la publicarea lui deplină.

Astfel, dacă aveți un site în lucru el va putea fi văzut de către client iar dvs. veți putea lucra la el împreună cu echipa fără probleme.

Instalarea modulului

1. Te autentifici ca administrator pe site

2. Caută în meniul din stânga Module sau Plugins (dacă site-ul este setat în engleză), de acolo accesează Adaugă Modul (Add Plugin).

schedule-maintenance-mode-wordpress-1

3. În câmpul de căutare scrie: Schedule Maintenance Mode

schedule-maintenance-mode-wordpress-2

4. Instalează apoi activează

schedule-maintenance-mode-wordpress-3

5. După activare setările modulului vor putea fi accesate din Setări

schedule-maintenance-mode-wordpress-4

Setări și funcționalități

Setarea modulului are patru taburi: General Settings, Design, SEO și Live Preview.

General settings

Este partea primară de unde modulul este pornit și oprit, fie manual, fie automat prin programare.

Status: implicit este Disabled, aducă modulul nu este activat. După ce se fac toate sătările modulul poate fi activat setând statusul ca Enabled.

Start Time (GMT): data și ora de la care este afișat mesajul, cu alte cuvinte este o programare a mesajului de întreținere site. Atenție la format.

End Timne (GMT): data și ora de la care mesajul este ascuns și site-ul este făcut vizibil și pentru vizitatori. Adică statusul site-ului trece automat pe Disabled.

schedule-maintenance-mode-wordpress-5

Design

Este zona de unde se construiește mesajul, sau prima pagină din perioada de oprire a site-ului.

Logo: fie folosiți logoul implicit a site-ului, fie un altul special pentru această situație – poate lipsi

Background Image: se poate urca pe site o imagine pentru fundalul acestei pagini speciale – poate lipsi, nu este obligatoriu

Headline: este titlul acestei pagini, mesajul principal pe care-l veți să fie transmis – poate lipsi

CountDown: dacă activați această opțiune atunci pe prima pagină se va afișa un cronometru având ca dată finală data și ora la care site-ul va fi online

Maintenance Message: O zonă de editare a mesajului. Se pot pune imagini, videi, audio, ce se dorește.. efectiv este o pagină obișnuită iar designul ei depinde de imaginația fiecătuia.

Text Color, Link Color și Headline Color vă permit setarea culorilor de pe prima pagină (a mesajului).

schedule-maintenance-mode-wordpress-6

SEO

Secțiunea oferă câteva elemente de bază de SEO (Search Engine Optimization – optimizare pentru motoarele de căutare). Desigur, folosiți aceste setări doar dacă doriți ca site-ul să fie indexat în această etapă (de lucru, sau de întreținere).

Favicon: se poate folosi faviconul implicit al site-ului sau unul special

SEO Title: așa cum arată numele este un titlul special pentru motoarele de căutare, el nu va fi afișat

SEO Meta Description: este o descriere fie a site-ului complet, fie doar a situației actuale (în lucru, întreținere, urmează să fie publicat etc)

Analytics Code: se poate copia aici codul de la Google Analytics

schedule-maintenance-mode-wordpress-7

Live Preview

După fiecare modificare, înainte de a seta statusul modulului pe Enabled, puteți verifica cum arată noua primă pagină. Implicit ea arată ca mai jos:

schedule-maintenance-mode-wordpress-8

reCaptcha pe WordPress pentru tot site-ul

reCaptcha pe WordPress pentru tot site-ul

Sistemul de protecție antispam Captcha, respectiv reCaptcha, poate fi instalat manual, sau prin diverse pluginuri. În acest articol voi prezenta pluginul reCaptcha by BestWebSoft .

Instalarea modulului reCaptcha by BestWebSoft

1. Te autentifici ca administrator pe site

2. Caută în meniul din stânga Module sau Plugins (dacă site-ul este setat în engleză), de acolo accesează Adaugă Modul (Add Plugin)

recaptcha-wordpress-1

3. În câmpul de căutare scrie: reCaptcha by BestWebSoft

recaptcha-wordpress-2

4. Vezi rezultatele obținute în urma căutării

recaptcha-wordpress-3

5. Clic pe Instalează acum apoi pe Activează

6. După ce modulul este instalat în meniul din stânga vei vedea că a apărut meniul numit reCaptcha cu submeniurile: Setări, Lista albă, BWS Panel și Updatează la Pro.

recaptcha-wordpress-4

7. Accesați meniul Setări pentru a putea introduce cheia API de la google și a seta modulul

recaptcha-wordpress-5

Vezi: Crearea unei chei publice API pentru Google reCaptcha

8. După introducerea cheii API bifați din caseta WordPress implicit cel puțin Formular resetare parolă și Formular comentarii.

9. Mare atenție! În varianta gratuită modulul nu vă protejează și formularele modulelor adăugate suplimentar. Modulul va proteja doar formularele implicite ale WordPress-ului. Un exemplu de formulare neprotejate în versiunea gratuită:

recaptcha-wordpress-6

 

Optimizarea bazei de date WordPress

Optimizarea bazei de date WordPress

Pe măsură ce site-ul tău începe să aibă tot mai mulți vizitatori și conținut, apare necesitatea unei optimizări, în sensul de a crește performanțele și viteza de încărcare. Sau măcar de o păstra pe cea inițială. Trei lucruri sunt deseori utile:

  • optimizarea bazei de date, adică ștergerea înregistrările vechi, a datelor temporare și a altor „gunoaie”
  • comprimarea, adică tot o optimizare, a imaginilor, astfel încât acestea să se încarce cât mai repede, fie pe monitoare mnari, fie pe smartphones
  • salvarea conținutului în cache și deci încărcarea mai rapidă a articolelor, fără solicitantele interogări la baza de date, care, atunci când baza de date devine mari, ajung să consume resurse importante

Toate aceste trei optimizări se regăsesc în modulul WP-Optimize.

Instalarea modulului WP-Optimize

WP-Optimize este un modul (plugin) WordPress, așadar se instalează la fel ca oricare alt modul. Pentru început trebuie să fiți autentificat în WordPress ca administrator, apoi din Module → Adaugă modul scrieți în câmpul de căutare numele modului: WP-Optimize.

Sa face click pe Instalează acum, apoi pe Activează. Modulul va adăuga în partea stângă meniul WP-Optimize cu mai multe submeniuri.

WP-Optimize Database

Prima opțiune este optimizarea bazei de date a blogului / siteului.

Opțiunile sunt următoarele:

  • Optimizare tabele bază de date – optimizează toate tabelele din baza de date, indiferent că sunt implicte ale WP sau create de pluginuri, atâta timp cât au prefixul setat în wp-config
  • Curăță toate reviziile articolului – wordpress salvează toate modificările făcute pe un articol, la o adică s epoate reveni pe una din versiunile anterioare, sau se pot face comparații. O funcționalitate foarte utilă, dar care de multe ori ajunge să încarece inutil baza de date. WP-Optimize șterge reviziile lăsând în baza de date doar versiunea curentă a articolelor și paginilor.
  • Clean all auto-draft posts – wordpress are un sistem de autosalvare, aceste înregistrări se mai numesc și revizii. Pentru ce sunt bune ele? se poate reveni la o revizie anterioară. Însă ele ocupă spațiu și timp de interogare
  • Șterge toate articolele aruncate la gunoi – opțiunea șterge coșul de gunoi, eliberând astfel spațiu în baza de date
  • Înlătură spamul și comentariile aruncate la gunoi
  • Elimină comentariile neaprobate – atenție la această opțiune, verificați înainte dacă chiar vreți să ștergeți toate comentariile neaprobate
  • Remove expired transient options – opțiunile tranziente sunt informații stocate temporar în baza de date pentru a crește viteza de interogare și afișare a paginilor. După ce expiră ele sunt automat șterse. Uneori rămân în baza de date, caz în care este bine să fie șterse manual.
  • Elimină pingback-urile – pingbackurile sunt comentarii speciale create atunci când se face un link spre un articol din blogul dvs, și invers
  • Elimină trackback-urile – prin trackback notifici alte site-uri că le urmărești
  • Șterge metadatele articolului – metadatele sunt informațiile conexe unui articol, cum ar fi autorul, data caând a fost creat, sau modificat, sau șters etc. Prin ștergerea metadatelor se înțelege ștergerea metadatelor inutile. Modificări, info redundant sau care nu mai este actual și altele
  • Șterge metadatele comentariului – la fel ca la articole, dar pentru comentarii
  • Clean orphaned relationship data – legături între diverse elemente ale site-ului care au fost șterse

Atenționare: rulați cu atenție aceste optimizări și într-o perioadă a zilei în care știți că nu sunt mulți vizitatori pe site. Uneori optimizarea poate dura foarte mult, mai ales dacă este făcută rar.

Ce este Divi?

Ce este Divi?

Divi este una din cele mai populare teme WordPress din lume și unul din cel mai bun constructor de pagini (page builder) WordPress.

La fel ca editorul cu blocuri Gutenberg, implicit instalat de WordPress, Divi este un editor cu blocuri constructor de pagini WordPress. Este ușor de utilizat și vine cu multe machete / șabloane pentru diferite tipuri de site-uri web. Diferit de un editor obișnuit Divi este totodată și temă WordPress. Producătorul său Elegant Themes oferind la pachet peste 160 de modele de layout și mai mult de 1200 de versiuni. Din acest punct de vedere Divi oferă cea mai bună ofertă preț – calitate de pe piață.

Vezi și: Ce este Beaver Builder?

Funcționalitățile Divi Builder

  • Drag and Drop Building. Adăugați, ștergeți și mutați elemente direct din partea din față a site-ului web. Fără codare și fără opțiuni de confuzie.
  • Editare vizuală adevărată. Paginile pot fi editate în timp real și astfel vedeți rezultatele instantaneu. Creați și personalizați paginile utilizând controale vizuale intuitive.
  • Control CSS personalizat. Dezvoltatorii pot combina cu ușurință controalele vizuale ale designului Divi cu propriile CSS personalizate. Interfața Divi este simplă, dar nu limitată.
  • Editare responsivă. Construirea de site-uri web responsive frumoase este ușoară. Divi este responsive din construcție și oferă, de asemenea, un control complet asupra aspectului site-ului web pe dispozitivele mobile.
  • Foarte multe opțiuni de proiectare. Divi oferă zeci de elemente de pagină unice și mii de opțiuni de design. Oferă un control complet al designului, totul vizual și intuitiv.
  • Editare text in linie. Doar faceți clic și începeți să tastați! Editarea paginii se poate face rapid și cu ușurință. Dacă lucrați pe partea din față veți vedea rezultatele imediat, pe măsură ce tastați textele.
  • Salvați și gestionați design-urile. Salvați și gestionați modele nelimitate personalizate. Le veți putea reutiliza ușor pentru a construi pagini noi. Creați sisteme avansate de proiectare și eficientizați-vă fluxul de muncă.
  • Elemente și stiluri globale. Gestionați întregul design al site-ului web utilizând elemente globale și setări de design pe tot site-ul web. Divi nu este doar un constructor de pagini, ci este un sistem de design de site-uri web.
  • Anulare, reîncărcare și revizii. Divi funcționează ca o aplicație software modernă. Reveniți asupra unei versiuni anterioare, refaceți și călătoriți cu ușurință întreaga istorie de editare. Dacă faceți o greșeală, Divi are salvări.

De reținut despre Divi Builder

  • Divi oferă sute de teme, sau variante ale acestora
  • temele se încarcă ușor pe site și pot fi personalizate
  • se pot amesteca mai multe designuri, de exemplu puteți folosi un design pentru prima pagină în timp ce pentru afișarea paginilor preluați designul dintr-o altă temă, din acest punct de vedere Divi este uluitor de flexibil
  • puteți construi pagini, sau prezentări, de la zero și le puteți refolosi fie în același proiect, fie în alt proiect
  • se pot salva elemente de design, doar o parte și refolosi în același site sau pe un altul
  • Divi pune la dispoziție diverse module utile, dar puteți găsi gratuit sau contra cost și alte module construite special pentru Divi

Cum arată Divi Builder?

Divi Builder arată diferit funcție de editorul activ.

1. dacă este instalat editorul clasic, atunci când deschideți o pagină făcută cu divi veți vedea ceva asemănător:

ce-este-divi-builder-1

2. dacă aveți implicit editorul pe blocuri, sau deschideți Contruiți pe front, atunci interfața de construire va arăta astfel:

ce-este-divi-builder-2

Este același lucru în două modalități de afișare și de editare. Acesta este marele beneficiu al constructorului de teme Divi!

Adăugarea de elemente cu Divi

Trei tipuri mari de elemente se pot adăuga:

1. Module divi

Modulele sunt elementele de bază și sunt multe. Instalând diverse pluginuri se mai pot adăuga noi și diversificate module de tip Divi.

ce-este-divi-builder-3

2. Rânduri divi

Rândurile sunt acele elemente care ajută la organizarea pe orizontală a modulelor. În rânduri se inserează modulele. După cum vedeți și din imaginea de mai jos rândurile pot fi împărțite pe coloane:

ce-este-divi-builder-4

3. Secțiuni divi

Secțiunile sunt zone de conținut în care se pot insera rânduri și module.

ce-este-divi-builder-5

Cum se folosesc temele divi?

Puteți construi singuri o temă divi, folosid elementele de mai sus: secțiuni, rânduri și module, sau puteți importa o temă divi.

La adăugarea unei noi pagini alegeți să deschideți editorul divi:

ce-este-divi-builder-6

Se va deschide un meniu cu trei opțiuni:

ce-este-divi-builder-7

1. Construiți de la zero: se va deschide o pagină goală în care veți putea adăuga secțiuni, rânduri și modue divi, pe care le puteți personaliza cum doriți.

2. Alege fișiere: se va deschide biblioteca de teme și pagini Divi.

3. Clonează pagina existentă: se va deschide o listă cu paginile existente din care veți putea prelua elementele de design.

Dacă alegeți opțiunea doi, cea prin care puteți importa elemente de design din biblioteca Divi, veți vedea lista de ma jos:

ce-este-divi-builder-8

Puteți alege dintr-o mulțime de variante de design și introduce în site-ul pe care-l construiți. Ulterior puteți personaliza, modifica sau șterge dacă nu vă place.

Concluzii

Divi este o aplicație completă, special concepută pentru a construi un site web de la zero. Oferă un constructor de pagini și o bibliotecă uriașă cu variante de design de pagini, articole, formulare web, slidere, galerii foto și altele. Divi permite construirea întregului site la un nivel profesional fără cunoștințe de HTML, CSS sau PHP. Totul se face vizual, folosind mouseul pentru a trage și aranja module, rânduri și secțiuni.

 

Mult succes!

Dacă aveți probleme puteți să ne scrieți în formularul de mai jos.
Dacă v-a plăcut articolul, vă rugăm să-l faceți cunoscut pe facebook.