Revizuire LiveCanvas - Un Creator de pagini WordPress prietenos cu dezvoltatorii

În această recenzie, ne uităm la un plugin pentru generatorul de pagini WordPress cu un editor HTML și CSS încorporat: LiveCanvas.

În timp ce există multe plugin-uri pentru generatorul de pagini disponibile pentru WordPress, acesta își propune să se diferențieze de concurență, fiind cât mai ușor de dezvoltat posibil.

Nu numai atât, dar rezultatul acestui generator de pagini este HTML pur și CSS. Datorită acestui fapt, paginile dvs. ar trebui să se încarce mai repede și să fie mai prietenoase cu SEO, în comparație cu alte pluginuri pentru generatorul de pagini.

În această recenzie a LiveCanvas, acoperim toate cele mai bune caracteristici ale acestui instrument pentru a vă ajuta să decideți dacă acesta este pluginul potrivit pentru generatorul de pagini WordPress pentru site-ul dvs. web.

Să începem…

Pentru cine este pluginul LiveCanvas?

Oricine dorește să preia controlul deplin asupra designului site-ului său WordPress ar trebui să găsească LiveCanvas un plugin interesant.

Cu toate acestea, LiveCanvas are o mulțime de caracteristici pe care dezvoltatorii și programatorii ar trebui să le găsească foarte utile. Aceste caracteristici ajută la separarea LiveCanvas de competiție. Mulțumită editorului HTML și CSS pe care îl acoperim mai detaliat mai târziu în această recenzie, veți obține o mulțime de control asupra aspectului site-ului dvs. cu acest plugin WordPress.

Deci, dacă doriți să creați un site WordPress personalizat sau să adăugați pagini cu modele personalizate pe site-ul dvs., LiveCanvas ar putea fi pluginul pentru dvs.

LiveCanvas funcționează cu propria temă - o temă pentru copii personalizată a UnderStrap. Acest lucru înseamnă două lucruri: performanță bună a site-ului și având Bootstrap 4 ca cadru CSS dedesubt.

Caracteristici ale pluginului LiveCanvas WordPress

Deoarece LiveCanvas este un plugin puternic pentru generatorul de pagini WordPress, are o mulțime de caracteristici. Iată câteva dintre cele mai importante momente ale acestui instrument pentru a vă ajuta să decideți dacă este potrivit pentru dvs.

Pentru o prezentare rapidă a pluginului, acest videoclip vă oferă o prezentare rapidă a ceea ce poate face LiveCanvas.

Un plugin pentru generatorul de pagini prietenos cu dezvoltatorii

Una dintre caracteristicile prietenoase cu dezvoltatorii acestui generator de pagini este editorul de cod LiveCanvas. Când creați modele de pagini cu pluginul, puteți vizualiza rapid HTML-ul și CSS-ul de bază. Nu numai că puteți vizualiza acest cod, dar îl puteți edita și prin intermediul editorului ușor de utilizat.

Acest lucru vă oferă mult mai multă libertate decât obțineți cu multe alte plugin-uri pentru generatorul de pagini WordPress. Datorită acestui fapt, ar trebui să puteți crea modele cu adevărat personalizate și unice pentru site-ul dvs. WordPress, în timp ce utilizați un plugin disponibil.

Cu toate acestea, dacă nu sunteți dezvoltator și nu aveți niciun interes în editarea HTML și CSS subiacente, puteți utiliza interfața WYSIWYG front-end a LiveCanvas pentru a vă crea paginile.

O mulțime de conținut readymade

În timp ce LiveCanvas va face cu siguranță apel la oricine dorește să creeze un site web WordPress personalizat, acesta vine, de asemenea, cu un conținut foarte bine pregătit.

Un număr mare de secțiuni este la îndemână - pe care le puteți combina și amesteca pentru a crea cu ușurință pagini web personalizate.

menti sunt.

Toate aceste secțiuni readymade sunt complet editabile, deci le puteți folosi pe măsură ce vin sau le puteți personaliza pentru a le face proprii. Acestea sunt doar bucăți de cod HTML5 - folosind Bootstrap 4.

Câteva exemple de tipuri de secțiuni acoperite de acest conținut includ secțiuni erou, panouri cu caracteristici, grile de galerie și panouri de îndemn. De asemenea, puteți adăuga panouri de profil ale membrilor echipei, secțiuni de tabel de prețuri și afișaje de mărturii. Există mai multe variante ale fiecărui tip, deci ar trebui să puteți găsi ceva care să funcționeze pentru site-ul dvs., indiferent de preferințele și cerințele dvs. de design.

Datorită secțiunilor elegante de conținut readymade, ar trebui să vă fie ușor să vă construiți rapid paginile cu LiveCanvas.

Interfață Front-end Builder Page

