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.

 

 

Cum instalezi și setezi o interfață mai avansată de navigare

Cum instalezi și setezi o interfață mai avansată de navigare

În WordPress articolele se grupează pe pagini. Între pagini se poate trece (naviga) fie prin butoane de înainte și înapoi, fie printr-un meniu specific, numit navigator, cu cifre ce semnifică numărul paginii, cu săgeți pentru a trece de la o pagină la alta și cu butoane ce permit ajungerea rapidă la ultima pagină, respectiv la prima.

Fiecare temă instalată și activată aduce un alt stil de navigator. Câteva exemple:

interfata-de-navigare-wordpress-2 interfata-de-navigare-wordpress-1 interfata-de-navigare-wordpress-3 interfata-de-navigare-wordpress-4 interfata-de-navigare-wordpress-5

Aceste navigatoare pot fi foarte puțin modificate.

Instalarea modulului WP-PageNavi

WP-PageNavi este un modil ce permite înlocuirea sistemului implicit de navigare, repet: specific fiecărei teme, cu unul personalizabil.

Pentru instalare accesați din meniul din stânga: Module -> Adaugă modul. Apoi introduceți în formularul de căutare: WP-PageNavi.

interfata-de-navigare-wordpress-6

Clic pe Instalează acum apoi pe Activează. Modulul se va regăsi în Setări -> PageNavi.

interfata-de-navigare-wordpress-7

Setarea modulului PageNavi

Setarea modulului are două părți. În prima se setează aspectul textelor, în a doua culoarea.

interfata-de-navigare-wordpress-8

După cum vedeți modulul este localizat în limba română. Puteți schimba textele și săgețile după cum credeți că este mai bine și mai potrivit site-ului.

interfata-de-navigare-wordpress-9

Fișierul pagenavi-css.css conține câte clase (CSS) ce vin implicit cu modulul. Puteți să renunțați la ele și fie să definiți altele (necesită cunoștințe de CSS), fie să le lăsați pe cele implicite temei active.

Dacă vrei să configurezi stilul CSS pentru WP-PageNavi, poți copia fișierul pagenavi-css.css din directorul modulului în directorul temei tale și să-ți faci apoi modificările acolo.

Restul setărilor sunt destul de evidente. Modificați-salvați-modificați-salvați până ajungeți la rezultatul dorit.

Înlocuirea vechii navigări cu cea nouă

Dacă instalarea și setarea modulului sunt vizuale și nu necesită cunoștințe de HTML sau CSS (bine un pic de CSS nu strică să știți), înlocuirea codului existent cu cel nou este un pic mai complicată, dar, cu răbdare și atenție se poate realiza și fără cunoștințe avansate.

1. dacă aveți o temă simplă în care navigarea se face cu ← Articole mai vechi | Articole mai noi → atunci căutați în fișiere (index.php, archive.php, dar pot și altele), apelurile: next_posts_link() și previous_posts_link() și să le înlocuiți cu:

<?php wp_pagenavi(); ?>

În alte teme căutați după: the_posts_pagination(); și înlocuiți cu codul de mai sus. Pot fi diverse variante așa că aveți nevoie de un pic de răbdare și tenacitate.

2. dacă aveți teme ce permit împărțirea paginilor în mai multe pagini, atunci căutați în page.php codul: wp_link_pages( ... ) și înlocuiți-l cu:

<?php wp_pagenavi( array( 'type' => 'multipart' ) ); ?>

3. pentru avansați există posibilitatea de a schimba numele claselor css de pe elementele de navigare. Filtrele folosite sunt:

  • wp_pagenavi_class_pages
  • wp_pagenavi_class_first
  • wp_pagenavi_class_previouspostslink
  • wp_pagenavi_class_extend
  • wp_pagenavi_class_smaller
  • wp_pagenavi_class_page
  • wp_pagenavi_class_current
  • wp_pagenavi_class_larger
  • wp_pagenavi_class_nextpostslink
  • wp_pagenavi_class_last

și pot fi folosite ca mai jos din functions.php.

// Simple Usage - 1 callback per filter
add_filter('wp_pagenavi_class_previouspostslink', 'theme_pagination_previouspostslink_class');
add_filter('wp_pagenavi_class_nextpostslink', 'theme_pagination_nextpostslink_class');
add_filter('wp_pagenavi_class_page', 'theme_pagination_page_class');

