itthon / Böngészők / Slides plugin a wordpresshez. A legjobb csúszka kiválasztása a WordPress számára. CSS3 legördülő menü

Slides plugin a wordpresshez. A legjobb csúszka kiválasztása a WordPress számára. CSS3 legördülő menü

A szerzőtől: Ebben a cikkben egy másik hasznos és csodálatos bővítményt mutatunk be a WordPresshez - a Meta Slider bővítményt. Ez egy csúszka beépülő modul a WordPresshez, amellyel gyorsan és egyszerűen szervezhet csúszkát vagy diavetítést webhelye oldalain. Kellemes bónusz lesz a választás képessége különféle lehetőségeket csúszkát, azt egyszerű beállítás, valamint az alkalmazkodóképesség a dobozból.

Amikor közzétesz egy cikket vagy hírt, a száraz szöveg gyakran nem elég. Ezt a szöveget szeretném valahogy élénkíteni, például egy képpel vagy több képpel. A vizuális kíséret igazán életre kelti a szöveget. Nos, ha ezeket a képeket gyönyörűen és eredeti módon jelenítik meg, az teljesen nagyszerű lesz. Ez a cikk jobban elnyeri majd az olvasók tetszését. A csúszka pedig remek módja egy cikk vagy oldal díszítésének.

Létezik csúszka beépülő modul a WordPresshez? Vannak ilyen beépülő modulok - hatalmas szám, válassz - nem akarok

Azt tudom ajánlani, hogy válassza a Meta Slider bővítményt, amelyet fentebb említettem. Kezdjük azzal a ténnyel, hogy ennek a bővítménynek a telepítésével nem csak egy csúszka opciót kap, hanem egyszerre négy népszerű lehetőséget. Ebben a pillanatban csúszka:

Lenyűgöző, nem? Térjünk át a szavakról a tettekre. Telepítsük a Meta Slider beépülő modult, és nézzük meg, milyen egyszerű a csúszka testreszabása ezzel a WordPress beépülő modullal. Tehát lépjen az új beépülő modulok hozzáadásának menüjébe, és keresse meg a diavetítés bővítményt a kérelem meta csúszkájánál.

Telepítse és aktiválja a talált csúszka bővítményt - Meta Slider. A telepítés után látni fogja a menüben új szakasz, amelynek neve megegyezik a bővítmény nevével.

A menüpontok nevéből kitűnik, hogy a plugint két verzióban kínálják: ingyenes és PRO. Feltételezhető, hogy a fizetős verzió több beállítással rendelkezik, de véleményem szerint a beállítások benne vannak ingyenes verzió a csúszka több mint elég. A fizetős verzió nagy előnye a videodiák támogatása YouTube szolgáltatásokés a Vimeo, tehát ha ilyen funkciókra van szüksége, akkor fontolja meg a beépülő modul fizetős verziójának megvásárlását.

Megyünk a bővítmény főoldalára, ahol felajánljuk az első diavetítés létrehozását.

Tegyük meg ezt, kattintson a plusz jelre, és kezdje el a csúszka létrehozásának folyamatát. A megnyíló oldalon kattintson a Dia hozzáadása gombra, és egyszerűen válassza ki a médiafájlokat tartalmazó könyvtárából azokat a képeket, amelyeket be szeretne illeszteni a csúszkába, vagy töltse fel a szükséges képeket itt a médiakönyvtárba.

Képek hozzáadása után egy oldalra kerülünk, ahol láthatjuk az összes kiválasztott képet, valamint mindenféle beállítást. A WordPress csúszka bővítménye orosz nyelvű, amint láthatja, és ez további plusz.

A jobb oldali blokk első beállítása lehetővé teszi egy csúszka opció kiválasztását; alapértelmezés szerint ez a Flex Slider. De választhatunk mást is. Ezután konfigurálhatjuk a diaváltó effektust, a csúszka méreteit, a diavetítés navigációját, a csúszka témáját (világos, sötét stb.). Ezek csak az alapbeállítások. A speciális beállítások blokkban sokkal több van belőlük – próbáljon meg játszani velük, és válassza ki az ízlésének megfelelő konfigurációt.