La fel ca multe dintre cele mai bune plugin-uri moderne pentru generatorul de pagini pentru WordPress, LiveCanvas are o interfață front-end. Aceasta înseamnă că toată munca dvs. de personalizare are loc printr-un editor WYSIWYG. În trecut, cu majoritatea pluginurilor de acest tip, această lucrare ar fi fost efectuată în back-end-ul site-ului dvs. WordPress. Acest lucru a fost incomod deoarece vizualizarea paginii la care lucrați nu seamănă nimic cu versiunea pe care vizitatorii dvs. ar vedea-o atunci când conținutul a fost publicat.

Întrucât LiveCanvas are o interfață front-end, veți avea o idee foarte bună despre cum va arăta pagina dvs. când va fi activă în timp ce lucrați la ea. Acest lucru elimină necesitatea de a vă salva munca, de a previzualiza pagina într-o nouă filă de browser și de a schimba filele pentru a vedea cum va arăta când va fi activat. Datorită acestui fapt, puteți crea modele de pagini personalizate cu LiveCanvas mult mai repede decât ați face atunci când utilizați un generator de pagini cu un editor back-end.

Iată câteva dintre cele mai bune caracteristici ale interfeței de creare a paginilor LiveCanvas:

Editarea istoricului

Pentru a vă oferi mai multă libertate creativă și capacitatea de a lucra fără să vă faceți griji cu privire la greșeli, LiveCanvas are o caracteristică de anulare. Acest lucru vă permite să reveniți la versiunea anterioară a designului paginii dvs. personalizate în cazul în care nu arătați cum ați crezut că ar putea. Acum puteți experimenta cu încredere, știind că orice greșeli pe care le comiteți pot fi anulate rapid.

Editare simplă HTML și CSS

Așa cum am menționat anterior în această recenzie LiveCanvas, acest plugin pentru generatorul de pagini are un editor de cod.

Spre deosebire de alte plugin-uri populare pentru generatorul de pagini WordPress, LiveCanvas vă permite să editați cu ușurință HTML-ul și CSS-ul subiacent al paginilor dvs. Datorită acestui fapt, veți obține mult mai mult control asupra modului în care va arăta conținutul dvs. În orice moment, puteți vizualiza codul HTML și apoi face modificări la acesta. Aceste modificări vor fi aplicate instantaneu paginii dvs., facilitând preluarea mai ușoară a controlului asupra designului conținutului dvs.

Cu LiveCanvas, editarea HTML și CSS este ușurată de interfața editorului de cod. Când deschideți Editorul HTML, tot codul este clar formatat și aliniat. Culorile sunt folosite pentru a face codul mai ușor de citit. De asemenea, puteți restrânge și plia cu ușurință codul pentru a avea o vizualizare mai clară a secțiunii pe care o editați.

Dacă trebuie să redimensionați fereastra editorului de cod, este ușor. Pur și simplu trageți marginea ferestrei pentru a o face mai mică sau mai mare, după cum este necesar. O altă caracteristică cu adevărat impresionantă a editorului de cod LiveCanvas este funcția de completare automată. Acest lucru vă va ajuta să scrieți codul mai repede și să reduceți erorile făcând sugestii prin completarea automată. Un alt aspect util al editorului de cod este abilitatea sa de a vă corecta codul adăugând orice etichete de închidere pe care ați uitat să le includeți.

Editorul LiveCanvas vă poate ajuta să vă împiedicați să vă simțiți copleșiți atunci când editați HTML și CSS ale paginii dvs. Pentru a face acest lucru, editorul de cod ascunde toate HTML și CSS de la vizualizare, în afară de elementul specific pe care îl editați. Acest lucru vă permite să vă concentrați asupra părții de pagină la care lucrați, fără a vă distrage sau a vă pierde în restul codului paginii.

Chiar dacă nu știți multe, sau altele, HTML, această caracteristică va fi în continuare utilă. Deoarece există atât de multe fragmente HTML disponibile online, puteți copia și lipi aceste exemple în designul paginii LiveCanvas. Datorită acestui fapt, puteți adăuga mai multe elemente paginilor dvs., cum ar fi butoanele de îndemn, pe care le-ați găsit online. Alternativ, dacă știți ceva HTML, atunci veți aprecia cu ușurință ușurința cu care puteți adăuga propriul cod HTML la paginile dvs.

Creați-vă propriile cărămizi: biblioteca de blocuri și secțiuni

În LiveCanvas aveți opțiunea de a vă salva propriile bucăți HTML într-o bibliotecă locală pentru o reutilizare ușoară în paginile dvs. Aceasta este o caracteristică extraordinară de economisire a timpului - este cu siguranță ceva ce vor aprecia cei care creează mai multe pagini personalizate sau site-uri web.

