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.

 

Cum poți afișa toate literele alfabetului în PHP?

Cum poți afișa toate literele alfabetului în PHP?

Toate caracterele alfabetice dintr-un tablou pot fi obținute folosind chr (), range () cu și pentru bucla foreach în PHP. Pentru a afișa elemente de matrice ca ieșire, putem folosi funcția echo, print_r () și var_dump ().

Utilizarea funcției range (): Această funcție este utilizată pentru a crea o serie de elemente de orice fel, cum ar fi numere întregi, litere dintr-un anumit interval (de la scăzut la mare) adică, primul element al listei este considerat scăzut și ultimul este considerat la fel de mare. Acesta returnează o serie de litere dacă intervalul de la A la Z adică intervalul (A, Z).

array range( mixed first, mixed second, number steps )

Codul ce poate fi folosit:

<?php 
     foreach( range('A', 'Z') as $elements) { 
         // Afișează literele MARI una după alta, despărțite prin virgulă
         echo $elements . ", "; 
     } 
?> 

Rezultatul arată astfel:

A, B, C, D, E, F, G, H, I, J, K, L, M, N, O, P, Q, R, S, T, U, V, W, X, Y, Z,

Exemplul de mai sus este cu litere mari. Se poate face un exemplu similar cu litere mici:

<?php 
     foreach( range('a', 'z') as $elements) { 
         // Afișează literele MICI una după alta, despărțite prin virgulă
         echo $elements . ", "; 
     } 
?>

Rezultatul arată astfel:

a, b, c, d, e, f, g, h, i, j, k, l, m, n, o, p, q, r, s, t, u, v, w, x, y, z,

Sau se pot uni cele două matrici, astfel:

<?php  
$alphachar = array_merge(range('A', 'Z'), range('a', 'z')); 
  
     // Afișează și literele mari și pe cele mici
     foreach ($alphachar as $element) { 
         echo $element . ", "; 
     } 
  
?>

Rezultatul arată astfel:

A, B, C, D, E, F, G, H, I, J, K, L, M, N, O, P, Q, R, S, T, U, V, W, X, Y, Z,
a, b, c, d, e, f, g, h, i, j, k, l, m, n, o, p, q, r, s, t, u, v, w, x, y, z,
Cum pot face o pagină pe Facebook?

Cum pot face o pagină pe Facebook?

Paginile pe Facebook sunt utile în promovarea unei afaceri, a unui blog, a unei organizații, școală sau instituție, dar și pentru o carte, film sau alt gen de produs cu priză la public.

Cum se face o pagină pe facebook?

1. Primul pas și necesar este să ai un cont pe facebook ca persoană fizică.

2. în parea de sus a ferestrei de Facebook aveți meniul:

cem-se-face-pagina-facebook-1

clic pe Create:

cem-se-face-pagina-facebook-2

sau, în limba română:

cem-se-face-pagina-facebook-3

3. Prima opțiune este cea de pagină. Fie că aveți totul în limba română, fie în engleză:

De aici vom merge pe varianta în limba română. Dacă aveți facebook-ul setat în engleză, puteți schimba limba din partea de jos a pagini de setări:

cem-se-face-pagina-facebook-5

Doar faceți clic pe linkul Română și automat veți avea profilul și pagina în limba română.

4. Prima fereastră va fi una de selecție:

cem-se-face-pagina-facebook-6

Alegerea e simplă: dacă aveți o afacere, fie ea o firmă de produse (haine, mobilă, încălțăminte sau altele) , una care oferă servicii (turism, restaurante, autoservice etc.) sau de comerț (magazin offline sau online) faceți clic pe prima opțiune. Dacă însă aveți un blog, sau sunteți artist, sau reprezentați o comunitate atunci a doua opțiune este cea potrivită.

Indiferent ce alegeți următorii pași sunt identici:

5. Completați miniformularul:

cem-se-face-pagina-facebook-7

sau:

cem-se-face-pagina-facebook-8

Exemplu:

cem-se-face-pagina-facebook-9

Dacă aveți o firmă, după ce selectați o categorie, formularul vă va cere detalii suplimentare:

cem-se-face-pagina-facebook-10

Dacă este doar un blog, formularul va fi mai simplu:

cem-se-face-pagina-facebook-11

6. După acest pas urmează doi pași de personalizare. Primul este adăugarea unei imagini de profil:

cem-se-face-pagina-facebook-12

Poza de profil este acea imagine mică ce apare în colțul stânga-sus pe pagina de facebook, respectiv însoțește și evidențiează toate postările de pe facebook (ca o imagine mică și rotundă).

7. Al doilea pas în personalizare este adăugarea unei imagini de copertă. Această imagine trebuie să fie mare. Ea apare în partea de sus a paginii și poate conține adresa, nr. de telefon, emailul sau diverse mesaje promoționale.

Ambele imagini pot fi:

  • adăugate și ulterior creării paginii
  • pot fi schimbate
  • pot fi șterse

cem-se-face-pagina-facebook-13

8. O dată urcată imaginea de copertă pagina va fi creată.

cem-se-face-pagina-facebook-14

9. Acuma tot ce mai trebuie este să setați pagina cu datele firmei și ale site-ului. Pentru asta clic pe Setări din meniul de sus și apoi pe Informații despre pagină din stânga:

cem-se-face-pagina-facebook-15

10. Completați – salvați – modificați – iar salvați – până sunteți mulțumiți de ceea ce ați obținut.

11. După ce totul este aranjat nu uitați să vă invitați prietenii să aprecieze pagina:

cem-se-face-pagina-facebook-16

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.