Szeretné konfigurálni a WordPress plugint Slider Revolution?

Eleje óta ennek az oktatóanyag-sorozatnak szentelt WordPress plugint  Slider Forradalom, megtanultuk töltse le és telepítse a bővítményt. ezután felfedezte interfészét és különféle funkcióit. Most menjünk tovább, ha megmutatjuk az a konfigurációját "Csúszka".

Ha Ön kezdő és erőforrásokat keres az induláshoz; itt található mindent, amire szükség van az induláshoz. És ha felfedezi a blog létrehozását, olvassa el Hogyan hozzunk létre egy WordPress Blog könnyen: Guide & Tuto

Ennek ellenére nézzük meg, mi az a csúszka.

Mi a csúszka a gyakorlatban?

A csúszka egy HTML -összetevő. Igen, tudom, így mondom, nem sok haszna van. Tehát a csúszka olyan funkció, amely lehetővé teszi különböző információk hurokban történő megjelenítését (vagy nem). Ezeket az információkat a " csúszik ", Amely egy" csúszka "entitása, és amely képeket, videószövegeket, linkeket stb. Tartalmazhat.Csúszka forradalom - WordPress Slider Revolution beépülő modul

A " csúszka "Ezért tartalmazza" Diák (Legalább 1), és ezek a diák multimédiás elemeket tartalmaznak (képek, videó, zene, szöveg), amely animált vagy interaktív (reagálni kell a felhasználó cselekedeteire).

Jegyzet : Le tudja fordítani " csúszkák A " interaktív és dinamikus diák ".

A csúszó forradalom lehetővé teszi számunkra, hogy ezt megtegyük, és további késedelem nélkül indulunk.

Ha még nem készített weboldalt és keres egy WordPress téma amely natívan integrálja ezt a hatalmas WordPress plugint, a prémium WordPress témák e listája tökéletes lesz.

Csúszka létrehozása: Első konfigurációk

A kezdéshez kattintson a menüre " Slider Forradalom A WordPress irányítópultján.

Forradalom csúszka wordpress

Most kattintson az elemre új csúszka És eljut a csúszka konfigurációs felületére.

Új-csúszka csúszka-forradalom-bemutató

A csúszka konfigurációs felülete félelmetes lehet, de ha visszalép, akkor jobban megérti annak funkcionalitását. Észreveheti, hogy ez a felület két szakaszból áll. A bal oldali első 5 különböző területből áll, a jobb oldali második pedig 6 kis területből áll. Közvetlenül fent van az eszköztár, amely lehetővé teszi a következőket:

  • Vissza a csúszkák listájához « Minden Sliders »
  • Hozzáférés a csúszka beállításaihoz (ezen az ablakon állsz)
  • A diák szerkesztő felülete
  • A mentés gomb
  • Diaszerkesztő gomb
  • Csúszka előnézet gomb
  • Csúszka eltávolító gomb
  • A gombot, hogy visszatérjen (még) A listát a csúszkák

bár az eszközök forradalom csúszka

Én most elmagyarázni minden részén a bal oldali oszlopban.

Ez a WordPress plugin sok képet manipulál, ami lelassíthatja a weboldal betöltését. Felfedez Miért kell kezdenie a WordPress blog optimalizálását képek alapján

a "Tartalomforrás" szakasz

content-forrás forradalom csúszka

Ez a szakasz lehetővé teszi a csúszka forrásának konfigurálását. Valóban, itt dönthet a létrehozásáról:

  • Klasszikus csúszka, amelyben az összes animációt önnek kell konfigurálnia
  • Cikk csúszka, amelyben a mozgástere nagyon korlátozott
  • A kiválasztott konkrét cikkek csúszkája
  • A Flickr hírcsatorna csúszkája
  • Az Instagram feed csúszkája
  • Termékcsúszka WooCommerce
  • A csúszka a Twitter feed
  • Egy csúszka a Facebook bejegyzésekben
  • A csúszka a YouTube-on Publications
  • És egy csúszka a Vimeo kiadványokról

Az elején meg kell jegyezni: a Slider Revolution egy erős plugin, amely lehetővé teszi a termékek kiemelését egy online áruházban. Fedezze fel a 10 WordPress témák online áruház létrehozásához és a ruháinak bemutatásához