De fapt, există două biblioteci separate, secțiuni și blocuri: secțiunile sunt pentru acele elemente mari, cu lățime completă, mari, readymade. Blocurile sunt pentru elementele care intră în interiorul unei rețele - deci nu de obicei pe toată lățimea.

Dacă ați folosit în trecut alți constructori de pagini WordPress și ați descoperit că conținutul dvs. arată destul de similar, această caracteristică vă poate ajuta să vă construiți propria bibliotecă personalizată de module pentru a oferi design-urilor dvs. un aspect total original - și pentru a vă acoperi nevoile foarte specifice. .

Creați subsoluri personalizate

Unii constructori de pagini WordPress vă permit doar să editați zonele de postare și pagini. Totuși, nu este cazul LiveCanvas. Dacă doriți să creați un subsol personalizat pentru site-ul dvs. WordPress, îl puteți face cu LiveCanvas. Nu vă limitați doar la adăugarea de widgeturi în subsolul dvs. În schimb, puteți adăuga orice conținut la acesta, prin intermediul editorului de conținut LiveCanvas și a suportului său pentru gestionarea HTML personalizat.

Acces rapid la imagini stoc

În timp ce vă creați site-ul sau paginile personalizate, puteți insera rapid imagini stoc în aspectele dvs. cu LiveCanvas. Datorită integrării cu Unsplash, puteți răsfoi biblioteca lor mare de imagini gratuite. După ce ați găsit unul care vă place, îl puteți insera rapid în pagina dvs. Toate acestea au loc din interiorul interfeței de editare LiveCanvas.

Efecte de animație a paginii *********

Pentru a vă ajuta conținutul să atragă atenția vizitatorilor dvs., LiveCanvas facilitează adăugarea de animații la paginile dvs. Bifând o opțiune în pagina de setări backend din LiveCanvas, biblioteca Animate On Scroll este adăugată pe site. În editorul LiveCanvas puteți atribui diferite animații fiecărui element, cum ar fi decolorarea, răsucirea, alunecarea și mărirea, păstrând în același timp controlul asupra duratei și întârzierii animației.

Suport universal Shortcode

LiveCanvas vă oferă posibilitatea de a insera orice cod scurt în proiectele de pagină personalizate. Acest lucru permite integrarea oricărui tip de plugin și funcționalitate terță parte în paginile dvs. LiveCanvas, cu o previzualizare ajax convenabilă în timp real, astfel încât să puteți vedea imediat cum ar arăta ieșirea shortcode-ului.

Deoarece există atât de multe pluginuri shortcode disponibile pentru WordPress, puteți crește rapid numărul de elemente pe care le puteți insera în paginile personalizate pe care le creați cu LiveCanvas, extinzând exponențial opțiunile dvs. creative.

O temă fantastică complementară

LiveCanvas vine cu o temă recomandată și complementară pentru WordPress: CustomStrap.

Ca garanție a vitezei și fiabilității, este plăcut să știți că CustomStrap este o temă pentru copii a UnderStrap, cea mai apreciată și mai pură temă de pornire Bootstrap 4.

CustomStrap are un compilator SCSS încorporat, astfel încât să puteți reconstrui din mers și să personalizați CSS-ul Bootstrap pentru a avea paleta de culori specifică și pentru a-i oferi un aspect stilistic unic - totul din interfața WordPress Customizer, fără a fi nevoie să instalați pachete geeky npm pe mașină prin linia de comandă.

Unii designeri susțin că site-urile Bootstrap arată la fel. Acest lucru nu se va întâmpla cu CustomStrap - aveți mii de combinații de fonturi, culori, stiluri.

CustomIt permite, de asemenea, să activeze caracteristica de tipografie receptivă, ceva care este foarte util în prima lume mobilă de astăzi.

Cu toate acestea, nu sunteți blocat cu o singură alegere. LiveCanvas va funcționa cu orice temă WordPress bazată pe Bootstrap 4. Dacă aveți propria temă personalizată bazată pe Bootstrap 4, veți putea rula fără probleme pluginul LiveCanvas pentru a vă crea paginile personalizate.

Fără blocare furnizor

După cum sa discutat mai devreme în această recenzie LiveCanvas, puteți accesa și edita cu ușurință HTML și CSS generate de interfața vizuală a editorului. Deși acest lucru vă oferă o mai mare libertate creativă asupra paginii dvs., acesta are și un alt beneficiu.

Deoarece LiveCanvas generează HTML și CSS curate pentru proiectarea paginii, dacă dezactivați pluginul, proiectele paginilor dvs. vor funcționa în continuare la fel de normal. Acest lucru înseamnă că nu sunteți blocat să folosiți LiveCanvas pe viață, așa cum este cazul cu alte pluginuri pentru generatorul de pagini.

