Ce este Beaver Builder?

Ce este Beaver Builder?

Ce este Beaver Builder Page Builder?

Beaver Builder este un constructor de pagini ce folosește sistemul de blocuri drag and drop (trage și lasă) flexibil, care funcționează în partea frontală a site-ului WordPress. Ca toate editoarele cu blocuri (cum este editorul Gutenberg, implicit instalat pe WordPress începând cu versiunea 5.0), și acest sistem ajută la crearea de pagini frumoase și profesioniste fără cunoștințe de HTML sau Java Script.

Există două versiuni de Beaver Builder: Beaver Builder Lite este gratuit și poate fi instalat direct de pe WordPress.org  și Beaver Builder Pro, care poate fi instalat contra cost.

Beaver Builder Lite oferă funcționalitățile de bază ale constructorului de pagini. Chiar și așa se pot crea machete de pagini avansate. Multe teme, chiar și profesionale, vin cu acest sistem de construire a paginilor preinstalat. Trecerea la versiunea profesională se face ușor.

Funcționalitățile Beaver Builder

Caracteristicile constructorui de pagini gratuit

  • module de conținut: HTML, Foto, Editor de text, Audio, Video și Bara laterală
  • dispunerea pe coloane
  • marcaje semantice pentru performanțe maxime
  • imagini, culoare, fundaluri, video
  • aspect pentru mobile, prietenoase, cu reacție
  • adăugați propriile clase CSS și ID-uri
  • se pot utiliza module și shortcode WordPress
  • funcționează pentru pagini, postări și tipuri de elemente personalizate.

Caracteristici premium

  • module suplimentare: Formular de contact, file, slider, tabel de prețuri, hartă, postări pe blog, formular de abonare, pictograme sociale și multe altele
  • asistență expertă din partea echipei de asistență de nivel mondial.
  • șabloane de design frumoase pre-realizate
  • machetele construite se pot salva, exporta și reutiliza
  • păermite construirea de module personalizate.

Cum arată Beaver Builder?

După instalarea modulului, în editarea paginilor va apărea un tab nou, ca în figura de mai jos:

ce-este-beaver-builder-1

Interfața de administrare arată ca în figura următoare:

ce-este-beaver-builder-2

Interfața cu lista de module:

ce-este-beaver-builder-4

Cu ce teme funcționează Beaver Builder?

Beaver Builder a fost proiectat să funcționeze cu aproape orice temă WordPress. Încercați Beaver Builder Lite oferit gratuit și vedeți dacă corespunde necesităților de proiect.

Concluzii

Beaver Builder este un constructor de pagini robust și flexibil. Totuși, comparativ cu Elementor, cel mai utilizat constructor de pagini, are câtva dezavantaje. Versiunea gratuită oferă mai puține module (blocuri), iar versiunea profesională este mai scumpă. Dincolo de această scurtă comparație, BB se integrează bine în majoritatea temelor profesionale. Există și teme construite implicit cu acest modul. Faptul că permite salvarea și exportul modulelor personalizate îl face foarte util pentru firmele de web design. Se pot face astfel biblioteci de module ce pot fi copiate de la un site la altul și personalizate funcție de necesități.

Avantaje Beaver Builder

  • permite crearea de pagini într-un mod vizual uimitor
  • foarte ușor de utilizat și învățat
  • editare completă pe partea de front-end și drag-and-drop
  • se pot utiliza modulele implicite WordPress în blocurile de conținut ale Beaver Builder.
  • oferă șabloane excelente de pagini pentru a facilita construirea mai rapidă paginilor

Dezavantaje Beaver Builder

  • e scump. Cel mai ieftin plan este de 99 USD. Cu excepția cazului în care versiunea Lite este suficientă pentru dvs., caz în care este 0 $.
  • nu funcționează cobinația de taste Ctrl + Z / CMD + Z (de revenire)
  • Beaver Builder nu poate suprascrie toate elementele temei instalate. De exemplu, dacă tema nu acceptă pagini cu lățime întreagă, nu veți putea construi pagini cu lățime completă.
  • nu se poate adăuga cod CSS personalizat la modulele de conținut.

 

Sper că această scurtă prezentare v-a făcut curioși față de acest constructor de teme. Chiar și varianta Lite oferă suficiente module și flexibilitate pentru a construi site-uri web cu adevărat frumoase. Mult succes!

 

Cum se instalează editorul clasic

Cum se instalează editorul clasic

Editorul clasic a fost până la versiunea 5.0 editorul implicit al WordPress-ului. După această versiune echipa WordPress a înlocuit editorul clasic cu editorul pe blocuri, numit și editorul Gutenberg. Totuși, pentru mulți utilizatori editorul clasic este suficient, mai ales în cazul site-urilor de știri, a blogurilor, dar și pentru magazinele online.

