Hogyan hozzunk létre jquery csúszka WordPress véleménye!
Kezdésként nézzük megérteni, mi a jquery csúszkát, és mi ez a forrás.
Gyönyörűen kialakított csúszka, újjáéleszteni a honlapon, és adjunk hozzá egy bizonyos hangulatot, ami vonzóbbá teszi a látogatók számára.
A világos példája, mit fogunk csinálni, megtalálható linkre kattintva.
Ezután, meg kell kibontani egy helyen kényelmesen az Ön számára.
Ebből archívumot, akkor kell csak három fájlt:
- images / bg_direction_nav.png
- flexslider.CSS
- Jquery.flexslider-min.js
Ezek a fő fájlt, ami tartalmazza a jquery csúszkát WordPress.
1. lépés fájljainak telepítése.
Az első lépés az, hogy telepítse a csúszka fájlokat az aktív dizájn a webhelyen. Annak érdekében, hogy ne vesszenek el a sokféle meglévő sablonok, fogom használni az alapértelmezett témát - Húsz Tizenegy. Ez a téma az alapértelmezett WordPress telepítve az összes motorokhoz (hogyan kell telepíteni WordPress sablon).
Az inc könyvtárban. hozunk létre egy új mappát és nevezze meg - csúszka. Belül csúszka. létre kell hoznunk még egy úgynevezett - js.
Most vissza a letöltött fájlokat. Vegyük képek mappában, és dob egy csúszka. és Jquery.flexslider-min.js mappába - js. Ezután nyissa flexslider.CSS fájlt és másolja a tartalmát. Ezután a téma tervezés megtalálják style.css fájlt. és alul nyitott paszta korábban másolt adatokat. Ne felejtsd el menteni.
Visszamegyünk a csúszka mappát, és hozzon létre benne két új fájlt:
Ennek eredményeként, a tartalom a csúszka mappa a következő legyen:
Mielőtt megy a következő lépésre, hogy a dizájn functions.php fájlt és add hozzá a következő sorokat a végén:
Ők letölthető két új PHP. hogy hoztunk létre.
2. lépéssel típusai felhasználói fiókok JQuery csúszkát.
Ebben a lépésben hozzunk létre egy egyéni rekord típus, a mi jquery csúszkát.
Nyílt slider_post_type.php fájlt, és illessze be az alábbi kódot:
Követve, adjunk hozzá még egy. Ő meta_box az URL kapcsolatot csúszda és cikkek:
Ha mindent helyesen, akkor a WordPress admin egy új szakasz - «Diák». Kattints rá, és válassza ki a - «Új dia»:
Élvezze egy egyedi tervezésű rekord típusa:
3. lépés Töltse le a fájlt csúszka.
Most kell egy scriptet a kölcsönhatás a csúszka CSS stílusokat.
Slider.php Nyissa meg a fájlt, és adjuk hozzá a következő kódot:
Itt van egy másik pont, hogy figyelembe kell venni. Ahhoz, hogy megjelenik a csúszka a navigációs nyilak, meg kell nyitni a style.css fájlt a korábban másolt a stílus, hogy megtalálják a sort:
A zárójelben, adja meg az útvonalat, hogy a kép, amely a képek mappába.
az elismerés
jquery alábbi csúszka slider.php. hozzá még egy kód:Ebben a kódot, akkor lehet kísérletezni egy kicsit, cseréje elhalványul a dián. és vízszintes függőleges. A dia gördül lentről felfelé.
5. lépés Sablon létrehozása jquery csúszkát.
Végül, itt az ideje, hogy megteremtse a legnagyobb csúszkát WordPress sablon.
Minden ugyanolyan slider.php. mi befejezi az utolsó kódot:
A teremtés a csúszka állományok és szkriptek kölcsönhatás a témáról.
A következő lépés az lesz a tényleges használatnak, konfigurálása és használata.
6. lépés telepítése és konfigurálása egy csúszka a WordPress.
Jelenítse meg a csúszkát a megfelelő helyre az oldalon, akkor használja a következő sort:
Például, ha azt szeretnénk, hogy megjelenjen a csúszka rovatban a honlapon, akkor meg kell nyitni a fájlt index.php alatt get_header (); ?> Beillesztés a fenti sort.
Ha kell helyezni a csúszka közvetlenül egyik cikkében, itt jön a támogatás rövid kód.
Nyissa meg a fájlt functions.php és témákat az oldal alján egy új funkció:
Most, hogy adjunk jquery csúszkát a cikkben, használja a rövid számot elegendő - [csúszka].
7. lépés Beszúrás képek csúszkát.
Itt minden egy szelet tortát. Elmész az admin felületen => Slider => Új dia». Az üres sor adja meg a hivatkozás az anyag, ahol a látogatók lesz, ha rákattint a diát.
A jobb alsó sarokban, válaszd ki - Miniatűr beállítása:
Jelenleg ennyi.
Amíg az új cikkek ...
Üdvözlettel, Denis Chernikov!
Érdekes a téma:
Kikapcsolása frissítésére vonatkozó kérések dugó és a WordPress!
3, a helyes módja, hogy megvédjük a tartalmat másol!
Hogyan hozzunk létre egy szemantikai kernel?
8 MySQL lekérdezéseket rettenthetetlen webmesterek!
Nemrégiben megismerkedtem a jQuery könyvtár, de a gyakorlatban még nem alkalmazták. A jövőben megpróbálom a módszer, hogy hozzon létre egy csúszka a honlapon. Köszönöm a cikket Denis!
Igen, Alexander, igazad van! Amikor John fiatal korban, apám adott neki egy bemutató HTML, ezáltal lefektették, amibe adott nekünk kedvenc JQuery.
Ha a minta nem támogatja diák és akar. ez érdekes. Mi lesz, hogy tiltakozzon. a wp változat munka?
Ennek működnie kell minden sablonok, mert te mindent a semmiből!
Van egy régi blog az építési tematika van wp 2.9 (nem éri el a kezében frissítés) és a régi sablon van. A csúszka kell enyhíti blog. Meg kell csinálni.
Nem működik a csúszka működik 3.0, és így tovább!
De ha vesszük csak a jQuery-plugin, és okos, hogy kapcsolja ki. Nincs flexslider ezt a kódot a témában.
Tíz kettős ellenőrzés mindent. Hozzáadása miniatúrák is jön egy hiba.
Amikor én ezzel csak fenn. Ön itt lokalke látszólag csinál?
Igen lokalke. Hagyományosan egy ilyen dia működne, hanem azért, mert a konfliktus hiba azonnal használhatóságát rohamosan csökken. Ez, mondjuk én létrehozott egy csúszda, kattintson a Mentés, majd leveszi a fehér képernyő és a hiba van szükség a böngésző, hogy visszatérjen, hogy lépjen vissza, frissítse az oldalt. Úgy néz ki, mint az összes gud. De ismétlem, nem miniatúrák beilleszteni annak eredményét mérete miatt, amit az egész képet elkenődött körül a diát.
Most már nem emlékszem pontosan, de voltak gondok a képek méretét. Van nekik minden egy méret testre szabható. Én mindent megtesz annak honlapján, és azonnal az interneten.
Üdvözlünk! Rájöttem, a második lépésben, az első és a második kódot be kell illeszteni a slider_post_type.php
/ Create csúszka Hozzászólás típusa igényelnek (get_template_directory () '/inc/slider/slider_post_type.php.'); // Létrehozunk csúszka igényelnek (get_template_directory () '/inc/slider/slider.php.');
Igen, mindent megértett, jobb! Először először végig az összes lépést, másrészt lehet, hogy nem helyesen írt slider_post_type.php
Minden jól megírt, ahogy azt mutatták! Számomra nincs értelme átadni vége előtt a leckét, miután a szakasz «Diák» az admin panel és ott írta - / Create csúszka Hozzászólás típusa igényelnek (get_template_directory () „/inc/slider/slider_post_type.php.”); // Létrehozunk csúszka igényelnek (get_template_directory () '/inc/slider/slider.php.');
Vladislav, azt hiszem, és megérteni, hogy tökéletesen, de van a csúszka 4 hónap állt és normálisan működik. Mindent megtettek, pontosan ahogy leírtam a post. Nem értem, hogy hogyan és mit csinál, de leírt lépések egyértelmű és tönkölybúza helytelenül, ellenőrzik és lövés. Nézze meg alaposan! A kódolás nem is változott, lehet másolni a görbe, és milyen változók ütközik. Amikor először tettem tupil lehetetlen, aztán elnevette magát! Az az átkozott vessző elfelejteni a levest, majd idézi hagyj!))) Ítélve hiba valószínűleg valami a könyvtárban, mintha ez nem létezik, vagy nincs regisztrálva beszúrni. Kísérlet!