Ennek ellenére elégedetten fogjuk bemutatni, hogyan lehet létrehozni egy klasszikus csúszkát, mert a leginkább használt, a legnehezebben elsajátítható és a legkülönlegesebb hatása. A gyakorlat révén sikerül saját konfigurációkat készíteni más csúszkákon. Probléma esetén ne habozzon visszatérni és itt hagyjon megjegyzést. Tehát hagyja a lehetőséget " Alapértelmezett csúszka "Aktív.

A csúszka címe és rövid kódja szakasz

Valószínűleg kitalálta. Ez a szakasz lehetővé teszi a csúszka és a hozzá tartozó rövid kód megadását (semmi sem rakétatudomány).

cím és érvényesítőkód-du csúszka

A "A csúszka típusának kiválasztása" szakasz

select-a-kind-of-csúszka csúszka-forradalom

Ez a szakasz lehetővé teszi a csúszka alapvető szerkezetének meghatározását. Valójában 3 lehetőség áll rendelkezésére, amelyek közül választhat:

  • Az első opcióhoz definiáljon egy alapértelmezett csúszkát, amelynek szélessége megfelel a rendelkezésre álló területnek, és amelynek alapvető elemei vannak, például a navigációs gombok.
  • A második lehetőségnél dönthet úgy, hogy dinamikus és interaktív stílust alkalmaz, navigációs gomb nélkül és sokkal nagyobb, mint az előző opció. Ezt a lehetőséget "hősjelenetnek" hívják, mert itt nagyobb hangsúlyt fektet az animációkra és az interakciókra.
  • Az utolsó lehetőség sokkal klasszikusabb stílust kínál, a képek balról jobbra történő egyszerűsített görgetésével, változatos animációkban.

Jegyzet : Ha egy lehetőséget választ, akkor van egy rész "Tegyen be egy előre beállított értéket a csúszkátípustólAmit a választott csúszka típusának fejlett változataival látja el.

változás-a-kind-of-csúszka

Nem tudom megmagyarázni az összes variációt, de a rendelkezésre álló képekből következtetéseket tudsz levonni. Például a " Standard  Negyedik változata van " Thumbs Bottom self ", Amely lehetővé teszi az alsó miniatűrökkel ellátott csúszka létrehozását és automatikus görgetésű animációt.

hüvelykujját lefelé önálló csúszka-forradalom-bemutató

A "Dia elrendezése" szakasz

csúszka-layout-forradalom-csúszka

Ez a szakasz lehetővé teszi a csúszka elrendezésének beállítását. Tehát elmehet Revolution Slider »Automatikusan válassza ki a csúszka szélességét, válassza a teljes szélességet a csúszóra, vagy használja a csúszkát teljes képernyős módban.

Attól függően, hogy melyik lehetőséget választja, a Slider egyes eszközökön különbözik. Az alábbiakban található egy rész, ahol a rács az eszközöknek megfelelően konfigurálható (mobil, asztali, stb.). Ne feledje, hogy a rács konfigurálása lehetővé teszi az egyes csúszkák belső margóinak megváltoztatását.

Olvassa el 6 tippek a blog mobil kialakításának optimalizálásához

Ennek a szakasznak a végén választhatja ki a túlcsordulás láthatóságát, a rádió megjelenésének megtartását és beállíthatja a minimális magasságot.

A "Testreszabás, összeállítás és megvalósítás" szakasz

Ez a szakasz valójában nem rendelkezik opcióval a bővítmény számára. Néhány gyors linket kínál a fontos szakaszokhoz.

testre-build-munkagép

Folytatjuk a jobb oldali második oszlopot.

Az Általános beállítások szakasz

Ez a szakasz néhány beállítást kínál, amelyek a csúszkára vonatkoznak. Így teheti meg:

A "Diavetítés" lapon

  • Tiltsa le a csúszkát a repülés közben
  • Állítsa le a csúszkát egy meghatározott számú görgetés után
  • Mutassa a diákat véletlenszerűen
  • Húzza ki a diát
  • A csúszka letiltása vagy leállítása bizonyos méretű eszközöknél
  • Az utolsó "Várjon a revapi.revstart ()" opció nem lesz hasznos az Ön számára.

