Divi: Nejlepší WordPress téma všech dob!

více Stahování 901.000, Divi je nejoblíbenější téma WordPress na světě. Je kompletní, snadno použitelný a je dodáván s více než šablonami 62 zdarma.

Nyní můžeme začít vážně. Vytvoření jezdce na Posuvník Revolution může být zpočátku docela únavné. Ztratíte svá ložiska, protože budete chtít vědět, kde je tento nebo ten prvek.

Zbavením Slider Revolution se zbavíte praktikováním se zvykem a čtením tohoto tutoriálu.

Během našich předchozích kurzů jsme zjistili, jak:

A teď, když jsme nastavili náš posuvník, vytvoříme skluzavky »Od« Posuvník ".

Jak začít s editorem „Prezentace“

V zásadě po uložení konfigurací posuvníku získáte přístup do nového rozhraní, které vás seznámí s editorem „ skluzavky ".

Editor-in-slide-revoluce-slider

Nahoře si všimnete stejného panelu nástrojů, který vám umožní vrátit se do seznamu „posuvníků nebo diapozitivů“, k parametrům posuvníku a náhledu posuvníku mimo jiné.

Objevte také naše 10 pluginů WordPress, které vám umožní hodnotit vaše příspěvky na blogu

Revolution-slider-bar doutil-edici-of-slide

Ve spodní části máme novou sekci, která nám umožňuje vidět globální vrstvy, různé „snímky“ a tlačítko pro přidání nové “ slide ".

tvorba-of-slide-button-slider-revoluce

Umístěním kurzoru nad tlačítko na snímku si všimnete nových možností. Tyto možnosti jsou poměrně jasné a snadno pochopitelné (duplikovat, přidat do šablony, abyste ji mohli znovu použít a odstranit snímek).

Možnosti-creation-slide-revoluce slider

Umístěním kurzoru na tlačítko přidání snímku si všimnete dalších možností, které vám umožní přidat prázdný snímek, přidat více snímků, přidat snímek ze šablony (model).

tvorba-of-slide-Option-revoluce-slider

V současné době jste na snímku 1, a proto je v seznamu snímků zvýrazněna. Pokud vytvoříte nový snímek, bude zvýrazněn místo prvního snímku.

Druhý-slide-tvorba-Dun-posouvací jezdec-revoluce

Posuvná revoluce na této úrovni je skutečným řídicím panelem. Pokud vám vše vysvětlím, nebudete moc rozumět, takže se vyhnu mluvení o funkcích, které mohou být matoucí a ne podstatné.

Přečtěte si náš článek o 6 WordPress komprese obrázků komprese pro váš blog

Když vyberete snímek, můžete začít upravovat v následující části. Tato část se skládá z několika karet (7), které vám umožňují přístup k různým funkcím.

Jak přidat obrázek na pozadí ke scéně

První věc, kterou chcete udělat první, je přidání pozadí na náš snímek. Zde máte na výběr mezi: Obrázek na pozadí (z vaší knihovny médií), externí URL, která ukazuje na obrázek, průhledné pozadí, které bude používat barvu navrženou tématem WordPress, pevná barva, video na YouTube, Vimeo nebo HTML5. Vybereme pozadí “ obraz ".

Dosavadní stav obrazu příklad

Na webu najdete mnoho obrázků zdarma. Hledejte na Googlu. 

Image-back plan-revoluce-slider

Když přidáte obrázek, použije se to okamžitě v náhledu snímku a v „scéně“.

Szene-revoluce-slider

Jak přidat prvek do scény

Nyní, když máme dobře zdobenou scénu, přidáme prvek. Každý prvek, který přidáte do scény, se považuje za vrstvu nebo vrstvu. Tato funkce vrstvy vám pomůže věřit.

Chcete-li na scénu přidat položku, umístěte ukazatel myši Přidat vrstvu ".

fly-add-Layer-slider-revoluce

Všimněte si, že můžete přidat několik různých prvků, včetně: text / HTML, obrázky, zvuk, video, tlačítko, tvar, objekt a import prvku.

Začneme přidáním průhledného obrázku štěňátka Snoopyho.

funny-snoopy-png

Vytvořte si snadno svůj web pomocí Elementoru

Elementor vám umožní tvořit Snadno a zdarma jakýkoli design webových stránek nebo blogu s profesionálním vzhledem. Přestaňte platit hodně za web, který si můžete udělat sami.

Pak přidejte tento obrázek do scény a budete mít něco podobného:

Příklad-posouvací jezdec-revoluce

Všimněte si, že ve čtyřech rozích obrazu jsou malé čtverečky. Tato pole nám umožňují měnit velikost obrázků, protože v tomto případě Snoopy zabírá hodně místa.

