Hogyan hozzunk létre egy csúszka képek letölthetők a bejegyzést velünk wordpress
Egyszer WordPress képfeltöltő változott, ez lett könnyebben használható számos más célra, azaz nem csak feltölteni a képeket a post.
Például, hogy hozzon létre egy galéria vagy csúszka. Slider tűnik a legérdekesebb számomra, hogy nézzük meg, hogy tedd be egy szabványos vordpressovskoy téma, mint TwentyEleven.
Készítsen csúszka 4 lépésben
A csúszka egy nagyon praktikus dolog, főleg, ha van egy honlapon több olyan termék az oldalon mindegyikük szeretne hozzáadni egy pár képet.
Az alábbiakban egy példa egy ilyen csúszka egyik oldalak hoztam létre:
Akkor kattints a képre és nézd meg működés közben.
Tehát, hogy hozzon létre egy csúszkát minket önmagában szüksége lesz néhány a jQuery-plugin, azt használja a szabad Nivo Slider, akkor is megteszi valami mást.
Feladatának megkönnyítése érdekében, tegye meg a szükséges fájlokat a bővítményt, letöltheti azokat közvetlenül a saját honlapján.
- Nivo-slider.css - CSS stílusokat szükséges helyes megjelenítéséhez a csúszka,
- jquery.nivo.slider.pack.js - igazából jQuery-plugin.
1. lépés: Csatlakoztassa a szükséges fájlokat
Először is meg kell győződnünk arról, hogy a funkció wp_head () is részt vesz a fejlécben. és lábléc wp_footer (). Ha ezek a funkciók nincsenek ott, add, vagy nem várható, hogy minden működni fog, ahogy kellene.
Tehát fel a letöltött fájlt egy mappába a téma (például), majd használja a wp_enqueue_script () és wp_enqueue_style ().
Illessze be az alábbi kódot functions.php. ami a mappában a téma:
2. lépés: Határozzuk meg a méret a csúszka
Nyisd hogy ugyanazon az oldalon a hely, ahol azt szeretnénk, hogy a csúszka segítségével megállapíthatja, hogy bármely ez lesz a magasság és a szélesség.
Ezután nyissa meg a functions.php és adja meg a következő szöveg:
Ez biztosítja, hogy ha a kép betöltődik, WordPress automatikusan létrehoz egy példányt a megfelelő méretű, közvetlenül a csúszkát.
3. lépés: Nyomtatás a képen csúszka
Nyílt szükségünk PHP-fájlt, amely megjeleníti egy csúszka, például, van egy minta a hagyományos postai single.php.
További információ get_children () függvényt.
4. lépés: Kapcsolja be a csúszkát.
Itt meg kell felelnie a következő feltétel - a kódot kell adni közvetlenül a záró címke