Editorul clasic este un modul oficial menținut de echipa WordPress care restabilește editorul WordPress („clasic”) anterior și ecranul „Editare post”. Permite utilizarea de module care extind ecranul respectiv, adăugarea unor căsuțe meta-stil vechi sau în orice alt mod depinde de editorul anterior.

Editorul clasic este un modul oficial pentru WordPress și va fi complet acceptat și întreținut până la cel puțin 2022, sau atât timp cât este necesar.

Instalarea modulului Classic Editor

Classic Editor este un plugin (modul), 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: Classic Editor.

cum-se-instaleaza-editrul-clasic-1

Click pe Instalează acum, apoi pe Activează. Modulul va fi vizibil și accesibil din meniul Setări -> Scriere. Modulul adaugă două nou opțiuni:

  1. Editor implicit pentru toți utilizatorii: cu opținile Editor clasic și Editor blocuri
  2. Permite utilizatorilor să comute editorii: cu opțiunile Da și Nu

cum-se-instaleaza-editrul-clasic-2

Opțiunea de comutare între cele două tipuri de editoare se regăsește și în Profilul utilizatorului.

cum-se-instaleaza-editorul-clasic-3

Cum putem alege între cele două editoare

După instalarea editorului clasic orice nou articol creat va fi deschis cu acest editor. Pentru a putea totuși avea o mai mare flexibilitate selectați Da la „Permite utilizatorilor să comute editorii”.

cum-se-instaleaza-editorul-clasic-4

Astfel, se modifică submeniul local din interfața de de modificare și adăugare a articolelor:

cum-se-instaleaza-editorul-clasic-5

În acest fel puteți edita pagini și articolee în ambele tipuri de editoare.

Pentru a creea o pagină nouă în editorul de blocuri, având instalat editorul clasic trebuie să procedați în felul următor:

  1. adăugați o pagină
  2. din meniul din dreapta selectați opțiunea: „Stabilește imaginea reprezentativă”

cum-se-instaleaza-editorul-clasic-6

Automat editorul se va schimba:

cum-se-instaleaza-editorul-clasic-7

 

Este valabilă și reciproca. Dacă sunteți în editorul de blocuri puteți trece la cel clasic din butonul de mai multe (trei puncte verticale) din partea sus-dreapta a paginii, de unde selectați: „Comută la editorul clasic”.

cum-se-instaleaza-editorul-clasic-9

cum-se-instaleaza-editorul-clasic-8

Atenție! comutarea de la editorul blocuri la cel clasic într-o pagină complexă construită cu editorul cu blocuri poate duce la pierderea setărilor.

Vezi și: Transformarea unei pagini clasice în blocuri Gutenberg

 

Cum să adăugați Disqus Comment System în WordPress

Cum să adăugați Disqus Comment System în WordPress

Disqus se pronunță în engleză la fel ca „discuss” (a discuta) este un sistem popular de comentarii de la terți pentru WordPress. A fost o perioadă ân care acest sitem a fost foarte popular, acum este mai puțin folosit, dar încă puteți găsi o mulțime de site-uri care-l utilizează. În acest articol, vă vom arăta cum să adăugați sistemul de comentarii Disqus în WordPress.

Pentru instalare am folosit modulul Disqus pentru WordPress ce permite proprietarilor și dezvoltatorilor de site-uri să adauge cu ușurință sistemul Disqus pe site-urile lor, înlocuind sistemul de comentarii WordPress implicit. Disqus se instalează în câteva minute și importă automat comentariile existente.

De ce Disquis?

  • Instalare simplă cu un clic, care se integrează perfect cu WordPress, fără să fie nevoie să editați vreo linie de cod sau să pierdeți niciunul dintre comentariile dvs. existente
  • Mențineți-le pe utilizatorii angajați pe site-ul dvs. mai mult timp cu o experiență de comentariu le place cititorilor
  • Aduceți utilizatorii înapoi pe site-ul dvs. cu notificări web și e-mail și teste personalizate
  • Îmbunătățirea clasării SEO cu conținut generat de utilizator
  • Nu păstrați spamul cu cel mai bun clasificator filtru anti-spam creat de Akismet
  • Profil unic pentru comentarii la peste 4 milioane de site-uri, inclusiv asistență de conectare socială pentru conturile Facebook, Twitter și Google
  • Aveți încredere în site-uri precum Wired, CBS și Entertainment Weekly

