Cautare in site

Cursuri

Curs Visual Composer WordPress Online

26.3% Nou Promo
Curs WPBakery Page Builder Online
Elemente Visual Composer
Media Queries pentru Bootstrap
Curs WPBakery Page Builder Online
Elemente Visual Composer
Media Queries pentru Bootstrap

About Instructor

Editeaza profesional continutul in WordPress cu cel mai utilizat page builder drag & drop - Visual Composer!

Curs WPBakery Page Builder - despre curs

Vrei sa editezi continutul in WordPress in mod profesional? Vrei ca paginile tale sa se prezinte la fel de bine ca in demo-ul temei? Visual Composer este cel mai utilizat Page Builder pentru WordPress.

Modalitatea de utilizare de tip Drag & Drop simplifica punerea in pagina, astfel incat o pagina completa poate fi gata in cateva minute. Cele peste 50 de elemente preconfectionate incorporate te ajuta sa inserezi in mod automat: galerii de imagini si post-uri, iconite Font Awesome, CTA, butoane, imagini simple sau cu efecte, videoclipuri, harti, titluri cu font personalizat de la Google Web Fonts, accordion, tabs, etc. Il putem folosi cu orice tema in WordPress.

Continut 100% responsive

cu BOOTSTRAP

Cu Visual Composer (WPBakery Page Builder) se creeaza pagini responsive 100%. Astfel continutul va fi vizualizat in mod optim pe toate dispozitivele, de la telefoane mobile, tablete si computere desktop si laptop.

In Visual Composer este inclus Bootstrap, sistemul de coloane este cel al Bootstrap, acesta fiind cel mai utilizat framwevork responsive font-end. Baza functionarii sistemului de randuri si coloane in Bootstrap este fundamentala pentru intelegerea punerii in pagina cu Visual Composer, deaceea un modul din curs ii este dedicat.

In Visual Composer dispunem de o flexibilitate avansata a layout-ului responsive, putem controla cu se dispun coloanele pe variile dispozitive si putem ascunde coloanele selectate din vizualizarea pe anumite dispozitive.

Ce este inclus in Cursul Visual Composer

Materiale de curs

  • 35 DE LECTII VIDEO ON DEMAND
  • VIDEOCLIPURI FUNCTIONARE BOOTSTRAP INCLUSE
  • 6 LUNI DE CONEXIUNE LA PLATFORMA DE E-LEARNING
  • ASISTENTA PE TOATA DURATA CONECTARII

175.00 lei 129.00 lei

Carcteristici Visual Composer

Grid Builder | CSS la nivel de pagina, rand, coloana si element | Editare BACKEND si FRONTEND

Un instrument foarte puternic al Visual Composer este Grid Builder cu ajutorul caruia vom crea template-uri personalizate pentru articole sau post types personalizate.

Un alt aspect util este posibilitatea de a insera CSS la nivel de pagina pentru a stiliza in mod diferit elementele dintr-o pagina fata de celelalte. Pentru CSS putem sa adaugam ID-uri si clase atat la nivel de coloane, de randuri dar si de element, astfel fiecare pagina dar si fiecare element in parte pot fi personalizate distinct.

In ceea ce priveste modalitatile de editare Visual Composer are doua tipologii de editare : BACKEND si FRONTEND. Se poate prezenta necesitatea de a modifica layout-ul la nivel de markup, astfel trecand in Classic Mode putem face acest lucru. Vizualizarea Fontend Editor ne prezinta optiunile de modificare a layout-ului vizualizand pagina in browser.

Curs WPBakery Page Builder Online

Videoclip de exemplu

Cui se adreseaza cursul Visual Composer pentru WordPress

Web Designers

Cursul pentru editarea profesionala a paginilor web WordPress cu WPBakery Page Builder este util web designerilor, pentru o buna gestionare a temelor WordPress.

Nu esti web designer dar ai un site WordPress si vrei sa inveti sa-l gestionezi? Visual Composer este usor de invatat: este un page builder de tip Drag & Drop si nu necesita cunostinte de HTML sau CSS.

Programa curs Visual Composer WordPress

Cursul Visual Composer este structurat in 5 module:

CAP I – INTRODUCERE LA VISUAL COMPOSER | OPTIUNI CONFIGURARE

Cunoscut sub numele de Visual Composer, si-a schimbat numele in WPBakery Page Builder. Este cel mai utilizat page builder pentru WordPress , cu mai bine de 2 milioane de utilizatori. Este compatibil cu toate temele in WordPress si este inclus in multe dintre temele premium. Se poate utiliza si cu temele gratuite. Vedem cum putem verifica daca Visual Composer este inclus in tema si de unde il putem achizitiona separat pentru utilizarea cu temele gratuite.

Optiunile din Visual Composer au fost implementate cu versiunea 5.3 cu panoul Design Options si Custom CSS. Detalii in articol.

CAP II – INTRODUCERE LA BOOTSTRAP

Baza pentru a intelege cum functioneaza Visual Composer este sistemul de coloane al BOOTSTRAP. In fiecare rand din Bootstrap se pot insera un maxim de 12 coloane iar acestea se pot distribui in foarte multe combinatii. Optiunile de impartire in coloane a randurilor in Visual Composer reflecta functionarea Bootstrap.