function theme_pagination_previouspostslink_class($class_name) {
  return 'pagination__control-link pagination__control-link--previous';
}

function theme_pagination_nextpostslink_class($class_name) {
  return 'pagination__control-link pagination__control-link--next';
}

function theme_pagination_page_class($class_name) {
  return 'pagination__current-page';
}


// More Concise Usage - 1 callback for all filters
add_filter('wp_pagenavi_class_previouspostslink', 'theme_pagination_class');
add_filter('wp_pagenavi_class_nextpostslink', 'theme_pagination_class');
add_filter('wp_pagenavi_class_page', 'theme_pagination_class');

function theme_pagination_class($class_name) {
  switch($class_name) {
    case 'previouspostslink':
      $class_name = 'pagination__control-link pagination__control-link--previous';
      break;
    case 'nextpostslink':
      $class_name = 'pagination__control-link pagination__control-link--next';
      break;
    case 'page':
      $class_name = 'pagination__current'
      break;
  }
  return $class_name;
}

 

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.

 

 

Ce este Akismet și de ce avem nevoie de el

Ce este Akismet și de ce avem nevoie de el

Modulul Akismet vine preinstalat cu orice versiune de WordPress. Pentru a-l activa trebuie să vă autentificați pe site-ul producătorului și să introduceți keia API livrată. Această cheie API o veți putea folosi ulterior pentru orice alt modul Akismet instalat fiind unică pentru fiecare utilizator.

Ce face Akismet?

Akismet este un serviciu de filtrare a spamului (antispam) din comentarii, trackbacks și mesaje din formularele de contact. Filtrul funcționează prin combinarea informațiilor despre spam-ul capturat pe toate site-urile participante și apoi folosind regulile de spam pentru a bloca spamul viitor. Akismet este oferit de Automattic, compania din spatele WordPress.com.

Akismet este unul din modulele necesare pentru o bună funcționare a site-ului. El oprește mesajele nesolicitate atât din comentarii cât și din diversele formulare instalate pe site, fie ele de contact sau de înregistrare. Împreună cu reCAPTCHA și setările de moderare a comentariilor reprezintă un zid eficient împotriva mesajelor nesolicitate.

Instalarea și setarea modulului Akismet

Modulul Akismet este oferit gratuit de către Automatic. Există și variante contra cost. Citiți cu atenție ce variantă vă satisface cerințele.

Pasul 1

Imediat după instalarea WordPress-ului în secțiunea de module veți vedea modulul instalat, dar neactivat:

ce-este-akismet-1

Primul pas în activare este o fereastră prin care puteți iniția contul de Akismet sau introduce codul cheia API, dacă o aveți deja.

ce-este-akismet-3

Dacă nu aveți deja o cheie API accesați: Inițializează-ți contul Akismet.

ce-este-akismet-2

Pasul 2

Se va deschide pagina producătorului modulului cu cele trei variante ale modulului:

ce-este-akismet-4

Dacă aveți un magazin online sau afaceri online alegeți una din variantele contra cost. Dacă aveți un blog mic sau o afacere la început de drum selectați prima variantă, cea de uz personal – este gratuită.

Dacă aveți deja un cont WordPress.com, atunci puteți da clic pe linkul pe care îl aveți deja în contul WordPress.com. Dacă nu aveți un cont WordPress.com, atunci completați pur și simplu detaliile și creați unul.

Implicit vi se va propune să donați o sumă de bani, chiar și în varianta gratuită. Puteți să trageți cursorul spre zero sau spre o sumă convenabilă:

ce-este-akismet-5

Dacă fixați cursorul la zero nu va mai trebui să introduceți datele cardului:

ce-este-akismet-6

Pasul 3

După crearea contului veți putea copia cheia API și activa modulul de pe site:

ce-este-akismet-7

Modulul se găsește în Setări -> Akismet anti-spam.

ce-este-akismet-8

De data asta selectați Manually enter an API key și apoi Conectează-te cu cheia API.

ce-este-akismet-3

Pasul 4

Ultimul pas este setarea modulului și salvarea modificărilor.

ce-este-akismet-9

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.