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.

Chcete konfigurovat plugin WordPress Slider Revolution?

Od začátku této série tutoriálů věnovaných pluginu WordPress  Posuvník Revoluci jsme se naučili stáhnout a nainstalovat plugin, pak jsme objevil jeho rozhraní a jeho různé funkce, Nyní pojďme ukázat vám konfigurace a „Slider“.

Pokud jste začátečník a hledáte zdroje, jak začít; najdete zde vše, co potřebujete, abyste mohli začít, A pokud objevíte vytvoření blogu, přečtěte si Jak snadno vytvořit blog WordPress: Guide & Tuto

To znamená, pojďme zjistit, co je to posuvník.

Co je to slider v praxi?

Posuvník je komponenta HTML. Ano, vím, řekl jsem, že vám to nepřinese mnoho výhod. Posuvník je tedy funkce, která vám umožňuje zobrazit různé informace ve smyčce (nebo ne). Tyto informace jsou seskupeny podle " slide “, Což je entita„ jezdce “a která může obsahovat obrázky, video texty, odkazy atd.Slider Revolution - WordPress Slider Revolution plugin

Posuvník „Proto obsahuje“ skluzavky (Alespoň 1) a tyto snímky obsahují multimediální prvky (obrázky, video, hudba, text), které mohou být animované nebo interaktivní (reagovat na akce uživatele).

Poznámka : Můžete přeložit „ posuvníky V " Interaktivní a dynamické snímky ".

Slider Revolution nám to umožňuje a začneme bez dalšího zpoždění.

Pokud jste si ještě nevytvořili webové stránky a hledáte téma WordPress, které nativně integruje tento výkonný WordPress plugin, tento seznam prémiových témat WordPress bude dokonalý.

Vytvoření posuvníku: První konfigurace

Chcete-li začít, musíte kliknout na nabídku " Posuvník Revoluce Na hlavním panelu WordPress.

Revoluční posuvník wordpress

Nyní klikněte na položku nový Slider A dostanete se do konfiguračního rozhraní jezdce.

new-slider-slider-revoluce-tutorial

Konfigurační rozhraní posuvníku může být zastrašující, ale pokud ustoupíte zpět, lépe pochopíte jeho funkčnost. Můžete si všimnout, že toto rozhraní se skládá ze dvou částí. První vlevo se skládá z 5 různých oblastí a druhá vpravo se skládá ze 6 malých oblastí. Hned nahoře máte panel nástrojů, který vám umožňuje:

  • Zpět na seznam posuvníků « Všechny Sliders »
  • Přístup k nastavení posuvníku (toto je okno, ve kterém se nacházíte)
  • Úpravy rozhraní snímků
  • Tlačítko pro zálohování
  • Tlačítko pro úpravu snímku
  • Tlačítko posuvného náhledu
  • Tlačítko pro odstranění posuvníku
  • Tlačítko pro návrat (znovu) Do seznamu jezdců

pruh nástrojů-revoluce-slider

Nyní budu vysvětlovat každý oddíl v levém sloupci.

Tento plugin WordPress manipuluje se spoustou obrázků, což by mohlo zpomalit načítání vašeho webu. Objevit Proč je třeba začít optimalizovat blog WordPress pomocí obrázků

část „Zdroj obsahu“

Obsah-source revoluce jezdec

Tato část umožňuje konfigurovat zdroj posuvníku. Ve skutečnosti se zde můžete rozhodnout vytvořit:

  • Klasický posuvník, ve kterém budete muset sami nakonfigurovat všechny animace
  • Posuvník článků, ve kterém je váš manévrovací prostor poměrně omezený
  • Posuvník konkrétních článků, které si můžete vybrat
  • Posuvník informačního kanálu Flickr
  • Posuvník zdroje Instagramu
  • Posuvník produktů WooCommerce
  • Jezdec na kanálu Twitter
  • Posuvník na příspěvcích na Facebooku
  • Jezdec na YouTube Publikace
  • A posuvník na publikacích Vimeo