Mindegyik csúszkafotóhoz leírást kell adnunk; linket is beállíthat a dián, ha a diáról a webhelye bármely cikkére szeretne eljutni. Amint látja, valóban elegendő beállítás van, és a WordPress csúszka beállítása meglehetősen egyszerű folyamat.

A csúszka beállításának befejezése után nincs más dolgunk, mint elővenni a javasolt rövid kódot, és hozzáadni a kívánt helyre a cikkben vagy az oldalon.

Ezenkívül a bővítmény akár sablonba is beilleszthető, például a webhely fejlécébe (template header.php). A sablonba való beillesztéshez szükséges kódot a Beszúrás sablonba fülön vehetjük át.

Tehát másolja ki a javasolt rövid kódot, és illessze be a kiválasztott cikkbe. Az eredmény kiváló, a cikkben megjelent egy működő csúszka, és ennek megvalósítása mindössze néhány percet vett igénybe.

Tulajdonképpen ennyi. Kísérletezzen a csúszka beállításaival, hogy jó megoldást találjon webhelye kialakításához. Sok szerencsét!

Kiválasztunk egy megfelelő csúszkát a WordPresshez, elmondom a legnépszerűbb diák és tartalomdiák pluginjait.

Mindegyik pluginhoz adok egy leírást, hogy ne legyen „disznó a piszkában”, hiszen senki sem szereti még egyszer leellenőrizni, hogy mire képes a plugin és milyen teljesítményű.

Érmecsúszka

Véleményem szerint az egyik legjobb csúszka a testreszabási lehetőségek és az egyszerűség szempontjából.

Eközben a Nivo után a második, amelyet alább tárgyalunk. A Coin Slider segítségével beállíthatja a kép méretét az adminisztrációs panelen anélkül, hogy mélyen belemenne a kódba.

A sablon megváltoztatásával adják hozzá, bár nincsenek előnézetek, ami nagyon szomorú. A WordPress csúszkája minőségét Chrome 3+, Safari 2+, Opera 9+, Firefox 2+ és IE 6-8 verziókban tesztelték.

A csúszka előnyei közé tartozik a könnyű súly (csak 8 kilobájt), az effektusok eredetisége, az abszolút testreszabhatóság lehetősége és a böngészők közötti kompatibilitás. A bővítmény használatához le kell töltenie a Coin Slider v1.0-t (ez egy stílusokat és bővítményeket tartalmazó archívum) és a jQuery-t.

Nivo Slider


Nyugodtan kijelenthetjük, hogy a Nivo Slider a csúszkák királya. Meg kell jegyezni, hogy ennek a WordPress-bővítménynek a használata nem ajánlott, mivel hosszú ideje nem frissítették.

Ezenkívül a WordPress bővítményének legújabb verziója általában fizetős, ami különösen kiábrándító.

A Nivo Slider-t 16 lehetőség a kép megváltoztatására, a témák támogatása, az előnézetek, a kiváló és érvényes elrendezés, valamint a gazdag beállítások jellemzik. A mai napig véleményem szerint nincs olyan bővítmény, amely képes lenne a Nivo Slider-re.

Tartalomcsúszka a SlideDeckből


Szintén nagyon kifinomult csúszka a WordPresshez, de ebben az esetben ez egy tartalomcsúszka.

A Content Slider-t nagyon gazdag beállítások, a bejegyzésszerkesztőbe való integráció és számos téma jelenléte jellemzi.

Ezen kívül lehetőség van különböző csúszkák hozzáadására minden bejegyzéshez. Ezenkívül a fejlesztők kiadták Pro verzió, amely tartalmaz egy pár érdekes és hasznos funkciókat. Igaz, ezért 99 dollárt kell fizetni, amit vérrel és verejtékkel kerestek, ami nem sok embernek fog tetszeni.

Slider Meteor Slider


Íme egy videó a bővítmény telepítéséről és konfigurálásáról:

Először is meg kell jegyezni, hogy ez a WordPress csúszka nagyon egyszerű, bár megvan a maga csavarja. Például beágyazható egy rövid kóddal, ami természetesen nagyon kényelmes.

Ezenkívül több diavetítést is létrehozhat, amelyeket különböző helyeken használhat. És mellesleg beépíthető az oldalsávba widgetként, és már ott is forgathat képeket (vagy bannereket, olvass), ami szerintem nagyon menő. Mint további bónusz Orosz nyelv támogatást tartalmaz.

Diavetítés Galéria Slider


A Slider for WordPress Slideshow Gallery diavetítések szervezésére szolgál, amint az a névből is kitűnik.

Ezen kívül kiválóan alkalmas bannerek rendszerezésére a saját blog oldalain. Tehát, ha olyan csúszkát keres, amellyel organikusan rendezheti a bannereket egy forrásoldalon, akkor a Slideshow Gallery lesz az ideális megoldás az Ön számára.

Ugyanakkor támogatja a po/mo fájlokkal történő lokalizálást. További bónuszként megemlíthetjük a lightbox támogatást böngészés közben nagy képek, ami azt jelenti, hogy a kép kattintással nagyítható.

TN3 galéria csúszka


A Slider for WordPress TN3 Gallery rendelkezik más csúszkák előnyeivel, mint például a képek előnézete, a jó elrendezés és a fent említett egyéb kiegészítők leírásakor.

Igaz, van egy kicsi megkülönböztető vonás, amely abból áll támogatás mobil eszközök , ami manapság nagyon ritka dolog, és ami, látod, egyszerűen nem tehet mást, mint kérem.

Az igazságosság kedvéért meg kell jegyezni, hogy ezt az előnyt két hátrány kompenzálja: a bővítmény letöltéséhez regisztrálnia kell, és ez jelenleg nem olyan verzió, amely támogatja a WordPress-szel való munkát. Csak egy script opció áll rendelkezésre, bár a TN3 Gallery képességei között érdemes kicsit elmélyülni a beállításokban és a telepítési módban.

Plugin oldal

WordPress tartalomdia


A WordPress WordPress Content Slide nevű csúszkája a képcsúszkák rendszerezésére szolgál saját erőforráson.

Nyilvánvaló okokból ez a funkció nem szükséges minden webhelyen. Bár ha megnézed keresési lekérdezések sok felhasználó, akkor azt tapasztalhatja, hogy csak egy ilyen csúszkát keresnek eléggé nagyszámú azoknak, akiknek szüksége van egy hasonló funkciójú csúszkára, miközben könnyen vezérelhető és konfigurálható.

A WordPress Content Slide beépülő modulról annyit elmondhatunk, hogy kicsi, jó beállításokkal rendelkezik az adminisztrációs panelről, és külsőleg teljesen testreszabható a felhasználó kívánsága szerint. És ami tényleg működik.

Valójában ez egy meglehetősen erős csúszka, amint azt a beállítások alapján meg lehet ítélni, amit szinte bárki kitalál.

ISlidex csúszka


Az ISlidex csúszkát egy elég jó bővítménynek nevezhetjük, amely egyszerre több témát is támogat.

Ahogy maguk a fejlesztők is ígérik, idővel hozzáadódik a SEO elrendezés lehetősége, a képek automatikus kivágása és gyorsítótárazása, valamint a WordPress 3.x támogatása. és böngészők közötti kompatibilitás IE7-ig.

Az ISlidex további tulajdonságai közé tartozik a widgetbe való beágyazhatóság, ami jelentősen megnöveli ennek a csúszkának az értékét.

Slider RoyalSlider


Szeretnék még megemlíteni egy olyan plugint, mint a RoyalSlider, amivel nemrég találkoztam. A vele való találkozás után csak kellemes benyomások és emlékek maradtak bennem, annak ellenére, hogy fizetett.

A WordPresshez a RoyalSlider nevű csúszka mindent megmutathat a felhasználónak, amit csak akar.

A beépülő modul több mint 10 kimeneti sablont, mobileszközök támogatását, saját API-t és sok más jót tartalmaz, amelyeket mindenkinek személyesen meg kell ismernie.

Szerény véleményem szerint a RoyalSlider a ma elérhető legjobb csúszka. Ennek az örömnek az ára mindössze 12 dollár, és minden további verzió ingyenes lesz az Ön számára.

Ráadásul maguk a fejlesztők szerint a RoyalSlider az egyetlen plugin, amely képes teljes mértékben támogatni a Win8-ba telepített IE10-et.

Egy jó csúszkát találni a WordPress számára nem könnyű feladat. A legfrissebb adatok szerint 690 csúszka beépülő modul létezik a WordPresshez. Kinek van annyi ideje, hogy megtanuljon minden bővítményt?

A búza és a pelyva elkülönítése érdekében itt található a 10 legnépszerűbb áttekintése és értékelése ingyenes bővítmények a listából kiválasztott diavetítések. Ezeket a képcsúszkákat nemrégiben frissítették, és mindegyik visszajelzést kapott a WordPress felhasználóktól.

Milyen diavetítés plugint használsz? Mondja el nekünk az alábbi megjegyzésekben.

Meta Slider – csúszka a WordPresshez

Meta Slider messze a legnépszerűbb WordPress csúszka, több mint 2 millió letöltéssel.
Négy jQuery csúszkával rendelkezik: Nivo Slider (reszponzív, 16 átmeneti effektus, négy téma), Coin Slider (négy átmeneti effektus), Flex Slider 2 (reszponzív, két átmeneti effektus, körhinta mód), Responsive Slides (reszponzív, csak elhalványítási effektus) .
Új diavetítés létrehozása egyszerű – adjon hozzá egy képet, válassza ki a használni kívánt csúszkát, és a beépülő modul kiköp egy rövid kódot, amelyet bárhol hozzáadhat webhelyén.
Ennek a bővítménynek van egy profi verziója is, ha pénzt szeretne fizetni további szolgáltatásokért.

Easing Slider

Csaknem 650 000 letöltéssel, A Slider Lite megkönnyítése– a második legnépszerűbb csúszka bővítmény.

Ez a könnyű beépülő modul lehetővé teszi a csúszka méretének és időtartamának beállítását, és lehetővé teszi a diavetítés interaktívvá tételét. Két átmeneti effektusa van, egy fade hatás. Sok más csúszkához hasonlóan rövid kódot kell használnia a csúszka bejegyzéshez vagy oldalhoz való hozzáadásához.
Ezzel a beépülő modullal csak egy diavetítést hozhat létre, így ha többet szeretne látni webhelyén, máshol kell keresnie.

Sima csúszka

Sima csúszka testreszabható diavetítéseket hoz létre a tartalomhoz és a képekhez háttérés a diák közötti távolság, amelyek bárhol elhelyezhetők a webhelyen.
A bővítmény jellemzői közé tartozik adaptív kialakításés hat átmeneti hatás. Támogatja az egyéni csúszkákat, a kategóriákat és a legújabb bejegyzéseket is, tartalmaz sabloncímkéket, rövid kódot és widgetet.
Legújabb verzió Ez a beépülő modul nem mindig működik megfelelően; ha be van állítva, megzavarhatja a webhely működését. A Smooth Slider támogatási oldala alapján sok felhasználónak voltak problémái ezzel a bővítménnyel.

WOW csúszka

Wow Slider szokatlan abban, hogy diavetítés létrehozásához le kell töltenie külön program, WOWSlider mester. Miután kiválasztotta a képeket a diavetítéshez, feltöltheti őket a bővítménybe. Ki kell másolnia és be kell illesztenie a rövid kódot, hogy a csúszkát bárhol hozzáadja a webhelyéhez.
A beépülő modul webhelye meglehetősen átfogó dokumentációt tartalmaz, amelyek segítenek, ha bármilyen problémába ütközne.

vSlider Multi Image Slider for WordPress

vSlider lehetővé teszi korlátlan számú képcsúszka megjelenítését webhelyén, bár hány csúszka „túl sok”?
Csúszkákat ágyazhat be webhelyébe rövid kóddal, egyéni widgettel, vagy a téma funkciójaként.
A beépülő modulban található egy hasznos GYIK és egy oktatóvideó, amely elmagyarázza az első csúszka beállítását. Ha bármilyen problémája van, akkor a fórum is elérhető az Ön számára.

SlideDeck 2 Lite reszponzív tartalomcsúszka

SlideDeck egy népszerű és sokoldalú bővítmény, amely fejlettebb funkciókkal rendelkezik a korábbi bővítményekhez képest.
Ez a Lite verzió nem tartalmazza a prémium verzióban elérhető 14 tartalomforrás teljes készletét, mint például a Facebook, a NexGEN és a Gallery.
A Lite verzió azonban lehetővé teszi, hogy gyorsan készítsen diavetítéseket bármilyen tartalomból, például képekből, felvételekből és videókból.

EasyRotator for WordPress – Slider Plugin

EasyRotator azt ígéri, hogy a felhasználók másodpercek alatt „szép, interaktív fotóforgatókat és csúszkákat kapnak WordPress-webhelyükhöz”, de a valóságban ez némi beállítást igényel. Először telepítenie kell a Flash-szoftvert, hogy létrehozza diákjait – vagy forgórészeit – a számítógépén, ami bosszantó lehet. Ezután létrehozhat egy új rotátort az oldalon vagy a bejegyzésszerkesztőben. A rövid kód segítségével beágyazhat egy forgatót a webhelyére, vagy a megfelelő funkció segítségével forgatót adhat hozzá a témához.
A Flash-szoftver telepítésével kapcsolatos összes gond után előfordulhat, hogy nem fog működni, amikor megpróbálja beállítani a fő csúszkát a bejegyzésszerkesztőből. Egy kis kutatás kimutatta, hogy ez a bővítmény nem működik a Safari/Chrome böngészővel.

Reszponzív WordPress csúszka – Soliloquy Lite

Monológ az egyik leghíresebb csúszka, és jó oka van annak, hogy könnyen telepíthető, nincs szükség Flash-program letöltésére a csúszkák létrehozásához és betöltéséhez, vagy a beállításokkal való bíbelődéshez. Egyszerűen működik.
Miután hozzáadta a képeket, válassza ki a csúszka méretét, sebességét, majd kattintson a Közzététel gombra. Ezt követően át kell másolnia a kapott rövid kódot bármely oldalra vagy bejegyzésre, ahová a csúszkát telepíteni szeretné.
Bár ez egy Lite verzió, még mindig elegendő funkcióval rendelkezik ahhoz, hogy kipróbálja.

Cikloncsúszka 2

Cikloncsúszka 2 visszavezeti a csúszkákat az alapokhoz. Ő ajánl könnyű telepítés, egy egyszerű képcsúszkát jelenít meg, és olyan funkciókat tartalmaz, mint a késleltetés, a méretek és a lebegtetési szünet.
A beépülő modul támogatja a képeket, a YouTube-ot, a Vimeót, az egyéni HTML-t és a kiemelt csúszkákat. A diáit húzással módosíthatja a sorrendjüket, a csúszkák interaktívak.
Ennek a bővítménynek van egy profi verziója is.

Reszponzív csúszka

Reszponzív csúszka egy nagyon egyszerű diavetítő bővítmény, amely némi konfigurációt igényel, de ez megkönnyíti a használatát.
Új diák hozzáadása egyszerű, és bárhol elhelyezheti őket egy rövid kóddal vagy a témán belül a megfelelő funkció segítségével.
A beállítások lehetővé teszik a csúszka szélességének és magasságának módosítását, átmeneti effektus hozzáadását, késleltetést, animáció időtartamát és automatikus indítást.
Ez a beépülő modul csak egy csúszkához készült, így ha több csúszkát szeretne telepíteni webhelyére, akkor másik beépülő modult kell használnia.

Smart Slider 3

A Smart Slider 3 talán a legjobb csúszka a WordPress számára. Egy nagyon hatékony bővítmény, amely hatalmas eszközkészlettel rendelkezik diavetítések készítéséhez, amelyeket saját belátása szerint használhat, a helyzettől függően. Van egy nagy adatbázis a kész csúszkákról, gyönyörű átmeneti effektusokról. Teljes céloldalakat hozhat létre pusztán csúszkák használatával, de ez már be van kapcsolva Intelligens verzió Slider 3 Pro. De amikor először találkozik ezzel a beépülő modullal, valószínűleg nehézségekbe ütközik a munka során. Mivel nagyon könnyen összetéveszthető a beállításokkal rendelkező lapok nagy száma.

A legnépszerűbb és legjobb csúszka
És van két nyertes: Meta SliderÉs Smart Slider 3.

Meta Slider nemcsak a legtöbbet letöltött slider plugin, hanem a legmagasabb értékelést is kapta a felhasználóktól.
Könnyen használható, jó egyensúlyban van a funkciók és a funkciók között – és mindez ingyenes.

vSlider Multi Image Slider,SlideDeck 2 LiteÉs Soliloquy Lite– nagyszerű csúszka bővítmények is, ha webhelye túl van terhelve képekkel, és sok csúszkát szeretne készíteni. Ez a három téma a szakembereket célozza meg, hogy ingyenes termékekkel vonzzák az ügyfeleket – több értékesítést érjenek el.

Ha csak egy nagyon egyszerű csúszkát szeretne minden csengő és síp nélkül, akkor a Cyclone Slider 2. Ez egy nagyszerű csúszka, amely könnyen testreszabható, és nem terheli a számtalan beállítás és lehetőség.

De ha később több funkcionalitású csúszkára van szüksége, és több csúszkát is elhelyezhet a webhelyén, akkor nem lépheti túl a Meta Slidert.

Nos, barátaim, a mai posztnak arról kellene szólnia, hogyan mentem a biciklitúrámon, de halogatom, és ma lesz egy technikai bejegyzésem.

Hello - helló, újra kapcsolatba lépek - Alekszandr Bykadorov.

Hogyan készítsünk csúszkát plugin nélkül 10 perc alatt

Mindannyian tudjátok, hogy nemrég megváltoztattam a blogom dizájnját. Vannak még hiányosságok. A tördelő hülye „dinamit”. Vagy nagyon elfoglalt, vagy nem akarja kijavítani munkája hiányosságait.

És van min dolgozni.

Néhány dolgot magam javítottam. De néhányat én magam nem tudok és nem is akarok korrigálni. Egyes árnyalatokhoz egy egész napra van szükség, vagy talán többre – egyszerűen nincs időm.

És általában: hol látták már, hogy egy blogger készíti a tördelést)))

Nem, elnézést: már több mint két évet töltöttem azzal, hogy elmélyedjek minden árnyalatban. Nincs szükség reklámozásra, még hasznosabb tartalom előállítására, de nem – folyton a kóddal babráltam, beállítottam valamit, javítottam.

Mindez a hátunk mögött van. Eltereltem a figyelmemet a fő témáról.

Miért van szükség csúszkára a blogodban?

Azonban nem, nem, de vonzanak a különféle „bravúrok”. Az a felépítésem, hogy szeretek egyedül rájönni a dolgokra. Ezúttal sem jöhetett volna létre nélküle.

Úgy döntöttem, hogy telepítek egy csúszkát a blogom oldalsávjára...

Ó igen, miért kell egy csúszka egy blogon? És egyáltalán mi az a csúszka?

Csúszka- idővel változó automatikus és kézi üzemmód különféle képernyővédők, képek. Hogy érthetőbb legyen, vessen egy pillantást a blogom jobb oldali oszlopára (oldalsáv).

A régi blog dizájnban, a legtetején kezdőlap Volt egy nagy csúszkám, ami az oldal teljes szélességén áthaladt. Úgy konfigurálták, hogy az utolsó 10 rekordot jelenítse meg. Később eltávolítottam. Azt hittem, betölti a blogot.

A csúszka sokat spórol munkahely blog.

Valójában, ha megfelelően van megvalósítva, a blog terhelése minimális lesz. Az interneten számos különféle bővítmény található, amelyek tökéletesen megvalósíthatók ez a lehetőség. De mivel ma már „divat” megszabadulni a különféle bővítményektől, én is úgy döntöttem, hogy lépést tartok ezzel.

Jelenleg 9 plugin dolgozik a blogomon. Nagy a kísértés, hogy testre szabjam a csúszka kimenetét egy plugin segítségével, de úgy döntöttem, hogy érdemes visszatérni a régi módokhoz. Nem akarom zsúfolni a blogot pluginekkel és ennyi.

Az interneten való keresés után remek megoldást találtam.

A csúszka kódja

Azonnal: a helyszínről a kőbányába.

Tartsa meg az oldalsávba beillesztett kódomat:

Nézzük meg, mi a felelős ezért:

scrollmount=”3″— ide 1-től 10-ig írhat be egy számot, ez felelős a diák (képek) görgetési (változtatási) sebességéért

hspace=”10”— a távolság (pixelben) a jobb és bal széltől, ide egy másik hasonló kódot is hozzáadhat, mégpedig a vspace=”10″, amely a fentről és lentről való távolságot jelzi.

direction="fel"— az idézőjelek közé leírhatod, balra, jobbra — ez a csúszkád mozgási iránya, azaz. honnan és hová mennek a csúszdák.

szélesség = "250" magasság = "250"- itt minden egyszerű. Ez a dia kimeneti mező mérete. Kísérletileg kiválasztott.

A link kattintáskor ide irányít át«> A leírásod neked"src=" Link a képhez«/> - ez a kód nem zavarhatja meg azokat, akik keveset tudnak a html kódról.

Amint látja, négy ilyen darabom van, amelyek képeket jelenítenek meg. Tetszés szerint hozzáadhatja őket.

Így tudtam megvalósítani a slider funkciót plugin telepítése nélkül. Ez a kód minden böngészőben működik a blog betöltése nélkül – nagyszerű.

Ezen a csúszkán „elhelyeztem” azokat az ajándékokat, amelyeket a blogomon adok, nevezetesen:

  1. „DIY Blog: A kezdet” tanfolyam
  2. "A 7 legnagyobb hálózati marketing hazugság"
  3. A webinárium felvétele: „A hatékony blogírás egyszerű”
  4. „Egy népszerű blog titkos trükkjei”

Azok. Ha nem lenne a csúszka, ezeket a diákat (képeket) az oldalsávba kellene helyeznem, szabad helyet biztosítva mindegyiknek, ami drága.

Hová kell tenni a kódot a blogon?

A kérdés teljesen jogos. Hogyan hova? Ahol szüksége van rá. Ha szüksége van rá az oldalsávban, akkor lépjen a blog témájára, majd a „Megjelenés” - „Szerkesztő” elemre, és keresse meg a „Sidebar.php” bejegyzést a jobb oldali oszlopban - itt kell szerkesztenie a kódot a csúszka kód elhelyezéséhez.

Figyelem: A kód minden módosítását saját kockázatára és kockázatára hajthatja végre. Azok. Először egyszerűen le kell másolnia a kódot, és meg kell őriznie eredeti formáját, hogy később, ha valami elromlik, visszaállíthassa azt.

Vannak olyan blogtémák is, amelyek segítségével könnyedén elhelyezhet kódot ugyanabba az oldalsávba, amelyet „ujjkattintással” hívnak.

Ismét az adminisztrációs panelre lépünk, és ott ugyanabban a „Megjelenés” menüben válassza a „Widget” lehetőséget.

Most egyszerűen húzzuk a „Szöveg” fület arra a helyre az oldalsávon, ahol látni szeretnénk a csúszkát. Illessze be a kódot, szerkessze, mentse.

E műveletek előtt természetesen fel kell töltenünk az összes szükséges képet a tárhelyre. Nem marad más hátra, mint beírni a szükséges képek címét a csúszka kódjába, és mindent ellenőrizni.

Ha minden simán ment, a csúszka azonnal működésbe lép.

Nos, ha nem így van, írj, együtt kitaláljuk.

Úgy tűnik, ez minden, barátaim. Remélem hasznos volt számodra ez a bejegyzés. Ha igen, ne fukarkodj, lájkold, nagyon hálás leszek.

A képekkel ellátott csúszka nagyon népszerű és keresett dolog nagyon sok webhelyen. A csúszkák népszerűsége abban rejlik, hogy a webhely látogatójának több különböző képet is megjeleníthet webhelye egy rögzített területén anélkül, hogy görgetnie kellene az oldalt.