Caracteristici Disqus

  • Sincronizează comentariile în mod automat la WordPress pentru backup și flexibilitate, dacă vreți să decideți să treceți la o altă platformă
  • Se încarcă asincron cu memorie în cache avansată, astfel încât Disqus să nu afecteze performanțele site-ului dvs.
  • Opțiuni de monetizare pentru creșterea veniturilor
  • Exportați comentarii în format XML compatibil cu WordPress pentru a face backup sau migra către un alt sistem
  • Tabloul de bord Analytics pentru măsurarea implicării generale pe site-ul dvs.
  • Design mobil receptiv

cum-sa-adaugati-disqus-comment-system-in-wordpress-1

Crearea unui cont pe Disquis

Adăugarea sistemului de comentarii Disqus la WordPress este foarte ușoară. Primul lucru pe care trebuie să îl faceți este să accesați site-ul web Disqus și să vă autentificați sau să vă înscrieți pentru un cont nou. După ce v-ați autentificat, faceți clic pe linkul For Websites de lângă sigla Disqus.

cum-sa-adaugati-disqus-comment-system-in-wordpress-2

Instalare modulului Disquis

Disqus Comment System este un plugin (modul), 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: Disqus Comment System.

cum-sa-adaugati-disqus-comment-system-in-wordpress-3

Click pe Instalează acum, apoi pe Activează. Modulul va fi vizibil și accesibil din meniul Setări.

cum-sa-adaugati-disqus-comment-system-in-wordpress-4

Cu datele de login de pe site-ul Disquis se completează câmpul de autentificare, dacă nu aveț cont puteți face unul nou:

cum-sa-adaugati-disqus-comment-system-in-wordpress-5

Contul pe Diqus se face repede, mai ales dacă folosiți autentificarea prin facebook sau alt sistem:

cum-sa-adaugati-disqus-comment-system-in-wordpress-7

Completați datele pentru site-ul pe care doriți să instalați sistemul de comentarii Disqus:

cum-sa-adaugati-disqus-comment-system-in-wordpress-8

Disqus are module pentru o mulțime de platforme. Selectați WordPress:

cum-sa-adaugati-disqus-comment-system-in-wordpress-9

Copiați copudl token din fereastra de instalare de pe site (clic pe butonul copy) în câmpul „Copy the Installation Token and paste it into the form below to complete the installation” ca în figura de mai jos:

Copy the Installation Token and paste it into the form below to complete the installation

Clic pe Install „nume ales pentru site” on your site.

cum-sa-adaugati-disqus-comment-system-in-wordpress-11

Ultimul pas este configurarea de pe site-ul Disqus:

cum-sa-adaugati-disqus-comment-system-in-wordpress-12Observație: la ora la care scriu acest tutorial nu există limba română în lista Language 🙁

După instalare se completează datele de configurare (câmpurile vor fi automat completat la un refresh):

cum-sa-adaugati-disqus-comment-system-in-wordpress-6

După configurare nu uitați să importați comentariile sistemului nativ de comentarii al WordPress-ului pe noul sistem Disquis.

Deoarece sistemul de comentarii Disqus preia afișarea de comentarii pe site-ul dvs. WordPress, acest lucru înseamnă că comentariile stocate pe site-ul dvs. WordPress nu vor fi vizibile pentru utilizatori. Pentru a remedia acest lucru, va trebui să exportați aceste comentarii în sistemul de comentarii Disqus. În zona de administrare WordPress, accesați Comentarii »Disqus și faceți clic pe fila Setări plugin din colțul din dreapta sus al ecranului.

În pagina de setări a pluginului, derulați în jos în secțiunea Import și Export și faceți clic pe butonul Export comentarii. Aceasta va iniția procesul de import și toate comentariile dvs. vechi de WordPress vor fi exportate în sistemul de comentarii Disqus.

 

cum-sa-adaugati-disqus-comment-system-in-wordpress-13

Moderarea comentariilor

Comentariile se vor putea modera de pe serverul Disqus. Pe site meniul Comentarii va fi înlocuit cu cel numit Disqus:

cum-sa-adaugati-disqus-comment-system-in-wordpress-15

Clic pe butonul Moderate și veți avea o fereastră asemănătoare cu cea de mai jos:

cum-sa-adaugati-disqus-comment-system-in-wordpress-16

Părțile rele ale sistemului Disqus

Sistemul de comentarii Disqus are și părți rele, una iese în evidență. Comentatorii de pe blog trebuie să se logheze pentru a comenta. Nu mai există comentarii anonime. Asta poate inhiba discuțiile, chiar dacă logarea se face ușor, dintr-un clic, sistemul permițând folosirea conturilor: disqus, facebook, twitter și google.