Je třeba poznamenat, že: Slider Revolution je výkonný plugin, který umožňuje zvýrazňovat produkty v internetovém obchodě. Objevte Témata 10 WordPress k vytvoření internetového obchodu a předvedení oblečení

To znamená, že budeme spokojeni s tím, jak vytvořit klasický jezdec, protože je nejpoužívanější, nejobtížnější zvládnout a nejneobyčejnější ve svých účincích. S praxí se vám podaří vytvořit si vlastní konfigurace na jiných jezdcích. V případě problémů se neváhejte vrátit a zanechat komentář zde. Takže ponechte možnost “ Výchozí posuvník "Aktivní.

Sekce Posuvník Název a zkrácený kód

Pravděpodobně jste to uhodli. V této části můžete definovat název posuvníku a zkrácený kód, který jej bude doprovázet (nic jiného než raketová věda).

název a zkrácený-du slider

Sekce „Vyberte typ posuvníku“

select-a-Kind-of-jezdec-slider-revoluce

Tato část umožňuje definovat základní strukturu posuvníku. Ve skutečnosti máte k dispozici 3 možnosti, ze kterých si můžete vybrat:

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.

  • Pro první možnost definujte výchozí posuvník se šířkami přizpůsobenými dostupnému prostoru a obsahujícími základní prvky, jako jsou navigační tlačítka.
  • U druhé možnosti se můžete rozhodnout použít dynamický a interaktivní styl, bez navigačního tlačítka a mnohem většího než předchozí možnost. Tato možnost se nazývá „scéna hrdiny“, protože zde budete klást větší důraz na animace a interakci.
  • Poslední možnost nabízí mnohem klasičtější styl se zjednodušeným posouváním obrázků zleva doprava v celkem pestrých animacích.

Poznámka : Kdykoli si vyberete možnost, máte sekci "Vložte přednastavení z tohoto typu posuvníkuCož vám nabízí pokročilé variace typu posuvníku, který jste si vybrali.

change-of-druh-of-jezdce

Nebudu moci vysvětlit všechny varianty, ale budete moci vyvodit závěry z dostupných obrázků. Například pro typ posuvníku “ Standard Máte čtvrtou variantu “ Palec Bottom samostatně ", Což vám umožní vytvořit posuvník s miniaturami dole a má animaci s automatickým posouváním.

Palec-bottom self-slider-revoluce-tutorial

Sekce „Rozložení snímků“

slider-layout-revoluce-slider

Tato část umožňuje nastavit rozvržení posuvníku. Takže můžete odejít Revoluce Slider »Automaticky vyberte šířky, které bude aplikovat na posuvník, zvolte použít na posuvník celou šířku nebo použijte posuvník v režimu celé obrazovky.

V závislosti na tom, kterou možnost vyberete, se váš posuvník na některých zařízeních bude lišit. Máte níže sekci konfigurace mřížky podle zařízení (mobil, počítač, atd..). Mějte na paměti, že konfigurace mřížky umožňuje změnit vnitřní okraje každého jezdce.

Přečtěte si také Tipy 6 pro optimalizaci mobilního designu vašeho blogu

Na samém konci této části si můžete vybrat, zda chcete povolit viditelnost přetečení, povolit zachování rádiového vzhledu a nastavit minimální výšku.

Sekce „Přizpůsobit, vytvořit a implementovat“

Tato sekce ve skutečnosti nemá možnost pro plugin. Nabízí několik rychlých odkazů na důležité sekce.

přizpůsobit-build-nářadí

Nyní budeme pokračovat druhým sloupcem vpravo.

Část Obecná nastavení

Tato část nabízí některá nastavení, která se použijí pro posuvník. Takto můžete:

Na kartě Prezentace

  • Zakázat posuvník při nadjezdu
  • Po nastaveném počtu svitků zastavte posuvník
  • Zobrazit snímky náhodně
  • Smyčku sklopte
  • Deaktivujte nebo zastavte posuvník na určité velikosti zařízení
  • Poslední možnost „Čekat na revapi.revstart ()“ pro vás nebude užitečná.