Chiar și după ce pluginul este dezactivat, puteți accesa și edita pagina HTML și CSS pentru a le face modificări. Pur și simplu nu veți putea face modificările prin interfața de utilizator LiveCanvas sau editorul de cod, cu excepția cazului în care reactivați acel plugin.

Experiență utilizator LiveCanvas Plugin

Pentru a vă face o idee despre modul în care este folosit acest constructor de pagini, această parte a recenziei noastre LiveCanvas va explora experiența de utilizare a pluginului.

După cum sa menționat, LiveCanvas ar trebui să funcționeze cu orice temă WordPress bazată pe Bootstrap 4. Cu toate acestea, pluginul vine, de asemenea, cu propria temă de pornire pe care o puteți utiliza în locul unei teme dintr-o altă sursă.

Indiferent de tema pe care o alegeți, odată ce pluginul a fost instalat pe site-ul dvs., puteți introduce cheia de licență LiveCanvas pentru a activa actualizările automate.

Pentru a începe să creați un design de pagină personalizat pentru site-ul dvs. WordPress, este pur și simplu un caz de a crea o pagină nouă din tabloul de bord WordPress.

Pluginul adaugă un panou editorului de pagini care vă permite să activați editorul LiveCanvas pentru acea parte a conținutului.

Activați Editorul LiveCanvas

După ce ați activat LiveCanvas pentru o anumită pagină, puteți începe să utilizați editorul de conținut pentru a vă crea designul personalizat.

După ce ați adăugat o secțiune la pagina dvs., puteți introduce un anumit conținut în acea secțiune. Deoarece LiveCanvas vine cu o mulțime de secțiuni pre-construite, puteți începe rapid să vă construiți pagina.

Secțiuni de pagină readymade

Diferitele elemente pe care le puteți adăuga la paginile dvs. sunt toate bine organizate, facilitând găsirea a ceea ce căutați. După ce ați adăugat una la pagina dvs., puteți începe să o personalizați prin intermediul editorului live.

Editarea textului în linie

Deoarece LiveCanvas are editare de text în linie, puteți doar să faceți clic pe o zonă de text și să începeți să tastați pentru a adăuga propriul dvs. conținut.

Dacă doriți să editați un alt tip de element pe pagina dvs., cum ar fi o imagine, este la fel de ușor. Pentru a face acest lucru, faceți clic pe element și apoi comenzile pentru acel element vor fi afișate în bara laterală. Apoi puteți personaliza acel element prin comenzile panoului din bara laterală.

Porturi de vizualizare pentru smartphone și tabletă

În timp ce lucrați la pagina dvs., puteți modifica oricând dimensiunea ferestrei. Dacă faceți acest lucru, veți avea o idee bună despre cum va arăta conținutul dvs. pe o serie de dispozitive. Aceasta include smartphone-uri cu ecran mic, tablete și alte porturi de vizualizare prestabilite.

Editarea HTML și CSS

După cum sa menționat, una dintre caracteristicile cheie ale LiveCanvas este editorul HTML și CSS. Puteți trece la editorul HTML oricând, pur și simplu făcând clic pe un element de pagină, cum ar fi un rând, apoi făcând clic pe elementul de meniu corespunzător.

Pentru a evita confuzia, editorul HTML afișează numai codul HTML pentru elementul pe care îl editați. De asemenea, de îndată ce faceți modificări la codul HTML, acesta este aplicat paginii dvs., astfel încât să puteți vedea rezultatele editării.

Sperăm că asta vă oferă o idee despre modul în care funcționează acest plugin pentru generatorul de pagini. Acum să aruncăm o privire asupra informațiilor despre prețuri.

Informații de preț pentru pluginul LiveCanvas WordPress

LiveCanvas este un plugin premium disponibil pentru două planuri de prețuri:

• Pro: 79 USD pe an pentru acces la actualizări și asistență timp de 1 an.
• Durată de viață: 199 USD pentru acces pe viață la actualizări și asistență.

Indiferent de opțiunea pe care o alegeți, puteți utiliza LiveCanvas pe câte site-uri web aveți nevoie. Aceasta include orice site-uri pe care le creați pentru clienții dvs.

LiveCanvas Review Gânduri finale

LiveCanvas are multe dintre cele mai bune caracteristici găsite în cele mai populare pluginuri pentru generatorul de pagini WordPress. Aceasta include o interfață modernă drag-and-drop, o selecție bună de conținut gata pregătit și o mulțime de controale de personalizare.

Cu toate acestea, are și un editor HTML și CSS ușor de utilizat, care vă oferă și mai mult control asupra proiectelor paginilor.

Prin urmare, dacă sunteți în căutarea unui plugin flexibil și prietenos cu dezvoltatorii de pagini WordPress, LiveCanvas este o opțiune excelentă.

Accesați site-ul Web LiveCanvas pentru a afla mai multe despre acest plugin pentru generatorul de pagini.