cum-sa-adaugati-disqus-comment-system-in-wordpress-14

Acestea sunt informațiile necesare instalării sistemului de comentarii Disqus. Dacă v-a plăcut faceți share la tutorial. Dacă aveți întrebări, folosiți cu încredere formularul de comentarii.

Cum putem adăuga CSS în site-ul WordPress

Cum putem adăuga CSS în site-ul WordPress

Dacă nu suntem programatori, dar avem totuși minime cunoștințe de CSS și HTML, sau vrem să încercăm ceva nou (poate tocmai am făcut un curs online de noțiuni introductive de CSS și HTML), și vrem să modificăm unele elemente din tema instalată, trebuie să avem cumva acces la cod, fără a-l strica.

Pentru un programator modificarea codurilor de CSS și HTML este un lucru simplu. Ei copiează fișierul dorit în tema child și-l modifică cum dorește. Dau, scrie în fișierul style.css implicit. Dar uneori chiar și pentru un programator de profesie metoda asta de modificare a codului poate fi peste mână. Adică? Adică nu are acces nici la FTP, nici la cPanel și nici la fișiere din adminul site-ului (scriere fiind blocată).

Așadar, cum putem adăuga CSS nou fără să modificăm fișierele de stil?

Există mai multe metode, dar în acest tutorial voi vorbi despre modulul: Simple Custom CSS.

Ce este Simple Custom CSS?

Simple Custom CSS este un modul WordPress, ușor de utilizat, folosit pentru a adăuga stiluri CSS personalizate, care înlocuiesc stilurile implicite din module și temă. Acest modul este conceput pentru a răspunde nevoilor administratorilor ce doresc să adauge propriul CSS pe site-ul WordPress, fără a modifica fișierele.

Atenție! Stilurile create cu acest plugin vor fi salvate și utilizate chiar dacă tema este schimbată.

Caracteristici

  • Control vizual (previzualizare live)
  • Evidențiează sintaxa
  • Verificarea erorilor
  • Nu este necesară configurare
  • Interfață simplă, construită pe UI WordPress nativ
  • Practic nu are impact asupra performanței site-ului
  • Nu există interogări complicate la baza de date
  • Documentare bună
  • Permite accesul administratorului în rețele WP (mai multe site-uri)

Instalarea modulului Simple Custom CSS

Simple Custom CSS este un plugin (modul), 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: Simple Custom CSS.

simple-custom-css-1

Click pe Instalează acum, apoi pe Activează. Modulul va fi vizibil și accesibil din meniul Aspect.

simple-custom-css-2

Rezultatul arată ca mai jos:

simple-custom-css-3

În câmpul principal, unde scrie

/* Enter Your Custom CSS Here */

