Ako používať Visual Composer Website Builder s…

Visual Composer je tvorca webových stránok založených na ReactJS drag-and-drop pre WordPress, ktorý ponúka širokú škálu funkcií, takže vývojári a dizajnéri môžu vytvárať svoje webové stránky od začiatku s plnou tvorivou slobodou.

Tvorca stránok Visual Composer poskytuje používateľom, ktorí nie sú technicky zdatní, plnú kontrolu, pretože nevyžaduje žiadne znalosti kódovania. Ponúka však prispôsobenie prostredníctvom rozhrania API aj pre profesionálnych webových vývojárov.

V tomto článku získate prehľad o bezplatnej aj prémiovej verzii nástroja Visual Composer Website Builder pre WordPress. K dispozícii budú informácie o rozhraní, funkciách a aktivácii, takže sa môžete rozhodnúť, či je pre vás nástroj na tvorbu stránok Visual Composer tým pravým.

Prečo si vybrať Visual Composer Website Builder?

Visual Composer pre webové stránky WordPress ponúka viac ako 500 prvkov obsahu a vopred navrhnutých šablón, ktoré vám pomôžu vytvoriť kompletnú webovú stránku vrátane hlavičiek, pätiek a bočných panelov. A ak potrebujete ďalšie možnosti, editor podporuje najobľúbenejšie doplnky v oficiálnom úložisku (a rátam). Je tiež kompatibilný s akoukoľvek témou WordPress.

Pokiaľ ide o softvér, moderné technológie používané vo Visual Composer pre WordPress zaisťujú lepší výkon webu, lepšie SEO a rýchlejšie sa načítavajúce stránky, čím zaisťujú, že vaše stránky budú vyššie, budú mať väčšiu návštevnosť a zvýšia miery konverzie.

Ešte zaujímavejšie je, že Visual Composer Website Builder novej generácie vytvoril rovnaký tím ako WPBakery Page Builder (založený na krátkom kóde, drag-and-drop builder) – pôvodný tvorca webových stránok s viac ako 4,3 miliónmi aktívnych inštalácií k dnešnému dňu. Oba sú nezávislé produkty, ktoré sa líšia výkonom, funkčnosťou a funkciami, ktoré tieto doplnky ponúkajú.

Funkcie nástroja Visual Composer Website Builder

Centrum Visual Composer

Cloud je k dispozícii pre bezplatnú aj prémiovú verziu. Tu nájdete všetky prvky obsahu, šablóny, ako aj doplnky a integrácie. Jednoduchým stiahnutím si ich môžete pridať do svojej knižnice obsahu.

Najlepšie na tom sú pravidelné aktualizácie, ktoré každý týždeň zavádzajú nové funkcie a nástroje, čím rozširujú možnosti na zlepšenie používateľského zážitku.

Role manažér

Doplnok Správca rolí vám môže ušetriť čas zabezpečením vašej webovej stránky pred ľudskými chybami spôsobenými nedostatočnou kompetenciou používateľov spravujúcich vašu stránku. To vám dáva úplnú kontrolu nad používateľskými povoleniami na vašom webe WordPress úpravou prístupu k rôznym funkciám, možnostiam a právam pre akúkoľvek rolu používateľa.

Ešte dôležitejšie je, že Správca rolí prichádza s možnosťou uzamknutia prvkov. Pomocou tejto možnosti môžete ovládať funkcie editora aj obsah pre roly používateľov, ktoré nastavíte. A samozrejme je kompatibilný s doplnkami ako Yoast SEO a WooCommerce, ktoré ponúkajú ďalšie úlohy.

Možnosti dizajnu stránky

Možnosť návrhu stránky je jednou z najvýkonnejších funkcií doplnku Visual Composer WordPress. Ponúka sadu nastaviteľných parametrov pre okraje, okraje, výplň a polomer (známe ako „cibuľové kontroly“)ako aj viaceré možnosti úpravy pozadia nielen riadkov, ale aj celých príspevkov a stránok vášho webu.

