Divi: Tema më e mirë e WordPress të të gjitha kohërave!

më shumë Shkarkimet e 901.000, Divi është tema më e popullarizuar e WordPress në botë. Është i plotë, i lehtë për t'u përdorur dhe vjen me më shumë se shabllona falas 62.

WordPress është një CMS shumë i njohur në të gjithë botën për shkak të ndërfaqes së tij të thjeshtë, temave shumë të personalizueshme dhe larmisë së pafund të plugins të fuqishme. Ajo ka thjeshtuar krijimin, zhvillimin dhe menaxhimin e faqeve në internet, madje edhe për përdoruesit më amatorë.

Sot, dhe falë WordPress, nuk keni më nevojë të keni njohuri specifike për të krijuar faqe tërheqëse në internet. Sidoqoftë, ju jeni mund jetë tashmë ngecur në një faqe në internet që ofron një dizajn vërtet të pabesueshëm, dhe me siguri keni pyetur veten: Si e bëri ai?

Fatkeqësisht, nëse jeni një amator ose fillestar, nuk mund të bëni shumë, madje edhe me WordPress, pasi që për të modifikuar temën tuaj, ju duhet një shkallë e caktuar e ekspertizës në HTML, CSS, PHP dhe disa aftësi të tjera në varësi të natyrës së temës tuaj, por edhe të projektit ose objektivit tuaj.

Sidoqoftë, edhe nëse jeni një kodues me përvojë, sigurisht që ju duhet një mjet që ju lejon të kurseni kohë dhe cilësi në rezultatin përfundimtar.

Për fat të mirë, plugin WordPress « WPBakery Page Builder Më parë njihej si " Visual Composer » ofron një zgjidhje për këtë problem. Me këtë të fundit, edhe shumica blogerët fillestarë mund të krijojnë faqe me një pamje krejtësisht unike për faqen e tyre të internetit.

Me këtë shtojcë mund të krijoni:

  • Faqet tërheqëse të uljes (faqe ulje)
  • Faqet e shitjes me një pamje profesionale
  • "Showcase" faqet për biznesin tuaj
  • Faqet e moduleve për trajnimet tuaja
  • çdo gjë e shkurtër

Për mendimin tim është mjeti më i mirë i formatimit (ose faqosjes) në internet. Veçanërisht për përdoruesit e WordPress.

Në këtë tutorial, Prandaj, unë do t'ju tregoj se si t'i jepni një pamje unike faqes tuaj (ose blog) me plugin Visual Composer.

Pra ...

Si ta instaloni dhe konfiguroni Shtojca WPBakery Faqja Builder

WPBakery Page Builder është një plugin premium që mund të blini Codecanyon : platforma më e mirë për shitjen e plugins në internet.

MIRË. Pasi të keni blerë dhe shkarkuar këtë shtojcë të faqosjes në WordPress, gjithçka që duhet të bëni është ta instaloni dhe aktivizoni.

Atëherë do të fillojmë duke bërë disa rregullime themelore. Për ta bërë këtë, lundroni në vendndodhje "Settings >> Visual Composer » në pultin tuaj.

Cilësimet e përgjithshme

cilësimet e përgjithshme të thirrjes vizuale

Skeda e parë (cilësimet e përgjithshme), ju lejon të redaktoni:

  • Përmbajtja në të cilën vizual kompozoni do të jetë në dispozicion. Ju mund të kontrolloni artikujt (post) dhe / ose faqe (faqe)
  • Rregullat e ndryshme tëhyrje role të ndryshme. Me këtë mundësi mund të përcaktoni i cili modifikon atë. Rolet e ndryshme në dispozicion do të shfaqen. Ju do të duhet të klikoni në secilën prej tyre për të kontrolluar elementet në të cilat është (roli) do të ketë qasje. Ju keni mundësinë të ndaloni përdorimin e " vizual kompozitor ”për përdoruesit e një roli specifik.
    aktivizoni redaktorin në ndërtuesin e faqeve WPbakery
  • Aktivizoni ose çaktivizoni artikujt përgjegjës
  • Përcaktoni subsets për fontet e Google

zgjedhja e roleve të wpbakery
Opsionet e dizajnit