se poate ad[uga codul CSS dorit. Acesta poate adăuga proprietăți noi sau poate modifica unele existente. Codul scris aici suprascrie codul CSS din fișierele temei active, sau a modulelor.

Atenție! Nu uitați să faceți clic pe „Update Custom CSS” la final.

Notă: Un avantaj (sau dezavantaj) al utilizării acestei metode este că CSS-ul dvs. personalizat va fi disponibil chiar și atunci când vă schimbați tema.

Insert Headers and Footers

Insert Headers and Footers

Pornesc de la o situația practică: am instalat WordPress-ul, am instalat și o temă, fie din librăria de teme gratuite a WordPress-ului, fie cumpărată, sau din altă sursă, am făcut setările, am pus conținut și acum vreau să pun în site codul de Google Analytics pentru a putea urmări traficul. Sau vreau să pun codul de la Facebook, sau codul de la Google AdSense, sau alt cod. Cum fac asta?

Există trei mari metode:

  1. folosind setările temei instalate, dacă ele există
  2. copiind manual acele coduri în fișierele temei
  3. folosind un plugin specializat

În acest tutorial vă voi arăta un plugin simplu, numit Insert Headers and Footers și dezvoltat de

Ce este Insert Headers and Footers?

Cu ajutorul acestui modul puteți să inserați coduri precum Google Analytics, CSS personalizat, Facebook Pixel și multe altele în antetul și subsolul site-ului (blogului) dvs. de pe site-ul WordPress. Nu este nevoie să editați fișierele cu temă!

Interfața simplă a pluginului Insert Headers and Footers vă permite să inserați scripturi, mai degrabă decât să vă ocupați de zeci de pluginuri diferite.

Caracteristici:

  • Rapid de configurat
  • Simplu pentru a insera scripturi
  • Introduceți codul antetului și / sau codul de subsol
  • Adăugați codul Google Analytics la orice temă
  • Adăugați CSS personalizate pe teme
  • Introduceți codul de pixeli Facebook
  • Introduceți orice cod sau script, inclusiv HTML și Javascript

Instalarea unui plugin WordPress

Insert Headers and Footers este un plugin (modul), 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: Insert Headers and Footers.

insert-headers-and-footers-1

Click pe Instalează acum, apoi pe Activează. Modulul va fi vizibil și accesibil din meniul Setări.

insert-headers-and-footers-2

Dacă-l accesați veți vedea un formular simplu în care puteți de acuma să introduceți codurile dorite.

insert-headers-and-footers-3

Se pot introduce coduri JavaScript și HTML.

Cum poți face un glosar, dicționar, pe site?

Cum poți face un glosar, dicționar, pe site?

Glosarul este o listă de cuvinte mai puțin cunoscute însoțite de explicația lor. Ca sinonime se pot folosi: vocabular sau dicționar. Așadar: cum putem crea o secțiune pe WordPress de tip dicționar, o listă de cuvinte însoțite de explicația lor?

În primul rând trebuie lămurit aspectul practic al unui astfel de secțini. Ce plus valoare adaugă site-ului, de ce ar fi necesar acest efort și altele. Voi veni cu un exemplu general. Dacă aveți un site de firmă în care prezentați produsele și serviciile oferite, o secțiune de tip dicționar, care să conțină toți termenii și prescurtările specifice afacerii dvs., ar da un plus de încredere, clienților, în calitatea și seriozitatea afacerii dvs.

Iar uneori poate s-ar constituii într-o zonă de interes educațional. Cum ar fi ca pe site-ul unui stomatolog să găsim explicațiile tuturor termenilor folosiți, sau ale uneltelor specifice.

Pentru a construi o secțiune de glosar am folosit modulul CM Tooltip Glossary a celor de la CreativeMindsSolutions.

Instalarea modulului CM Tooltip Glossary

CM Tooltip Glossary este un modul 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: CM Tooltip Glossary.

Se face click pe Instalează acum, apoi pe Activează.

Setarea modulului CM Tooltip Glossary

După activare veți fi redirectați spre secțiunea de setare a modulului. Primul pas este înregistrarea:

După înregistrare, treci peste Ghidul inițial și accesează tabul General Settings:

În primul ecran sunt câteva setări ce trebuie discutate. Prima este „Generate page for Glossary Index”. Dacă opțiunea este selectată atunci se va crea o pagină specială pentru glosar (dicționar), dacă nu codul necesar afișării listei de termeni va trebui introdus într-o altă pagină. Acolo unde se dorește afișarea listei.

O altă opțiune este ce numită „Highlight terms on posts?” Ce înseamnă asta. Modulul caută în articol termenii din lista introdusă în glosar și îi evidențiează. Atunci când se va trece cu mouseul peste acel termen subliniat se va deschide o fereastră cu explicațiile lui. Un mod util de a accesa aceste informații.

Cele două opțiuni merg bine împreună. În sensul că se poate crea un dicționar fără o pagină dedicată. Astfel că explicațiile termenilor din dicționar vor putea fi citite doar acolo unde apar în textele din site.

Următorul tab se numește „Glossary Index Page” și conține opțiuni de setare al aspectului termenilor.

Notă: În dreptul fiecărei opțiuni este un semn de întrebare. Dacă puneți mouseul peste el veți putea citi instrucțiunile de utilizare.

Parcurgeți și restul opțiunilor pentru a vă găsi cea mai potrivită formă de afișare.

Adăugarea unui termen în secțiunea de glosar

Instalarea și activarea modulului aduce în meniul din stânga următorul bloc de linkuri:

Glossary, primul din meniu, listează toți termenii din Glosar. La început nu va fi niciunul.

Pentru a adăuga un termen se accesează Add New, fid din meniul din stânga, fie din fereastra CM Tooltip Glossary. Formularul de adăugare a unui termen seamănă mult cu adăugarea unui articol de blog, în care se folosește interfața cu editorul clasic.

Se pot adăuga pe rând termenii doriți. Aceștia vor fi afișați în ordine alfabetică și grupați alfabetic.

Pe partea publică rezultatul va fi vizibil în pagina specială a glosarului cu termeni. Mai jos este un exemplu:

Respectiv explicațiile vor apărea în acele articole în care se regăsesc:

Asta este. Se pot adăuga sute de termeni, cu explicații complexe, cu imagini, cu video, cu tot ce doriți. Dar, atenție: căutați să nu suprasolicitați atenția vizitatorilor cu prea multe informații redundante.

Un modul foarte util, simplu de instalat și de folosit. Succes!