Upravte si štýl stránky výberom z rôznych možností dizajnu pozadia, ako sú efekty paralaxy, animácie, pozadie videa, prezentácie obrázkov alebo prekrytie prechodom CSS.

Visual Composer Insights

Nástroj Visual Composer Insights analyzuje váš obsah a poskytuje vám inteligentné scenáre, ktoré vám pomôžu pri vytváraní lepších webových stránok.

Pomocou tipov Insights môžete zlepšiť výkonnosť svojich stránok, hodnotenie SEO a celkovú používateľskú skúsenosť.

Responzívny dizajn

Schopnosť odozvy pre rôzne typy zariadení je potvrdeným Core Web Vital. Z tohto dôvodu sa Visual Composer dodáva so vstavanými automatickými úpravami, aby sa zabezpečilo, že váš web bude pri vytváraní vhodný pre počítače, tablety a mobilné zariadenia. Alebo, ak chcete, prispôsobte nastavenia citlivosti pre každé zariadenie jednotlivo.

Možnosti dizajnu stránky tiež podporujú nastavenia responzívneho dizajnu. Pozadia, vypchávky, okraje a animácie sú tiež nastaviteľné tak, aby vyhovovali konkrétnemu zariadeniu podľa vašich predstáv.

Visual Composer Website Builder: Výhody a nevýhody

Výhody:

• Jednoduché rozhranie v editore frontendu;
• Veľké množstvo prvkov obsahu, šablón a možností dizajnu na uskutočnenie akéhokoľvek z vašich najdivokejších nápadov alebo nápadov vášho klienta;
• Najlepšia cena pre vývojárov s 1 000 lokalitami, ako aj priateľská cena za licencie na jednu a 3 lokality;
• Automatická optimalizácia pre vysoký výkon, rýchlosť a SEO;
• Živé úpravy s možnosťou vrátenia a opätovného vykonania akcií;
• Možnosti tvorcu tém na vytváranie vlastných rozložení;
• Pravidelné aktualizácie a prvotriedna podpora.

Zápory:

• Krivka učenia, ako by ste čelili pri prispôsobovaní sa akémukoľvek novému doplnku.

Nekompatibility, s ktorými sa používatelia stretávajú s nástrojom Visual Composer Website Builder

Nasleduje zoznam problémov s Visual Composer, ktoré sú najčastejšie hlásené:

• Problém s aktiváciou: Vo väčšine takýchto prípadov používatelia hlásia dosiahnutie limitu aktivácie. Je to preto, že klient má aktívnu licenciu na inej doméne alebo sa ju pokúša aktivovať na pracovisku, ktoré má inú doménu. Na vyriešenie tohto problému môžu používatelia prejsť Môj vizuálny skladateľ na správu svojich licencií – deaktivujte nepoužívané, aby ste ich mohli aktivovať inde.
• Problém s ukladaním stránky: V tomto prípade sa používateľom pri ukladaní stránky zobrazí červená značka namiesto zelenej, čo znamená, že bol dosiahnutý limit uloženia. Môže k tomu dôjsť v dôsledku chyby JavaScrip spôsobenej iným doplnkom. Pre každý prípad sa odporúča stránku z času na čas uložiť. Na odstránenie tohto problému musia používatelia skontrolovať revízie stránky. Ak je uložených veľa revízií, odporúčame ich vymazať. Odporúčame tiež aktualizovať limit pamäte a maximálnu veľkosť príspevku.
• Problém so zmenou spôsobov platby: Týka sa to používateľov, ktorí chcú v budúcnosti zmeniť kartu priradenú k účtu pre platby za obnovenie. V tomto prípade odporúčame používateľom postupovať podľa týchto krokov. V prípadoch, keď bol plugin zakúpený pred 22. januárom 2020, klient dostane e-mail, keď karta nespracuje platbu, a potom môže použiť odkaz v e-maile na aktualizáciu karty.

Ceny tvorcu webových stránok Visual Composer

Nástroj na tvorbu stránok Visual Composer pre WordPress ponúka bezplatné a prémiové ponuky. Bezplatná verzia ponúka editor drag and drop, 50+ prvkov a šablón a možnosti dizajnu na navrhnutie jednoduchého, no plne funkčného webu.