Në opsionet e dizajnit, ju keni mundësinë të modifikoni pamjen e paracaktuar vizuale të elementeve të ndryshëm të " vizual kompozoj '. Para se ta përdorni, sigurohuni që e keni kontrolluar opsionin « Përdorni opsione të dizajnit me porosi ».

cilësimet e css

Këto opsione do t'ju lejojnë të përcaktoni ngjyrën që zbatohet për të gjithë elementët. 

  • " Custom CSS Ju jep mundësinë të personalizoni më tej çdo artikull, vetëm zhvilluesit mund të dinë se çfarë është.
  • Skeda « Licenca e produktit »Ju lejon të aktivizoni tuajin plugin për të marrë azhurnime automatike.
  • Skeda « shortcodes aktiv Isshtë në thelb për zhvilluesit.

Epo, tani ne do të krijojmë një faqe në internet me porosi me Visual Composer.

Si të krijoni një faqe me porosi me vizual kompozoj

Për të krijuar lehtësisht faqe të personalizuara në internet, ju keni zgjedhjen midis redaktorit të " zyra prapa ", D.m.th. ju modifikoni sitin nga paneli juaj WordPress, ku ai i" zyra front '.

editor-the-front-end-of-Editor-backend

Nëse jeni duke përdorur Gutenberg, do të vini re një buton "Redaktuesi i faqes" në shiritin e sipërm të detyrave.

redaktor vizual redaktues panel kontrolli gutenberg

Krijoni me lehtësi faqen tuaj të internetit me Elementor

Elementor ju lejon të krijoni Lehtë dhe Falas çdo dizajn uebsajti apo blogu me pamje profesionale. Mos paguani shumë për një faqe interneti që mund ta bëni vetë.

Avantazhi me redaktorin e Zyra e përparme është që ju mund të redaktoni live faqet tuaja dhe të shihni se si elementët e ndryshëm shfaqen në temën tuaj.

Me redaktorin e zyrës së pasme

Për të hyrë në redaktorin e " zyra prapa », Ju ftoj të klikoni në« botues BACK OFFICE- '. Ju mund të ktheheni tek redaktori vizual i WordPress në çdo kohë duke klikuar mbi " Moda klasike ". Por unë mendoj se nuk do të jetë e nevojshme, kështu që ky formatim i faqes në internet të plugin-it është i plotë.

Pasi të jeni në redaktuesin e Back-office, mund të zgjidhni një paraqitje globale që do të zbatohet në faqe.

Përditësimet faqe ndryshojnë në varësi të asaj që synoni të bëni me faqen. Kështu që ju mund të zgjidhni « ulje faqe » për të krijuar një faqe në shtëpi, "Lista e shërbimeve" për një faqe që tregon shërbime, etj. Me përvojën ju madje do të arrini të krijoni baste en Faqet me porosi të dizajnuar shumë pro.

Pa marrë parasysh se çfarë është zgjedhja juaj faqe, prezantimi i elementeve është i ngjashëm me të gjitha këto të fundit. Ju mund të shtoni një të re element duke klikuar mbi "+" në krye të meta kuti « Visual Editor », Ose shtoni një model duke klikuar në ikonë "Template".

Në çdo rresht, mundeni (nga e majta në të djathtë) :

  • Lëvizni vijën
  • Menaxhoni kolonat në rresht
  • Shto një kolonë të re

Ndërfaqja e ndërtuesit të faqeve wpbakery

Opsione të tjera janë në dispozicion në të djathtë të kutisë. Këto opsione ju lejojnë të (nga e majta në të djathtë) të:

  • zvogëloni vijën
  • redaktoni një rresht
  • kopjoni një rresht
  • fshini një rresht

paraqitja e wpbackery

Në mes të secilës kolonë, mund të shtoni një artikull përpara, të ndryshoni një kolonë ose ta fshini.

seksioni i opsioneve wpbackery
seksioni i opsioneve wpbackery

Burimet e rekomanduara

Këtu janë disa zgjerime të kompozitorëve vizualë që ne rekomandojmë fuqimisht:

1 - Si të menaxhojmë kolonat

Në skedën e menaxhimit të kolonës, ju mund të zgjidhni numrin e kolonave që dëshironi të shtoni në rresht. Për të kuptuar modelet e ndryshme të kolonave, dijeni se secila fraksion korrespondon me gjerësinë që kolona do të zërë. Aq sa një shabllon ka fraksione, aq herë faqja do të ketë kolona.