Na kartě „Poruchy“

Můžete definovat:

  • Volitelný znak vrstev
  • Definujte identifikátor posuvníku (provádí se automaticky)
  • Minimální doba mezi snímky
  • Časový limit před inicializací
  • Přechod mezi snímky
  • Trvání přechodu vyjádřené v mikrosekundách
  • Velikost obrazu
  • Pozice CSS obrázku na pozadí
  • Opakování obrázku na pozadí, pokud tento obrázek není dostatečně velký
  • Aktivace možnosti " video Muette Což vám umožní definovat typ animace, pozice v XY (ano, co se naučíte, když musíte kreslit matematické funkce) a dalších prvků.

Karta ukazatele průběhu

Všechny možnosti v této části jsou pro panel postupu, který můžete povolit a přizpůsobit.

Karta 1er Klouzat

Tato část umožňuje aktivovat první alternativní snímek. To umožní Posuvník Načíst „ slide Jako první si vyberete. Pamatujte na to “ skluzavky Jsou prvky, které lze identifikovat.

Sekce „Layout & Visual“

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.

layout-and-vizuální

Karta Vzhled

Tato část umožňuje konfigurovat vzhled posuvníku. Zejména můžete definovat zobrazování stínu pod posuvníkem (velmi užitečné, pokud zvolíte výchozí posuvník, se značně nízkým okrajem).

Můžete také zvolit zobrazení překryvné vrstvy pokryté průhlednými tečkami (díky tomu bude váš posuvník velmi originální, ale pokud chcete zobrazit informace, které budete muset důkladně přečíst, budete muset jít bez).

Pak máte na pozadí posuvník, vnitřní okraj a obrázek na pozadí (to, co potřebujete vědět, je to, že se obrázek pozadí na této úrovni zobrazí na všech vašich klouže).

záložka „Spinner“

Tato karta umožňuje definovat animaci při načítání jezdce, nic víc.

na kartě „Mobilní“

Tato karta umožňuje spravovat zobrazení posuvníku na mobilu. Musíte vědět, že mobilní provoz je důležitý, a proto byste jej neměli zanedbávat. Pokud jsou rozměry mobilního telefonu (šířka) menší než číslo, které jste určili (v pixelech), budete mít možnost jezdce skrýt.

záložka „Poloha“

To vám umožní určit polohu posuvníku vzhledem ke stránce. Budu mít tendenci říkat ve vztahu k místu, kde se nachází. Tuto možnost není třeba upravovat, protože předpokládám, že všichni chceme, aby byl posuvník vystředěn.

Sekce „Navigace“

Tato část umožňuje aktivovat navigační tlačítka mezi snímky na „posuvníku“. Máte 6 možností navigace:

  • Šipky
  • blechy
  • Karty
  • náhledy
  • Vliv přistání na mobilní zařízení
  • A navigaci pomocí šipek

Každá možnost, pokud je povolena, vám umožní nakonfigurovat polohu navigačních prvků nebo jejich princip fungování (výchozí nastavení je obvykle dostačující).

Konfigurace-navigace-revoluce-jezdec

Sekce „Nastavení karuselu“

část parametr-du karuselového revoluce jezdec

Tato část se zobrazí, pouze pokud vyberete typ „ Posuvník karuselu », A umožňuje konfigurovat jeho možnosti. Budeš schopen:

  • Povolit nekonečné posouvání
  • Pokud nechcete, aby se snímky dotýkaly, zadejte mezeru mezi snímky
  • Nastavte zaoblený rámeček v pixelech
  • Nastavit horní horní okraj (padding-top)
  • Nastavit dolní horní okraj (padding-bottom)
  • Počet prvků viditelných na „snímku“
  • « strech element„, Umožňuje natáhnout prvek tak, aby zabíral celou šířku“ Posuvník »

