Želite li naučiti kako stvoriti prilagođene izglede u WordPressu? Beaver Builder omogućuje vam stvaranje vlastitih izgleda bez pisanja bilo kakvog koda. U ovom uputstvu proučit ćemo Beaver Builder i pokazati vam kako stvoriti prilagođene WordPress izglede pomoću ovog dodatka.

Dodatak za izgled kuglara Builder

Zašto i kada su vam potrebni prilagođeni izgledi

mnogo WordPress teme premium imaju izglede za različite dijelove web stranice. Međutim, ponekad ugrađeni izgled možda neće zadovoljiti vaše potrebe.

Možete stvarati predlošci Prilagodbe WordPress stranice stvaranjem podređene teme, zatim dodavanjem vlastite predlošci od stranica. Ali trebat će vam poznavanje PHP-a, HTML-a i CSS-a da bi funkcionirao.

Ovdje je Beaver Builder pridružite se igri. To je dodatak za dizajn povuci i spusti stranice na WordPressu. Pomaže vam u stvaranju vlastitog prilagođenog izgleda bez pisanja bilo kojeg koda.

Sažetak Beaver Builder-a

Beaver Builder vrlo je jednostavan za upotrebu i prikladan za početnike. Istodobno, ima nevjerojatne značajke za stvaranje stranica s profesionalnim izgledom.

Radi sa svima WordPress teme i ima mnoštvo modula koje možete jednostavno koristiti na svojoj stranici (povlačenjem i ispuštanjem). Možete stvoriti bilo koju vrstu izgleda koju želite i konfigurirati kako vam odgovara.

U ovom vodiču za Beaver Builder pokazat ćemo vam kako ga koristiti za stvaranje prilagođenih izgleda u WordPressu.

Počnimo.

Konfiguriranje tvrtke Beaver Builder

Prvo morate kupiti dodatak Beaver Builder. To je dodatak koji se plaća, počevši od 99 dolara za neograničena web mjesta.

Tada morate instalirati i aktivirati dodatak.

Nakon aktivacije idite na stranicu postavke »stranica Builder da unesete licenčni ključ.

Beaver licenca za WordPress plugin

Nakon unosa ključa licence sada ćete biti spremni za izradu izgleda.

Napravite svoj prvi prilagođeni izgled pomoću programa Beaver Builder

Samo kreirajte novu stranicu u WordPressu nastavljajući Stranice »Dodaj novo. Primijetit ćete novu karticu 'stranica Builder' u WordPress uređivaču.

Urednik stranice WordPress beaver plugin

Klikni na 'stranica Builder'za bacanje " Beaver Builder". Ako prvi put koristite Beaver Builder, vidjet ćete prozor dobrodošlice koji vam nudi obilazak s vodičem.

U ovom trenutku možete kliknuti na 'Ne, preskočite korak'. Nakon toga morate kliknuti na gumb Predlošci u gornjem izborniku.

Beaver Template WodPress dodatak

Beaver Builder nudi profesionalno dizajnirane predloške kako biste odmah započeli.

Ne brinite, predložak možete prilagoditi koliko god želite. To je samo brz način da započnete s izgledom.

Odabir postavke dodataka WordPressa Beaver

Kada odaberete izgled, Beaver Builder ga učitava u prozor za pregled. Pređite mišem preko predmeta i Beaver Builder će ga istaknuti.

Možete jednostavno kliknuti ikonu francuskog ključa na istaknutoj stavci da biste je uredili.

Uredite izgled

Beaver Builder prikazuje skočni prozor s različitim postavkama koje možete uređivati. Možete promijeniti tekst, boju, pozadinu, font, marginu itd.

Također možete kliknuti stavku u pregledu uživo i povući je po stranici.

Izgled Beaver Builder-a dizajnirani su u redovima. Možete povući i ispustiti kako biste preuredili redove. Također možete izbrisati ili dodati novi redak.

Samo kliknite na gumb Raspored redaka, a zatim odaberite broj stupaca koji želite u svom retku.

Dodajte WordPress Beaver Plugin Line

Beaver Builder će dodati redak u pregled uživo na vašoj web lokaciji.

Stavke možete dodavati u svoje retke pomoću osnovnih ili naprednih modula i dodataka. Ovi moduli omogućuju vam dodavanje najčešće korištenih elemenata poput gumba, naslova, tekstova, slika, prezentacija, audiozapisa, videozapisa itd.

Samo odaberite stavku i povucite je u red koji ste upravo dodali. Kliknite stavku da biste uredili njena svojstva.

Također možete spremiti redak ili modul za kasniju ponovnu upotrebu na drugim stranicama. Kliknite na gumb " Spremi kao " prilikom izmjene reda ili modula.

Kako spremiti modul

Kliknite na gumb gotov Kada završite s uređivanjem stranice. Beaver Builder prikazuje skočni prozor s gumbima za " objaviti "Ili" Spremite stranicu kao nacrt".

Dijaloški prozor WordPress Beaver Plugin

Također možete ponovno upotrijebiti cijeli izgled za druge stranice na svojoj WordPress stranici. Samo otvorite stranicu s dizajnerom stranica, a zatim kliknite gumb Alati na gornjoj traci.

Beaver Builder prikazat će vam skočni prozor. Stranicu možete spremiti kao predložak ili brzo stvoriti duplikat stranice s istim izgledom.

Spremite WordPress Beaver Plugin Layout

Upravljajte predlošcima izgleda na Beaver Builderu

Svaka licenca Beaver Builder daje vam pravo da je koristite na neograničenim web mjestima. Ali kako premjestiti predloške stranica s jedne WordPress stranice na drugu?

Beaver Builder pohranjuje predloške koje su stvorili korisnici u prilagođeni tip posta koji se naziva predlošci. Prema zadanim je postavkama skriven, ali možete ga učiniti vidljivim odlaskom na Postavke »Stranica graditelja i klikom na karticu Predlošci.

Samo označite okvir pored opcije 'Omogući administratorske predloške'i kliknite Spremi postavke predloška.

spremite izgled kuglice WordPress nadzorne ploče

Primijetit ćete da se zove nova stavka izbornika Predlošci pojavljuje se na vašoj WordPress nadzornoj ploči. Svi izgledi koje spremite kao predloške pojavit će se na ovoj stranici.

Budući da je ovo prilagođena vrsta posta, možete jednostavno izvesti predloške Beaver Builder koristeći ugrađenu WordPressovu funkciju izvoza.

Posjetite stranicu Alati »Izvezi i odaberite Predlošci. Kliknite na gumb Preuzmite datoteku za izvoz I WordPress će poslati XML datoteku koju možete preuzeti.

Izvoz predložaka WordPressa

Sada se povežite na WordPress web mjesto na koje želite uvesti predloške. Idi dalje Postavke »Uvoz i kliknite na WordPress.

Od vas će se zatražiti da preuzmete i instalirate dodatak za uvoz. Nakon toga moći ćete jednostavno preuzeti datoteku templates.xml i uvesti je.

To je sve! Nadamo se da vam je ovaj vodič pomogao stvoriti prilagođene WordPress izglede pomoću Beaver Builder-a. Ako imate bilo kakvih komentara ili prijedloga, javite nam u posebnom odjeljku.