Sigurisht, modele të kolonave të ndryshme 11 janë në dispozicion, por ju mund të krijoni sa më shumë që dëshironi duke klikuar në linkun "Custom" pak më poshtë listës së kolonave.

Për shembull, për të shfaqur një seksion të faqes me kolona 2 në gjerësi të barabartë, duhet të zgjidhni (ose shtoni) "1 / 2 + 1 / 2". 

Kolonat do të shfaqen në blogun tuaj dhe gjerësia e tyre do të shpërndahet proporcionalisht me dimensionet e temës. Një kolonë mund të përmbajë sa më shumë artikuj të jetë e mundur, kështu që nuk ka asnjë kufizim në këtë nivel.

paraqitja e seksionit wpbakery

Elementet e ndryshëm mund të zhvendosen në çdo kolonë.

lëviz kutinë e tekstit wpbakery wordpress

Duke lëvizur mbi secilin element, do të keni mundësi të përdorni opsionet e tij, veçanërisht butonin që lejon të:

  • veprim element
  • ndryshim element
  • kopje element
  • heq element

Dëshironi të shisni produktet tuaja në internet?

Shkarkoni WooCommerce falas, shtojcat më të mira të tregtisë elektronike për të shitur produktet tuaja fizike dhe dixhitale në WordPress dhe për të krijuar lehtësisht dyqanin tuaj online. E përkryer për fillestarët.

Opsionet-The-elemente

2 - Si të shtoni elemente

Ju keni mundësinë për të rregulluar çdo kolonë me elementët e propozuar nga " Vizual Kompozitor '. Për të shtuar një artikull, klikoni në butonin "+" në një kolonë specifike ose në buton "+" nga menyja kryesore e plugin.

shtoni një element të wpbakery


Kur një kolonë është bosh (ne përmban nuk ka përmbajtje)ajo ka një buton "+" brenda Për të shtuar një video për shembull, klikoni në këtë buton dhe zgjidhni elementin e videos.

add-a-videon

Duke klikuar mbi të do të hapet një dritare e re. Në këtë dritare, duhet të siguroni titullin, lidhjen për videon dhe një klasë shtesë (e cila nuk është e detyrueshme). Kur të keni mbaruar futjen e informacioneve të ndryshme në lidhje me videon tuaj, mos harroni të ruani ndryshimet tuaja.

vendosja e videos wpbakery

Videoja juaj do të jetë në dispozicion në redaktorin e zyrës së pasme. Ruaj ndryshimet edhe një herë. Tani mund ta shikoni duke klikuar thjesht "pamje paraprake".

shtoni video wpbakery wordpress

Procesi për shtimin e një artikulli është i njëjtë për të gjithë të tjerët, me disa përjashtime. Informacioni që duhet të plotësohet mund të ndryshojë në varësi të elementeve. 

Duke zgjedhur elementin e tekstit për shembull, do të gjeni një redaktues klasik vizual (ai në dispozicion kur shkruani artikuj ose faqe), por edhe një mundësi që ju lejon të shtoni një animacion gjatë shfaqjes së elementit. Prandaj, kjo e fundit mund të zbehet nga një pozicion në tjetrin, në varësi të cilësimeve tuaja.

cilësimet e bllokut të tekstit

Më interesante me këtë plugin, është se ju do të jeni në gjendje të krijoni sidebars nëse tema juaj nuk e bën, për shembull. Për ta bërë këtë, klikoni në butonin add (" + "), dhe zgjidhni elementin " Komente WP i fundit "" Facebook si Dhe në fund « Kategoritë Wp '.

Tani krijoni këtë shabllon me kolonë të personalizuar 1 / 3 + 2 / 3 »Ose ndonjë tjetër dhe shtoni elementin sidebar në kolonën e majtë ose në të djathtën. Nuk ka rëndësi sepse gjithçka varet nga sa gjerësi dëshironi të jepni shiritin tuaj anësor të krijuar nën këtë shtrirje të paraqitjes sesa në Visual Composer.

konfigurimi i kolonës wpbakery

Do të vini re një kolonë të re bosh në të djathtë, shtoni një element të ri të zgjedhjes suaj (Ju rekomandoj të shtoni një tekst të thjeshtë) Tani ruajeni faqen dhe shkoni te pamja paraprake për të parë rezultatin e këtij ushtrimi.

