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.
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.
Most kattintson az elemre új csúszka És eljut a csúszka konfigurációs felületére.
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
É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
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).
A "A csúszka típusának kiválasztása" szakasz
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.
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.
A "Dia elrendezése" szakasz
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.
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
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).
"Körhinta beállítások" szakasz
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.
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.
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.
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.
- 8 WordPress plugins diagramok létrehozásához egy blogban
- 5 WordPress-bővítmény a cikkek megosztására
- Az 6 WordPress plugins biztosítják a blog RGPD-megfelelőségét
- 8 WordPress beépülő modul fordítási rendszer hozzáadásához egy bloghoz
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.
Szervusz,
Érdeklődni szeretnék, hogy a csúszkára helyezett betűtípus miért jelenik meg jól megtekintéskor, ha felteszem az oldalamra, akkor már nem ugyanaz?
Szia Steffy!
Törölje a böngésző gyorsítótárát, vagy böngésszen a webhelyén privát módban. Ennek meg kell oldania a problémáját
Helló, 2 különböző modellt hoztam létre. Most át akarok váltani a jelenlegi online kurzoromról. Ezt nem igazán tudom megtenni. Tud valaki adni mágikus tanácsot? Előre is köszönöm!
Létrehoztam egy csúszkát4, és ebbe a csúszkába 3 szórópozíciót helyeztem el. De a honlapomon a csúszka forradalma csak egy diát mutat, a többit nem. Csak az első diát jeleníti meg. Amikor például az utolsó diát hozom az első helyre, a csúszka forradalma ezt az utolsót jeleníti meg, és elhagyja a többit
Bonsoir,
Megoszthat egy képernyőképet a beállításokról? Vagy exportálja a diát, majd állítsa vissza a forradalmi csúszka beállításait.
Jó napot,
Dinamikus csúszkát szeretnék készíteni. Van-e fájlja egy csúszka létrehozásával kapcsolatban, amely az egérrel egérrel hat.
merci
Jó napot,
Nem sajnos.
Helló, letöltöttem egy csúszka sablonját, módosítani tudtam a szövegeket és képeket, de csúszkás forradalmi prémium vagyok: azonban láthatjuk a "Slider Revolution ..." szöveget + a közösségi hálózatokra mutató linkeket a csúszó pff. És nem tudom megtalálni vagy eltávolítani ezt a szöveget. előre is köszönöm
Jó estét Alicia,
Megpróbálta új csúszka létrehozását sablon használata helyett?
szia, van egy kis problémám, amikor csúszkát készítek, és szeretném módosítani mobilon, a már a csúszkához hozzáadott szövegek nem jelennek meg a mobil csúszkában miért (módosításkor) ???
Jó napot,
Tud fogalmazzam kérését?
Jó napot,
Problémám van a Revolution Sliderrel. Úgy tűnik, nem találok megoldást arra, hogy a fotóimat ne vágják függőlegesen.
Van egy jelölőnégyzet?
Köszönjük a visszatérést
Norbert
Jó estét,
Szükséges a képek méretének optimalizálása.
Hello, A csúszkaim forradalmát a WordPress téma miatt vágtam le a széleken.
Mi a teendő?
merci
Jó napot,
Próbálja meg kikapcsolni az összes bővítményt, és ha a probléma továbbra is fennáll a téma miatt, változtassa meg, vagy lépjen kapcsolatba az eladóval.
Jó napot,
a csúszka forradalomnál azt szeretném, ha a dia csak akkor indulna el, ha az egér vagy a görgetés kiváltja. Lehetséges?
A csúszka melyik paramétere aktiválódik?
Köszönöm szépen.
tehetjük-e mindkettőt, azaz elindíthatunk egy csúszkát az egérrel / görgetéssel, és beilleszthetünk egy inicializálási késleltetést is, amelyet általános paraméterekben láttam, hogy minden lehetséges esetet egyszerre kezelhessek és biztosak legyünk a webhely látogatója meglátja ezt a csúszkát
Merci beaucoup
Helló Lehetséges, de jelenleg nincsenek bemutatóink.
Köszönöm.
És néhány szóval, mert most ismerem a csúszósugárzást.
Ez segítene nekem
Bonjour,
a csúszka forradalomnál azt szeretném, ha a dia csak akkor indulna el, ha az egér vagy a görgetés kiváltja. Lehetséges?
A csúszka melyik paramétere aktiválódik?
Köszönöm szépen.
Megtehetjük-e mindkettőt, azaz elindíthatunk egy csúszkát az egérrel / görgetéssel, és beilleszthetünk-e egy inicializálási késleltetést, amelyet általános paraméterekben láttam, hogy minden lehetséges esetet egyszerre kezeljünk és biztosak legyünk hogy az oldal látogatója meglátja ezt a csúszkát
Helló, jó estét, kétségeim vannak.
A Slider forradalomban több képem van, és el akarom rejteni őket a mobil verzióban, levonva az elsőt. Láttam, hogy ugyanaz a plugin képes elrejteni a kívánt képeket a különböző eszközökön, de a probléma az, hogy csak elrejti a képet, mert folyamatosan észleli, hogy több elem van, mert a sáv az idő tovább töltődik, és a képernyő üres marad, amikor az első ugrik. Hogyan rejthetem el a képeket?
Merci beaucoup
Jó napot,
Megpróbálta felvenni a kapcsolatot a Revolution csúszka-bővítmény támogatásával? Gyorsan megtalálja a megoldást.
Szia, szeretném megkérdezni, hogyan helyezzük el a kurzort a vízszintes navigációs sáv menüsor alatt, ahogy az az Apple.com webhelyen történik, ahol a fenti és a kurzor alatti menü található (a menü átlátszónak tűnik
merci
tű
Helló, megoszthat példaként egy képernyőképet? Nem egészen értem a problémádat.
Jó napot,
Készíteni szeretnék egy csúszkát, amely 2 vagy 3 képet tartalmaz, amelyekre idézőjeleket írnak. A problémám az, hogy amikor írok, az idézet túl hosszú és kinyúlik a fotóból, ezért nem jelenik meg teljes egészében. Mégis van hely az egész képen. Hogyan kell csinálni?
Minden diához meg kell adni a címet. Alapértelmezés szerint beteszem az "1. idézetet" és így tovább. De a címek megjelennek a diákon ... Például az „1. idézet” megjelenik az első diám jobb oldalán. Hogyan akadályozhatom meg a címek megjelenését?
Előre is köszönöm a válaszokat, segítene a hallgatóknak egy tutorált projektben!
Jó napot,
Próbálja csökkenteni a betűméretet. Győződjön meg arról is, hogy minden szövegnél engedélyezte-e a mobil opciót.
Jó napot,
Egy kis problémával találkozom ezzel a csúszkával, és sok kutatás ellenére sem találtam a megoldást. Talán meg tudna menteni? 😉
A csúszkát a kezdőlapomon konfiguráltam, kifogástalan, nagyon jó KIVÉTEL, hogy amikor az egér rá van helyezve, lehetetlen görgetni. Ki kell tennem az egeret a diáról, hogy lefelé görgessem (felfelé látszólag működik). Ez engem kissé zavar, mert félek, hogy egyesek nem értik, hogy ehhez el kell távolítani az egeret a diáról .. (www.sarah-scaniglia.com). Végignéztem az összes beállítást, de nem találtam ... és nem vagyok webszakértő.
Ha megtalálja a megoldást, nagyszerű vagy
Jó napot,
próbáltad ezt?
1. Távolítsa el a többi plugint, kivéve a Revolution Slider alkalmazást, és próbálja újra.
2. Aktiválja az alapértelmezett WordPress témát, majd tesztelje
Ez tudatja Önnel, ha a téma a témával vagy egy másik pluginnel ütközik.
Ezenkívül ellenőrizze, hogy rendelkezik-e a plugin legújabb verziójával.
Köszönöm, megpróbálom a következő héten, és megmondom, hogy működik-e.
Rendben tökéletes
Jó napot,
Meg tudná magyarázni nekem, hogyan lehet "csúszkát" készíteni, csak egyetlen csúszdával, mert amikor megpróbálom, minden eltűnik az animáció végén. "Nincs adatátvitel" a "diaanimációba", de semmi sem segít ...
Köszönjük a segítségét.
Bonsoir,
Nehéz megmagyarázni a megjegyzés részben. Kérjük, nézze meg a videókat a Youtube-on.