Prémiové licencie ponúkajú plnú verziu Visual Composer pre jednu (49 USD/rok) alebo 3 webové stránky (99 USD/rok), ktoré mimochodom ponúkajú bezrizikový zážitok na 15 dní, ak si vyberiete prémiu!

S najlepšou ponukou pre vývojárov a agentúry s až 1 000 stránkami za 349 USD ročne s úplným prístupom ku všetkým funkciám a doplnkom Visual Composer na rýchle a jednoduché vytvorenie webovej stránky.

Požiadavky na systém/hosting

Visual Composer je vytvorený pre WordPress, takže je prispôsobený rovnakým požiadavkám.

Na začiatok sa uistite, že máte hosting WordPress (odporúčame DreamHost) je kompatibilný s Visual Composer, skontrolujte Stav systému v časti Nastavenia ovládacieho panela Visual Composer.

Požiadavky na server

• Odporúčané PHP 7.2 alebo vyššie;
• MySQL verzie 5.6 alebo vyššej (môžete spustiť aj WordPress na MariaDB 10.0 alebo novšom);
• podpora HTTPSt (povinné pre dobré SEO).

Požiadavky na rozšírenie PHP

Požiadavky na nastavenie

• priečinok wp-content/uploads je zapisovateľný (viac informácií nájdete v Kódex WP);
• Limit pamäte v php.ini je nastavený na memory_limit = 256M;
• Maximálny čas vykonania v php.ini je nastavený na max_execution_time = 90

Dostupnosť prehliadača a zariadenia

• Visual Composer podporuje všetky najnovšie verzie hlavných prehliadačov (odporúčame ich neustále aktualizovať);
• Editor tiež podporuje všetky hlavné zariadenia vrátane možnosti upravovať svoj web z mobilu, tabletu, notebooku a počítača.

Ako nainštalovať Visual Composer pomocou DreamHost

Teraz, keď už viete všetko o výhodách používania nástroja na tvorbu webových stránok, Visual Composer sa spojil s DreamHost, aby svojim používateľom ponúkol skvelý balík pre bezplatný nástroj na tvorbu webových stránok plus hosting.

Ak ste existujúcim zákazníkom DreamHost, zamierte sem Prihlásiť sa a zadajte prihlasovacie údaje do svojho účtu. Alebo, ak ste nový používateľ, môžete si zaregistrovať nový účet.

Môžete tiež spustiť Vizuálny skladateľ z ich oficiálnej webovej stránky alebo oficiálneho úložiska doplnkov WordPress alebo na stránke správcu WordPress.

Ak chcete dokončiť inštaláciu a aktivovať doplnok, postupujte podľa pokynov inštrukcie. Po dokončení procesu ste pripravení začať budovať svoju webovú stránku!

Inovácia na prémiovú licenciu Visual Composer

Ako je uvedené vyššie, prémiová verzia Visual Composer ponúka množstvo funkcií, od prvkov obsahu a vopred navrhnutých šablón až po možnosti dizajnu a doplnky na vytvorenie kompletnej webovej stránky.

Aj keď je bezplatná verzia sama o sebe skvelá, dôrazne odporúčame vyskúšať si plný zážitok z prechodu na prémiu bez akýchkoľvek obmedzení. Ak si chcete prečítať viac o výhodách inovácie, skontrolujte Free vs Premium preskúmanie.

Prémiové funkcie

• Tvorca tém;
• Vyskakovacie okno Builder;
• globálne šablóny;
• Režim údržby;
• Prémiová podpora;
• Export/Import Addon;
• Prvky kompatibility;
• Unsplash Stock Image Library a mnoho ďalších.

Ako inovovať na Visual Composer Premium

1. Prejdite na svoj účet my.visualcomposer.com a prihláste sa;
2. Umiestnite kurzor myši na ‘Licencie’ a kliknite na ‘Upgrade’ v časti Upgrade;
3. Vyberte si novú licenciu a kliknite na Aktualizovať licenciu;
4. Dokončite objednávku vyplnením platobného formulára a máte hotovo!