Vizualizarea elementelor la variile rezolutii de dispozitive este realizata cu ajutorul regulilor CSS media queries – interogari media in baza largimii dispozitivului. Bootstrap dispune de 3 seturi de media queries pentru dispozitivele mici, medii si mari care reprezinta clasele corespondente: sm, md si lg. Rezolutia de default este pentru dispozitivele foarte mici, adica pentru telefoane mobile, deoarece Bootstrap este o platforma MOBILE FIRST.

In Visual Composer avem posibilitatea de a controla in mod automat comportamentul coloanelor pe variile rezolutii de dispozitive si de a ascunde elementele in functie de dispozitiv.

CAP III – LUCRUL CU VISUAL COMPOSER

Creem o pagina completa cu Visual Composer. Largimea randurilor si a continutului (a coloanelor) poate fi setata in baza a 4 optiuni: in modalitatea boxed (default) sau full width (pentru rand, pentru rand si continut, cu sau fara paddings).

Vedem optiunile pe care ni le prezinta Page Builder-ul pentru impartirea randurilor in coloane si cum putem personaliza largimea coloanelor in modalitatea Custom.

O optiune interesanta in Bootstrap, pe care o regasim si in Visual Composer este Offset-ul pentru coloane. Coloanele cu inaltime egala sunt o solutie in multe cazuri pentru punerea in pagina a coloanelor dintr-un rand ce prezinta putin continut.

Asa cum putem avea randuri fullwidth putem seta si randuri fullheight, care sa ocupe toata inaltimea dispozitivului.

In Visual Composer putem seta atat videoclipuri cat si imagini pentru fundalul randurilor si coloanelor, iar acestea pot avea efectul Parallax.


Sabloane | Page Settings CSS | Backend Editor | Media Queries

Pentru a stiliza elementele in mod diferit pentru pagini specifice vom crea reguli de stil CSS personalizate in panoul Page Settings.

Dupa construirea layout-ului pentru o pagina, in cazul in care avem nevoie sa construim alte pagini pe baza aceluiasi model, vom salva Sablonul. Odata salvat in libraria de sabloane personalizate acesta poate fi aplicat asupra oricarei noi pagini in Visual Composer.

In cazul in care avem nevoie doar de anumite portiuni din layout pentru a fi copiate in alte pagini vom trece in vizualizarea Backend Editor. In aceasta vizualizare putem face modificari direct in markup, dar putem si copia markup-ul pentru elementele de care avem nevoie in alte pagini.

Tot in acest modul vom vedea cum putem ascunde continut specific de la vizualizarea pe anumite dispozitive, dar nu numai atat. Putem inlocui continutul pentru vizualizarea pe dispozitive specifice: de exemplu pe desktop, laptop si tableta vom insera o imagine cu orientare portrait, care va fi ascunsa pe mobile, lasand locul, doar in vizualizarea pe telefoanele mobile, unei imagini cu orientarea landscape.

CAP IV – MEDIA SI POST GRID | GRID BUILDER

Elementele de Grid in Visual Composer le putem utiliza pentru afisarea variilor tipologii de continut. De la imagini, la articole, pagini, produse, custom post types etc, cu elementele grid le putem afisa in modalitatea dorita si cu varii animatii preconfigurate.

Vom vedea diferenta dintre Post (si Media) Grid si Post (si Media) Masonry Grid cu variile lor optiuni. Tot pentru afisarea continutului (post, pagini, produse sau IDs) avem si elementul Post Slider.

O functie avansata in WPBackery Page Builder este Grid Builder. Cu Grid Builder in Visual Composer vom crea sabloane si animatii pentru afisarea in pagina a variilor tipologii de elemente grid.

CAP V – ALTE FUNCTII | CREARE LANDING PAGE

Fiecarui element in Visual Composer ii putem asocia un ID, astfel este ideal pentru crearea rapida a unei pagini de landing si ancorarea variilor sectiuni. Vom crea un template complet pentru o landing page.

Vom folosi functia Responsive Preview, disponibila in vizualizarea FrontEnd Editor, pentru a previzualiza dispunerea paginii in varii tipologii de dispozitiv: desktop, tablet portrait & landspace si mobile portrait & landspace.

Modalitati plata

Plata pentru cursul Visual Composer se poate face prin card sau transfer bancar

175.00 lei 129.00 lei


CURS BAZA WORDPRESS

76 DE VIDEOCLIPURI ON DEMAND HD DISPONIBILE NELIMITAT TIMP DE 6 LUNI

28.6% Nou Promo
Curs WordPress Online
23

Curs WordPress Online

245.00 lei 175.00 lei

Invata cum sa construiesti site-uri web dinamice complete in mod rapid cu cea mai utilizata tehnologie la nivel mondial | 76 videoclipuri on demand HD | fise pdf descarcabile

Numar de videoclipuri 35 videoclipuri HD
Curs WPBakery Page Builder Online Editare profesionala a continutului in WordPress
CUNOSTINTE NECESARE Cunostinte minime de WordPress
CONECTARE LA PLATFORMA E-LEARNING Nelimitat timp de 6 luni
Pret 175.00 lei 129.00 lei

Distribuie cursul