Změna velikosti se provádí pomocí „ táhnout “. Chcete-li změnit velikost při zachování proporcí, podržte stisknuté tlačítko „ Květen Při změně velikosti z klávesnice.

Viz také naše 10 WordPress pluginy, které z vás učiní lepší Blogger

nové reprezentace-snoopy-revoluce-jezdec

Nyní Snoopy vypadá takto, je to vhodnější. Obrázek můžete také převrátit pomocí indikátoru umístěného v pravém horním rohu každého obrázku, například takto:

rotační dimage-revoluce-jezdec

Jak umisťovat prvky pomocí mřížky nápovědy

Mřížka nápovědy je cenným prvkem, který pomáhá při lepším umístění prvků. Můžete aktivovat mřížku nápovědy v levé dolní části jeviště.

topinkovač daide-revoluce-slider

Tato mřížka obsahuje dlaždice různých velikostí, čím menší je velikost, tím přesnější bude umístění prvku.

Investice-of-obrazů

Jak přidat animace

Ve Slider Revolution existují 3 typy animací: vstupní animace, animace během (existence prvku ve scéně) A konec animace.

Viz také naše 6 WordPress komprese obrázků komprese pro váš blog

Chcete-li přidat prvek k prvku, musíte jej nejprve vybrat kliknutím na něj (když je vybrán prvek, je orámován tečkovanou čarou s upravitelnými rohy).

Takže klikněte na Snoopy, jděte nahoru na stránku a klikněte na záložku « Animace ".

animovaný-slider-revoluce

V předchozím obrázku mám vstupní animace modře a výstupní animace červeně.

Chcete-li změnit animaci, klikněte na rozevírací seznam za ikonou běžícího muže.

icon-animovaný-slider-revoluce

Poté máte k dispozici celou řadu animací. Ponechávám na vás vybrat animaci, kterou chcete definovat pro zadání prvku. Z mé strany jsem si vybral „ easeOutElastic », Chcete-li získat tento výsledek:

Animace-entrée-snoopy

Zde pro vás naše Doplňky 4 WordPress pro zvýšení zápatí vašeho blogu

Dále vlevo můžete určit dobu trvání animace a režim animace, který musíte nechat na " Žádné rozdělení Protože ostatní možnosti platí pouze pro text, nikoli pro obrázky.

Konfigurace-duna animovaný-posouvací revoluce

Lire aussi Jak skrýt názvy článků a stránek WordPress

Teď bych rád vzplával Snoopy, na to, přejděte na " Smyčka A v rozbalovací nabídce zvolte možnost „ Vlna ". Nyní Snoopy plave:

Chcete prodávat své produkty na internetu?

Stáhněte si zdarma WooCommerce, nejlepší pluginy pro e-commerce pro prodej vašich fyzických a digitálních produktů na WordPress a snadné vytvoření vašeho online obchodu. Ideální pro začátečníky.

snoppy plovoucí

Jak nakonfigurovat viditelnost prvků

Moje Snoopy plave, ale nechci, aby byla viditelná na mobilu. Takže klikněte na „ viditelnost »A na ikoně Smartphone se ujistěte, že je deaktivovaná:

viditelnost-elementy-revoluce-jezdec

Jak upravit chování prvků

Chcete-li optimalizovat načítání jezdce, můžete chtít zpoždění načítání obrázků. To se provádí na kartě " chování S možností “ Lazy Loading “. Můžete dokonce vynutit citlivost prvků.

Chování-element revoluce jezdec

Jak vytvořit vlastní spouštěče na prvku

Akce vám umožňují přiřadit spouštěče ke konkrétním akcím. Chcete-li přidat spouštěč, klikněte na kartu Akce »Poté na tlačítko« + ».

add-a-Tlačítko spouště

Existují typy spouštěče 3:

  • Klepněte na tlačítko, které klepnete myší
  • Vstup myši přes prvek
  • Myš opouští nad prvkem

Seznam akcí je poměrně dlouhý. Například uživatele, který klikne na Snoopy, můžete přesměrovat na jinou stránku výběrem akce “ Jednoduchý odkaz Což přinese nové možnosti.

Objevte také naše 10 prémiové WordPress pluginy z Rezervace a Rezervace

Vedení-of-spouštěčů-revoluce-slider

Jak používat Slider Revolution TimeLine

Slider Revolution nabízí ve spodní části rozhraní pro správu času. Toto rozhraní umožňuje zjistit, kde začíná a kde končí animace prvku.

začíná-a-end-duna-movie-on-slider-revoluce