Ako používať Visual Composer Website Builder (praktické)

Ukážeme vám, ako sa pohybovať v editore Visual Composer na vytvorenie webovej stránky vašich snov v týchto návodoch s videom.

Ak chcete začať stavať, prvým krokom je naučiť sa rozhranie za menej ako 3 minúty:

Ďalší krok je s vyššou dôležitosťou, pretože Centrum Visual Composer je tvoj najlepší priateľ. Koniec koncov, zadržiava všetky funkcie v editore frontendu:

Jednoducho pridajte a upravte prvky z centra a usporiadajte rozloženie pomocou drag-and-drop funkciu, ako vysvetľuje toto video:

Ak sa chcete dozvedieť viac o ovládacie prvky prvkupozrite si toto rýchle video:

Keď začnete písať obsah, využijete vstavaný TinyMCEditor textový editors prístupom ku všetkým štandardným a Google fontom, ako aj viac možností úprav ako pôvodný textový editor:

V neposlednom rade sa zaoberajte pochopením možností schopnosť reagovať a možnosti dizajnu musieť ponúknuť:

nakoniec uložiť (robte to z času na čas, aby ste nestratili pokrok) a zverejniť tvoja stránka:

Výkon tvorcu webových stránok Visual Composer na DreamHost

Faktom je, že: Nikto nemá rád pomaly sa načítavajúce webové stránky, dokonca ani Google. Rýchlosť načítania je teda jedným zo základných faktorov webovej stránky a kľúčovým faktorom hodnotenia SEO. Ukážem vám výkon stránky WordPress, ktorú vytváram pomocou nástroja Visual Composer a ktorý som hostil na pravdepodobne najrýchlejšom hostiteľskom serveri WordPress. DreamHost uvádza 99% dostupnosť stránky, takže je čas skontrolovať toto tvrdenie testovaním stránky na rôznych nástrojoch.

Zdroje, ktoré sme použili

Analýza výkonnosti GTMetrix

URL: https://gtmetrix.com/reports/wordpress-643363-2096364.cloudwaysapps.com/PhpcRxMj/

• Výkon: 100%
• Štruktúra: 96 %
• LCP: 569 ms
• TBT: 0 ms
• CLS: 0

Analýza výkonnosti Pingdom

URL: https://tools.pingdom.com/#5ecfa5794e000000

• Výkonnostný stupeň: 87
• Veľkosť stránky: 968,4 kB
• Čas načítania: 295 ms
• Žiadosti: 33

Analýza výkonnosti PageSpeed ​​Insight

• Celková známka: 99
• FCP: 0,4 s
• Index rýchlosti: 1,9 s
• LCP: 0,9 s
• TTI: 0,4 s
• TBT: 0 ms
• CLS: 0

(Všimnite si, že sme použili hosting WordPress spravovaný DreamHost s dedikovanými servermi a vstavanými doplnkami vyrovnávacej pamäte.)

Tvorca webových stránok Visual Composer + recenzie používateľov DreamHost

Zhrnutie

Forbes zaradil Visual Composer ako jeden z nevyhnutných doplnkov WordPress pre vašu firemnú webovú stránku kvôli slobode dizajnu, výkonným funkciám a jednoduchému použitiu.

Teraz môžete tiež vytvoriť špičkovú webovú stránku, ako sú TEDx, Martini, BBDO a tisíce ďalších #MadeInVCa neexistujú žiadne obmedzenia v tom, čo môžete vytvoriť.

Ak chcete vytvoriť rýchly a vysokokvalitný web ešte dnes, začnite s bezplatnou verziou Visual Composer a témou Starter na overenom cloudovom hostingu spravovanom WordPress od DreamHost. Pozrite si webinár DreamHost o hľadaní najrýchlejšieho WordPressu.

Už používate Visual Composer? Napíšte recenziu tu. 🙂

×

Získajte náš bulletin
Buďte prvý, kto získa najnovšie aktualizácie a návody.

Ďakujeme, že ste nás odoberali!