Zabezpečení je důležitým prvkem doby provozuschopnosti vašeho webu a jednou z technik, která vás ochrání před jakýmikoli vážnými útoky nebo chybami, je pravidelné zálohování blogu. Objevte naše Zásuvné moduly pro zálohování blogu 5 WordPress

Sekce „Paralaxa a 3D“

Zde můžete aktivovat možnost „ 3D Na vašem posuvníku.

Sekce „Problém a řešení“

Tato část umožňuje spravovat kompatibilitu se starými zařízeními. Posuvník můžete zjednodušit IOS4 a Internet Explorer 8 ".

V opačném případě můžete zvolit zobrazení alternativního obrázku, pokud prohlížeč posuvník nepodporuje.

Sekce „Fonty Google“

Tato funkce vám umožňuje spravovat písma Google Fonts, která si stáhnete, a použít je na posuvník.

Jakmile definujete parametry posuvníku. Jediné, co musíte udělat, je kliknout na tlačítko záznamu.

save-a-posuvný jezdec-revoluce

Pokud plugin WordPress Slider Revolution není váš oblíbený, pokud jde o vytváření posuvníků na webových stránkách WordPress, nabízíme dvě alternativy schopné nabídnout podobné funkce.

1. LayerSlider

LayerSlider je prémiový víceúčelový animační plugin WordPress. Dává vám možnost vytvářet prezentace a galerie obrázků s ohromujícími efekty, krásně animované vstupní stránky a bloky stránek nebo dokonce celý web.Layerslider wordpress plugin create slider 1

Je to jedna z alternativ schopných úzce konkurovat Slider Revolution. Jeho vizuální editor drag-and-drop umožňuje každému uživateli velmi intuitivní začít jej používat. Nejsou vyžadovány žádné technické ani kódovací dovednosti. Jeho stále rostoucí výběr importovatelných modelů je ideálním výchozím bodem pro nové projekty a pokrývá všechny běžné případy použití. Jsou vyráběny opatrně a lze je snadno přizpůsobit tak, aby vyhovovaly všem potřebám.

Vynikající podpora a časté aktualizace zajišťují, že z nákupu získáte maximum.

Přejděte dále s tímto výkonným pluginem WordPress přečtením tohoto článku Layer Slider: WordPress plugin pro vytvoření posuvníku

Stáhnout | Demo | Web hosting

2. Posuvník WP1

WP1 Slider je univerzální plugin WordPress. Je snadno použitelný a má všechny užitečné funkce, které budete potřebovat k vytvoření nádherných prezentací. Většina zásuvných modulů je příliš technická a vyžaduje jejich konfiguraci spoustu času, ale WP1 Slider je určen pro neprogramátory a nabízí neuvěřitelné možnosti.Wp1 slide pro wordpress pluginy vytvářejí prezentace webových stránek

Mezi nimi najdete:podpora účinků Kenburn, 6 různé modely posuvných přechodů,upport krátkých kódů, a cvnímání diapozitivů přetažením, crychlé obtěžování a vynikající SEO,podpora sdílení na několika sociálních sítích, iintegrace videí YouTube a Vimeo, rozložení eplně reagující, podpora WooCommerce a další.

Stáhnout | Demo | Web hosting

Další doporučené zdroje

Zveme vás také, abyste si prostudovali níže uvedené zdroje, abyste se dostali dále do sevření a kontroly nad svým webem a blogem.

závěr

Voila! To je vše pro tuto prezentaci o konfiguraci pluginu WordPress Posuvník Revolution. Budeme pokračovat v budoucím tutoriálu, kde budeme diskutovat o designu diapozitivů.

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 nebo ten, který je zapnutý Divi: nejlepší téma WordPress všech dob.

Pokud však máte k této záležitosti jakékoli připomínky nebo návrhy, uvítají je v sekci komentářů. Zvláště sdílejte tento článek o svých odlišných sociální sítě.

10 akcie
podíl2
tweet1
Zadat7