Manapság számos lehetőség kínálkozik arra, hogyan készítsen saját képcsúszkát, vagy adjon hozzá egy kész képet. De ha a WordPress-ről beszélünk, akkor természetesen a legkézenfekvőbb és legegyszerűbb módja a kész bővítmények használata.

Ezért ma megnézzük a 12 legjobb ingyenes WordPress képcsúszka-bővítményt, amelyek telepítéséhez mindössze néhány perc és néhány kattintás szükséges.

1. SlideDeck 2

Egy meglehetősen egyszerű adaptív csúszka, amellyel szinte bármilyen tartalomból könnyedén készíthet diákat. Képes csatlakozni külső tartalomforrásokhoz, mint például a YouTube, a Flickr és a Pinterest.

2.EasyRotator


Egy gyönyörű, egyszerű képcsúszka minimális beállítási lehetőséggel. Csúszkát hozzáadhat bejegyzésekhez, oldalakhoz és widgetként bárhol.

3.Meta Slider


Minden bizonnyal a legnépszerűbb ingyenes csúszka a WordPress számára. Nagyon egyszerű beállítani: válasszon ki képeket a fájlkönyvtárból, húzza őket a csúszka területére, adjon címet az egyes diáknak, és töltse ki a linkeket és a SEO mezőket. Négy diavetítés-típus közül választhat (Flex Slider, Nivo Slider, Responsive Slides, Coin Slider).

4. HG Slider


A beépülő modul új diaterületeket ad hozzá a WordPress adminisztrációs területén, hogy tovább töltse képekkel a diákat. A beállításkor a szabványos WordPress konzolfelületet használjuk, így nem lesz nehézség a beállítással.

5. Meteorcsúszdák


Egy praktikus csúszka beépülő modul, amely testreszabható rövid kód vagy widget hozzáadásával. Támogatás hozzáadva a mobileszközökhöz a diák érintésekkel történő váltásához.

6. Ciklon csúszka 2


Egyszerű és kényelmes csúszka intuitív kezelőfelülettel. Egyéni bejegyzéstípusokat és egyéni mezőket használ a diák megjelenítéséhez. A változtatáshoz beépített sablonrendszer is van kinézet csúszka és képanimációs lehetőségek.

7. Morpheus érzékeny 3D csúszka


Ahogy a neve is sugallja, a csúszka széles körben használja a 3D animációs effektusokat a képek váltásakor. Normál CSS-t és jQuery-t használ, így a csúszkaoldal nem fog sok erőforrást igénybe venni. Meglehetősen lenyűgözőnek tűnik, nézd meg magad.

8. WOW Slider


Egy meglehetősen fejlett csúszka, bár ingyenes. A kínálata számos animációs effektust tartalmaz a képek váltásakor, többek között: kollázs, fotó, dominó, oldal, elforgatás, elmosás, átfordítás, robbanás, repülés, vakok, négyzetek, szeletek, alap, elhalványulás, Ken Burns, halom, függőleges halmozás, alap lineáris. , Könyv, kocka, hét.

9. Hatalmas IT-csúszka


Egy másik könnyen beállítható és használható képcsúszka bővítmény. Semmi extra, egyszerű beállítás rövid kódok hozzáadásával, amelyek bármely oldalon vagy bejegyzésben használhatók.

10. Easing Slider


Minimális beállítások, minimális terhelés az oldalon, nem felesleges szemetet. Így írja le röviden ezt a csúszkát. Egyszerűen működik.

11. Smooth Slider


A fejlesztő szerint kevesebb mint 1 percre lesz szüksége ahhoz, hogy ezt a csúszkát hozzáadja webhelyéhez. Kész bejegyzésekből és médiatartalmat tartalmazó oldalakból dinamikus diákat tud készíteni, így a képeit még a könyvtárba sem kell feltöltenie.

12. Promóció csúszka


Nagyon rugalmas beállításokkal rendelkezik, és lehetővé teszi egy csomó paraméter konfigurálását minden diához. Ugyanakkor az összes beállítást egyetlen kompakt menüben gyűjtjük össze, így nem kell az adminisztrációs panelen vándorolnia ahhoz, hogy csúszkát adjon webhelyéhez.