A "Hibák" fülön

Megadhatja:

  • A rétegek választható karaktere
  • Adja meg a csúszka azonosítóját (automatikusan elkészül)
  • A diák közötti minimális időtartam
  • Az inicializálás előtti időtúllépés
  • Az átmenetet a diák
  • Az átmenet időtartama mikrosekundumban kifejezve
  • A kép mérete
  • A háttérkép CSS-pozíciója
  • A háttérkép ismétlése, ha ez a kép nem elég nagy
  • Az opció aktiválása " video Muette Amely lehetővé teszi az animáció típusának, az XY (igen, amit megtanulsz, amikor matematikai függvényeket kell felhívnod) és más elemek.

A folyamatjelző fül

A szakaszban szereplő összes lehetőség az előrehaladási sávra vonatkozik, amelyet engedélyezhet és testre szabhat.

Az 1 füler Csúszik

Ez a szakasz lehetővé teszi az első alternatív diák aktiválását. Ez lehetővé teszi a " csúszka " csúszik Először a választásod szerint. Ne feledje, hogy " Diák Az elemek azonosíthatók

Az "Elrendezés és látvány" szakasz

layout-és vizuális

A "Megjelenés" fül

Ez a szakasz lehetővé teszi a csúszka megjelenésének konfigurálását. Különösen meghatározhatja az árnyék megjelenítését a csúszka alatt (nagyon praktikus, ha az alapértelmezett csúszkát választja, jelentős alacsony margóval).

Kiválaszthatja az átlátszó pontokkal borított réteg megjelenítését is (ez a csúszkát nagyon eredetivé teszi, de ha olyan információkat szeretne megjeleníteni, amelyeket alaposan át kell olvasni, akkor anélkül kell mennie).

Akkor megvan a csúszka háttere, a belső margó és a kép a háttérben (annyit kell tudnod, hogy ezen a szinten egy háttérkép jelenik meg minden dia).

a "Spinner" fülre

Ez a lap lehetővé teszi, hogy animációt definiáljon a csúszka betöltése közben, nem több.

a "Mobil" fülre

Ez a lap lehetővé teszi a csúszka mobiltelefonon történő megjelenítésének kezelését. Tudnia kell, hogy a mobil forgalom fontos, ezért nem szabad elhanyagolni. Lehetőség van a csúszka elrejtésére, ha a hordozható készülék mérete (szélesség) kisebb, mint egy Ön által meghatározott érték (pixelben).

a "Pozíció" fülre

Ez lehetővé teszi a csúszka helyzetének meghatározását az oldalhoz képest. Hajlamosak vagyok mondani, hogy a helyét, ahol található. Ezt az opciót nem kell módosítani, mert azt hiszem, mindannyian azt akarjuk, hogy a csúszka legyen középen.

"Navigáció" szakasz

Ez a szakasz lehetővé teszi a "csúszka" diáinak közötti navigációs gombok aktiválását. 6 navigációs lehetősége van:

  • nyilak
  • bolhák
  • kották
  • miniatűrök
  • A leszállás hatása a mobil eszközökre
  • És navigálás a nyilakkal

Minden opció, ha engedélyezve van, lehetővé teszi a navigációs elemek helyzetének vagy működési elvének konfigurálását (az alapértelmezett beállítások általában elegendőek).

configuration-navigációs forradalom csúszka

"Körhinta beállítások" szakasz

szakasz paraméter-du karusszel-forradalom-csúszka

Ez a szakasz csak akkor jelenik meg, ha a " Karusszel csúszka », És lehetővé teszi az opciók konfigurálását. Képes leszel:

  • A végtelen görgetés engedélyezése
  • Adjon meg egy helyet a diák között, ha nem akarja, hogy a diák megérintsék
  • Állítson le kerek keretet pixelben
  • Állítson be magas felső margót (padding-top)
  • Állítson be alacsony felső margót (padding-bottom)
  • A "csúsztatással" látható elemek száma
  • « strech elem", Lehetővé teszi az elem kinyújtását, hogy az elfoglalja az" csúszka »