3 - Si të ruani dhe ripërdorni një shabllon faqe

Isshtë e mundur të ruani modelin e faqes tuaj dhe ta përdorni më vonë. Unë e dua këtë mundësi sepse ju kursen duke kaluar orë të tëra duke u përpjekur të kopjoni një model nga një faqe. Këtu gjithçka bëhet me një klikim. Po keni dëgjuar mirë, N ONE NJ ONE KLIKON… ose në dy

Për të ruajtur një shabllon, klikoni në ikonën e shablloneve. Në dritaren që do të shfaqet, shkruani emrin e modelit tuaj në " Ruani paraqitjen aktuale si një shabllon », Pastaj kliko në« Ruaj modelin '.

E rëndësishme: Ju duhet ta bëni këtë në faqen që dëshironi të ruani si një model dhe jo në një faqe të zbrazët.

regjistroni një model wpbakery

Theshtë e njëjta mënyrë që do të gjeni modelet e ndryshme që keni ruajtur, më poshtë në të njëjtën dritare në seksion "Ngarko një model".

modelet e mia të wpbakery

E tëra çfarë ju duhet të bëni në këtë rast është të krijoni një faqe të re, pastaj, të shkoni te modelet dhe të zgjidhni atë që dëshironi të jepni në faqen tuaj.

Me kryeredaktorin

Redaktori i zyrës së përparme ka avantazhin de ju lejon të redaktoni faqen tuaj në kohë reale. Me fjalë të tjera, kjo ju lejon të shihni se si do të duket çdo ndryshim që bëni në faqen tuaj duke përdorur Visual Composer. Përparësia e kësaj qasjeje është se nuk keni pse të punoni verbërisht siç bëni me redaktuesin e faqes në zyrë.

Mund të kaloni nga një opsion në tjetrin në çdo kohë (back office ose front office).

Redaktori i zyrës së përparme nuk ndryshon aq shumë nga redaktori i zyrës së prapme, meqenëse ekziston një lokal përdorues identike, por gjithashtu të gjitha opsionet e redaktorit të zyrës së pasme janë të njëjta si në redaktorin e zyrës së përparme.

shiriti i veglave wpbakery

Sidoqoftë, pesë butona të rinj janë shtuar, këto përfshijnë:

  • Aktivizimi ose çaktivizimi i udhëzuesve
  • Emulator, i cili ju lejon të shihni se si do të duket blogu juaj në pajisje të ndryshme
  • Kthehu në butonin e zyrës së pasme
  • Butoni i ndryshimeve të ruajtjes
  • Butoni i daljes vizual kompozoj

opsionet e wpbakery

Secili element i një faqe mund të modifikohet, ju do të jeni në gjendje të shihni opsionet e disponueshme duke qëndruar pezull mbi secilin element. Butoni i formës "LUAJ", do t'ju lejojë të shfaqni më shumë mundësi për një element.

Opsionet-the-elementet-e-Front Office

Hapat e tu të parë mund të jenë të vështira, por me praktikë do të arrish një faqja kryesore të këtij lloji.  Nëse ju dëshironi, para se të merrni pluginju mund të provë atë falas (login, user: demo, password: demo).

Këtu është ajo që unë kam qenë në gjendje për të arritur në 1 minutë në shtëpi. Me praktikë, ju mund të arrini rezultate shumë të kënaqshme. Dhe nëse keni nevojë për ndihmë në ndërtimin e faqes suaj të internetit WordPress me këtë shtojcë të fuqishme, atëherë mos ngurroni kontaktoni ekipin e BlogPasChertë cilët do të jenë të lumtur për të realizuar projektet tuaja.

Shpresoj që ky mësim plotësisht në frëngjisht do t'ju ndihmojë të bëni hapat e parë me plugin « Visual Composer '. Nëse keni ndonjë problem, ne (ose ndihmë) do të jetë i lumtur t'ju ndihmojë. Mos harro: një faqe web e mrekullueshme mund të konvertojë klientët më kuriozë.

Shtesat e rekomanduara

Këtu janë disa zgjerime të kompozitorëve vizualë që ne rekomandojmë fuqimisht:

Zbuloni më shumë shtojca në Codecanyon

Ndaje këtë tutorial me ata që kanë nevojë për këtë.

%d blogerët si kjo faqe: