Sprievodca a recenzia doplnku Beaver Builder WordPress

Sprievodca a recenzia doplnku Beaver Builder WordPress

Tvorcovia stránok už chvíľu hovoria o komunite WordPress. Tieto nástroje sú populárne už dlhú dobu, ale so zavedením nového editora blokov sa mnohí pýtali, aké sú stále relevantné..


Editor blokov je síce zaujímavá nová funkcia, ale pri navrhovaní vlastných stránok a príspevkov nič neprekonáva doplnky pre tvorcov stránok. Doplnok WordPress pre Beaver Builder je dokonalým príkladom výhod, ktoré tento druh nástroja ponúka – je ľahko použiteľný a prekvapivo silný.

V tomto príspevku sa podrobne pozrieme na Beaver Buildera. Budeme diskutovať o jeho hlavných funkciách a cenách a potom vám ukážeme, ako to funguje v akcii, takže sa môžete sami rozhodnúť, či je to pre vaše webové stránky správne riešenie na vytváranie stránok..

Poďme priamo do nášho nového a vylepšeného aktualizovaného sprievodcu tvorcom stránky Beaver Build WordPress!

Prečo by ste mali potrebovať tvorbu stránok WordPress

Pokiaľ nie ste na tejto platforme úplne nový, pravdepodobne ste oboznámení s editorom Classic WordPress:

Klasický editor WordPress

Aj keď to bolo funkčné, vždy to bol systém holých kostí. Takmer všetok váš obsah bol pridaný do jedného poľa, vrátane textu, médií atď. Bolo možné vytvoriť jedinečné rozloženia a pridať skvelé funkcie, ale často vyžadovalo know-how a / alebo ďalšie doplnkové kódy.

Vývojári WordPress však nedávno vydali úplne novú verziu editora, ktorý teraz poháňa Gutenberg:

Editor WordPress Gutenberg

Táto zmena bola už dávno na rade, nie je to však nič zvlášť nové. Editor blokov je zjednodušená verzia nástroja na tvorbu stránok – riešenie, ktoré používatelia WordPressu už nejaký čas využívajú.

Aj keď je každý tvorca stránok WordPress iný, na základnej úrovni sú takmer všetky založené na rovnakom základnom koncepte. Poskytujú vám výber vopred zostavených prvkov a umožňujú vám z nich vytvárať obsah. Cieľom je uľahčiť a intuitívnejšie vytvárať obsah pomocou jedinečných rozložení a funkcií, aj keď nemáte skúsenosti s návrhom alebo kódovaním..

Je však potrebné poznamenať, že Editor blokov je veľmi obmedzená funkcia. Umožňuje navrhovať príspevky a stránky vizuálnejším spôsobom, ale ponúka malú knižnicu blokov a malú podporu zložitých rozložení. Z tohto dôvodu stále stojí za to preskúmať vaše ďalšie možnosti nástroja na tvorbu stránok – napríklad doplnok, o ktorom budeme diskutovať po zvyšok tohto príspevku..

Základy Beaver Buildera

Beaver Builder pre WordPress

Info & DownloadView The Demo

Beaver Builder je jedným z najpopulárnejších doplnkov na tvorbu stránok, a to z dobrého dôvodu. Pre začiatočníkov je ľahké ich vyzdvihnúť, no napriek tomu ponúka širokú škálu možností na hranie. Na základnej úrovni je to systém drag-and-drop na vytváranie príspevkov a stránok – rovnako ako ktorýkoľvek iný tvorca stránok. Ponúka však aj veľa ďalších funkcií.

Medzi kľúčové funkcie tohto doplnku patria:

  • Veľká knižnica „modulov“ obsahu, od základných možností (napríklad textové a obrázkové moduly) až po pokročilejšie funkcie (výzva na akciu, moduly mapy a galérie atď.).
  • Vlastné rozhranie na úpravy, ktoré vám umožňuje vizuálne vytvárať stránky, príspevky a vlastné typy príspevkov a okamžite zobraziť zmeny.
  • Schopnosť vytvárať zložité rozmiestnenia viacerých stĺpcov a upravovať veľkosti, rozstupy a ďalšie.
  • Preddefinované sekcie a šablóny stránok, ktoré vám umožnia začať proces navrhovania, ktorý môžete podľa potreby upravovať.
  • Možnosť vytvoriť a uložiť svoje vlastné šablóny pre neskoršie použitie.
  • Možnosti pridania vlastného jazyka HTML a vlastných tried CSS pre pokročilejších používateľov.

Všetky tieto funkcie samozrejme prichádzajú za poplatok. Kým tam je Beaver Builder Lite bezplatná verzia, ponúka iba niekoľko základných modulov a neobsahuje veľa základných funkcií ako sú šablóny a možnosti importu / exportu. Lite verzia je však užitočná na to, aby tento nástroj na tvorbu stránok testoval a zistil, či sa vám páči, ako to funguje.

Ak plánujete Beaver Builder používať vážne, budete si chcieť získať prémiovú licenciu, aby ste získali prístup k úplnému balíku. Začínajú sa na 99 dolárov na použitie na neobmedzených webových stránkach a na jeden rok podpory:

Ceny Beaver Buildera

Tento konkrétny nástroj robí vyžadujú počiatočnú investíciu. Počiatočné náklady sa však z dlhodobého hľadiska môžu vyplatiť v úspornom čase a z efektívnejšom webe, takže to nie je zlé, ak je to v rámci vášho rozpočtu..

Ako začať s Beaver Builderom

Ak ste pri plote o tom, či si chcete pre svoj web vyzdvihnúť nový doplnok, najlepšie je, ak sa o ňom dozviete všetko, čo môžete. Pokiaľ ide o tvorcov stránok, zahŕňa to, ako vyzerajú, ako fungujú a aké možnosti poskytujú.

S ohľadom na to sa pozrime na to, aké to je vyzdvihnúť Beaver Buildera, a začnite ho používať na vytváranie príspevkov a stránok. Prvé, čo musíte urobiť, je, samozrejme, nainštalovať a aktivovať doplnok.

Okrem toho budete chcieť aktivovať licenčný kľúč, ak ste si zakúpili prémiovú verziu (ktorú budeme používať v tomto návode). Potom môžete začať pracovať.

Krok 1: Prístup k editoru Beaver Builder

Po nainštalovaní doplnku sa na hlavnom paneli zobrazí nová karta Beaver Builder. Tu sa uloží váš vlastný obsah – napríklad ak si vytvoríte vlastné jedinečné šablóny.

Obsah môžete vytvoriť aj pomocou nástroja na tvorbu stránok Beaver Builder> Pridať nový. Prípadne môžete jednoducho ísť na Stránky> Pridať nové (alebo ekvivalent pre príspevky a vlastné typy príspevkov). Uvidíte novú možnosť:

Spustenie Beaver Builder

To znamená, že svoj obsah môžete vytvoriť buď v predvolenom editore WordPress alebo v nástroji na tvorbu stránok. Poďme na to Spustite Beaver Builder tlačidlo:

Beaver Builder Editor stránky

Ako vidíte, dostanete sa na úplne nové rozhranie. Tu môžete vytvoriť obsah a presne vidieť, ako bude vyzerať na stránke.

Krok 2: Vyberte počiatočnú šablónu

Je potrebné poznamenať, že ak to nechcete, nemusíte používať šablóny. Svoje stránky a príspevky môžete zostavovať úplne od nuly pridaním ľubovoľných modulov. Najjednoduchší spôsob, ako sa naučiť, je začať so šablónou, ktorú tu ukážeme.

V ponuke na pravej strane editora vyberte ikonu šablóny kartu hore a uvidíte veľa možností. Stačí kliknúť na šablónu alebo ju pretiahnuť na stránku a zobrazí sa jej plná verzia:

Šablóny Beaver Buildera

Takto získate počiatočné rozloženie spolu s zástupným textom a obrázkami. Našťastie každý prvok tu môže byť ľubovoľne nahradený a upravený, takže pre svoj web môžete vytvoriť niečo jedinečné.

Krok 3: Upravte jednotlivé moduly

Každý jednotlivý prvok v editore Beaver Builder je samostatný modul. Ak chcete vidieť, čo máme na mysli, môžete umiestniť kurzor myši na časť textu, obrázka alebo funkcie v začiatočnej šablóne. Zobrazí sa modul načrtnutý modrou farbou a po kliknutí naň sa zobrazí nová ponuka:

Nastavenia modulu Beaver Builder

Toto je pole nastavení pre tento modul. Obsahuje všetky možnosti prispôsobenia vybratej časti obsahu. Presne to, čo obsahuje, bude teda závisieť od typu obsahu, s ktorým pracujete.

Napríklad fotografie modul umožňuje zmeniť použitý súbor a pridať popis a / alebo odkaz. Môžete tiež prepnúť na Štýl upravte zarovnanie obrázka, okraj a ďalšie možnosti:

Nastavenia štýlu Beaver Buildera

Väčšina modulov tiež obsahuje Pokročilé kartu, kde môžete vylepšiť jej okraje, zviditeľniť ju iba na určitých typoch zariadení, pridať vlastný kód HTML atď.:

Rozšírené nastavenia Beaver Buildera

Ako vidíte, prispôsobenie modulov Beaver Builder je hračkou. Oboznámiť sa s možnosťami, ktoré jednotlivé typy modulov ponúkajú, si vyžaduje trochu času, ale akonáhle tak urobíte, ocitnete sa sami za pridanie vlastného obsahu.

Krok 4: Prispôsobte organizáciu a rozloženie obsahu

Spolu s vykonávaním zmien v jednotlivých moduloch môžete svoju stránku upraviť aj ako celok. Jedným zo spôsobov, ako to dosiahnuť, je pridanie a odstránenie modulov. Ak chcete pridať modul, jednoducho vyberte modul z hlavnej ponuky editora a presuňte ho na miesto na stránke:

Modul kontaktného formulára Beaver Builder

Na druhú stranu, môžete odstrániť moduly zasiahnutím X ktorá sa zobrazí, keď nad nimi prejdete. Moduly môžete tiež ťahať nahor a nadol alebo zo strany na stranu, aby ste ich podľa potreby usporiadali.

Okrem toho môžete zmeniť celkové rozloženie svojej stránky. Ak chcete vidieť tento príklad v akcii, umiestnite kurzor myši na modul a stlačte kláves Upraviť stĺpec> Nastavenia stĺpcov:

Stĺpce Beaver Builder

Tu nájdete možnosti týkajúce sa všetkých modulov v príslušnom stĺpci. Môžete napríklad upraviť farbu pozadia a medzeru stĺpca a pridať hranicu.

Teraz umiestnite kurzor myši na pozadie stránky a vyberte položku Nastavenia riadkov v pravom hornom rohu:

Beaver Builder Rows

Zobrazí sa podobné menu, ale tentoraz sa možnosti vzťahujú na príslušný rad modulov. Môžete nastaviť riadok na pevnú alebo plnú šírku, prispôsobiť farby a vykonať mnoho rovnakých zmien, aké máte k dispozícii so stĺpcami.

Nakoniec znova vyberte hlavnú ponuku editora a prejdite na ikonu riadky Záložka:

Možnosti stĺpcov Beaver Buildera

Tu môžete na svoju stránku pridať nové riadky a stĺpce, čo vám umožní dramaticky zmeniť jej rozloženie. Okrem toho je to prvé miesto, ktoré by ste chceli navštíviť, ak vytvárate stránku alebo príspevok od nuly. Najprv môžete určiť rozloženie obsahu a potom pridať moduly, kdekoľvek chcete.

Krok 5: Rozviňte súpravu prvkov nástroja na tvorbu stránok (voliteľné)

Stojí za zmienku, že tam sú veľa ďalších funkcií a možností v Beaver Buildere – povrch sme iba poškriabali. Aby sme mohli začať, prešli sme však kľúčovými funkciami, ktorým musíte porozumieť. Potom je praktický prístup najlepším spôsobom, ako sa naučiť laná.

Pred zabalením by sme však mali zdôrazniť, že existuje niekoľko spôsobov, ako môžete z tohto konkrétneho nástroja na tvorbu stránok získať viac. Najprv je tu úradník Téma Beaver Builder, ktoré získate zadarmo s dvoma najvyššími úrovňami licencií:

Beaver Builder Framework Theme

Beaver Builder môžete použiť s ľubovoľnou témou, ktorá sa vám páči. Tento je však postavený od základov a funguje spolu s tvorcom stránok. Poskytuje základný rámec, ktorý môžete tvarovať do mnohých rôznych typov a štýlov webových stránok.

K dispozícii je tiež voliteľný doplnok Beaver Themer:

Beaver Themer Addon

Pomocou tohto doplnku môžete tiež použiť nástroj na vytváranie a presúvanie stránok Beaver Builder na hlavičkách a pätách stránok, archívnych stránkach, stránkach 404 a vyhľadávacích stránkach a ďalšie. To vám umožní navrhnúť takmer celú vašu webovú stránku pomocou rovnakého systému.

Na 147 dolárov sa nemusí zmestiť do každého rozpočtu, ale je to užitočný doplnok pre web, ktorý chcete speňažiť, alebo pre vývojárov a dizajnérov pracujúcich na viacerých stránkach..


Výber nástroja na tvorbu stránok pre váš web je veľký záväzok. Zmena spôsobu vytvárania a navrhovania obsahu na cestách môže spôsobiť problémy s kompatibilitou, preto je najlepšie začať s nástrojom, o ktorom viete, že ho budete radi používať z dlhodobého hľadiska..

našťastie, Beaver Builder predstavuje solídnu možnosť pre začiatočníkov aj pokročilých používateľov. Navyše, ako ste videli vyššie, je ľahké začať.

Už ste niekedy použili Beaver Builder a aká bola vaša skúsenosť? Podeľte sa s nami v sekcii komentárov nižšie!

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me