Na předchozím obrázku si všimnete dvou modrých šipek. První vlevo označuje začátek vstupní animace prvku a druhý označuje konec vstupní animace. Tmavě červená barva označuje životnost položky ve scéně.

Lire aussi Jak přidat odpočítávání na svém blogu WordPress

Naleznete konec také podobný druhému konci trvání (vstupní animace, životnost a animace na konci).

S „ časová osa Budete mít možnost určit, který prvek se zobrazí dříve a který prvek zmizí jako první. Je to velmi praktický nástroj, který potřebujete, abyste zvládli dobrou animaci.

Na časové ose je také přehrávač, který můžete aktivovat a zobrazit náhled snímku.

Animace-časová osa-revoluce-slider

Do té doby jsem vám dal základy pro vytvoření snímku. Nyní uložte posuvník a spusťte náhled.

Backup-and-previsulisation

To je vše pro tento tutoriál, v dalším se budeme bavit o zobrazení posuvníku na článku a některých pokročilých operacích.

Objevte také některá témata a prémiové doplňky WordPress  

Pomocí dalších pluginů WordPress můžete dát moderní vzhled a optimalizovat přilnavost vašeho blogu nebo webu.

Nabízíme vám zde prémiové doplňky WordPress, které vám to pomohou.

1. Disk Audio

Disk Audio je další plugin WordPress, který vám pomůže zobrazit audio přehrávač přímo na vašem webu pouhým stisknutím tlačítka. Rozložení zvukového přehrávače je zcela citlivé, takže mobilní uživatelé si budou jeho funkce užívat bez problémů.

Disk audio přehrávač premium wordpress pluginy přidat audio přehrávač

Kromě toho nabízí mnoho možností přizpůsobení, včetně barevných schémat, vzhledů, obrázků na pozadí a neprůhlednosti. Má několik možností, jak jej ovládat pomocí klávesnice a podobně také vám umožní zobrazit váš seznam skladeb pomocí nastavitelné posuvné lišty.

Čtěte také: Zásuvné moduly 10 WordPress pro zlepšení vyhledávání na vašem blogu

Budete také moci vložit odkazy na stahování do hudebního přehrávače a ukázat uživatelům, kam mohou jít, aby si koupili skladbu přehrávanou na vašem webu. 

Stáhnout | Demo | Web hosting

2. Pro rezervaci událostí

Jedná se o další 100% responzivní plugin WordPress, snadno přizpůsobitelný a určený pro správu rezervací na jakémkoli webu, který nabízí své služby v oblasti událostí.

Rezervace událostí pro

Mezi jeho hlavní vlastnosti patří: přizpůsobení textu, barvy, ohraničení a další, podpora PayPal, správa kupónových kódů a kuponů, podpora pro Mapy Google, podpora správy e-mailů,  podpora krátkých kódů, intuitivní ovládací panel, snadné vytváření událostí, úplná kontrola vzhledu atd.

Stáhnout | Demo | Web hosting 

3. Social Share & Locker Pro

Doplněk Social Share & Locker Pro byl navržen tak, aby pomohl vašemu webu lépe se zviditelnit na sociálních sítích. Pouhými několika kliknutími můžete buď nastavit polohu svých sociálních ikon, nebo zamknout obsah požadováním sdílení na jedné ze sociálních sítí, které nabízíte.

Sociální podíl skříňka pro WordPress plugin

Máte předdefinovaná témata 10 a to by mělo pokrývat nejčastější přání. Všechna její témata jsou sítnice a divy práce. 

30 co dělat na svých příspěvcích po jejich zveřejnění Objevte je v tomto článku.

Se Social Share & Locker Pro budete také moci zobrazit celý název sociálních sítí nebo pouze ikonu. Záleží na vašem designu, dostupném prostoru nebo vašich přáních.

Stáhnout | Demo | Web hosting

Doporučené zdroje

Zjistěte další doporučené zdroje, které vám pomohou vytvořit a spravovat váš web.

závěr

Tady je ! To je pro tuto příručku vše. Doufáme, že vám tento výukový program poskytne základy vytváření prezentace pomocí aplikace Slider Revolution na blogu nebo webu WordPress. Pokud máte nějaké dotazy, připomínky nebo poznámky, nechte je v naší sekci commentaires.

Budete však také moci konzultovat naše ressources, pokud potřebujete více prvků k realizaci vašich projektů vytváření internetových stránek, nahlédněte do našeho průvodce na internetu Vytvoření blogu WordPress.

Neváhej sdílet se svými přáteli na svých oblíbených sociálních sítích

... 

4 akcie
podíl1
tweet
Zadat3