A biztonság fontos elem a webhely üzemidejében, és az egyik olyan technika, amely megvédi Önt a súlyos támadásoktól vagy hibáktól, az a rendszeres biztonsági másolat készítése. Fedezze fel a mi 5 WordPress Blog biztonsági másolatok

"Parallax és 3D" szakasz

Itt aktiválhatja a " 3D A csúszkádon.

"Probléma és kezelés" szakasz

Ez a szakasz lehetővé teszi a régi eszközökkel való kompatibilitás kezelését. Egyszerűsítheti a " IOS4 és az Internet Explorer 8 ".

Ellenkező esetben választhat alternatív kép megjelenítésére, ha a böngésző nem támogatja a csúszkát.

"Google Betűtípusok" szakasz

Ez a funkció lehetővé teszi a letöltött Google Fonts betűtípusok kezelését és alkalmazását a csúszkán.

Miután meghatározta a csúszka paramétereit. Csak annyit kell tennie, hogy rákattint a rögzítés gombra.

save-a-csúszka csúszka-forradalom

Ha a WordPress Slider Revolution plugin nem a kedvenc a csúszkák WordPress-webhelyeken történő létrehozásakor, itt két alternatívát kínálunk, amelyek hasonló funkcionalitást kínálnak.

1. LayerSlider

A LayerSlider egy prémium WordPress többcélú animációs plugin. Lehetővé teszi diavetítések és képgalériák létrehozását lenyűgöző effektusokkal, gyönyörűen animált céloldalakkal és oldalblokkokkal, vagy akár egy teljes weboldallal.A Layerslider wordpress plugin létrehozza az 1 csúszkát

Ez az egyik olyan alternatíva, amely képes szorosan versenyezni a Slider Revolution-szel. A vizuális fogd és vidd szerkesztő segítségével nagyon intuitív módon bárki elkezdheti használni. Nincs szükség technikai vagy kódolási ismeretekre. Az importálható modellek egyre növekvő választéka ideális kiindulópont az új projektekhez, és minden általános felhasználási esetet lefed. Gondosan készülnek, és könnyen testreszabhatók minden igény kielégítésére.

Kiváló támogatás és gyakori frissítések biztosítják, hogy a legtöbbet hozza ki vásárlásából.

Menjen tovább ezzel a nagyteljesítményű WordPress-bővítménnyel, a cikk elolvasásával Layer Slider: A WordPress plugin, hogy hozzon létre egy csúszkát

Letöltés | demó | Web hosting

2. WP1 csúszka

A WP1 Slider sokoldalú WordPress plugin. Könnyen kezelhető, és rendelkezik az összes hasznos funkcióval, amelyek szükségesek lesznek a gyönyörű diavetítések készítéséhez. A legtöbb csúszó plugin túl technikai jellegű, és sok időre van szükség a konfiguráláshoz, de a WP1 Slider nem programozók számára készült, és hihetetlen lehetőségeket kínál.A Wp1 slide pro wordpress beépülő modulok diavetítéseket készítenek a webhelyen

Ezek között megtalálja: aKenburn hatásai 6 csúszóátmenetek különböző modelljei, aa rövid kódok upportja, a ca diák felvétele a húzással, a cgyors zaklatás és kiváló SEO, atöbb közösségi hálón történő megosztás támogatása, az ia YouTube és a Vimeo videók integrációja, e elrendezésteljesen reagáló, a WooCommerce és mások.

Letöltés | demó | Web hosting

Egyéb ajánlott források

Felkérjük Önt, hogy keresse meg az alábbi forrásokat, hogy tovább menjen webhelye és blogja irányításában és irányításában.

Következtetés

Voila! Ez minden a WordPress plugin konfigurációjáról szóló bemutatóhoz Slider Revolution. Folytatjuk a jövőbeli bemutatón, ahol megvitatjuk a diák kialakítását.

Azonban Ön is képes lesz konzultálni a mi erőforrások, ha további elemekre van szüksége az internetes oldalak létrehozására irányuló projektek végrehajtásához, olvassa el a WordPress blog létrehozása vagy az egyiket Divi: minden idők legjobb WordPress témája.

De ha bármilyen észrevétele vagy javaslata van az üggyel kapcsolatban, szívesen fogadjuk a megjegyzések részben. Különösen ossza meg ezt a cikket a különböző szociális hálózatok.