Softsprint - telepítse a csúszka flexslider a woothemes egy wordpress téma

• Aukciós modul
• Foglalási modul

Ebben a rövid megjegyzésben vegye fontolóra egy csúszkát a WordPress témára. Természetesen a hálózatnak sok a plug-inje, rövid kódokkal a téma vagy a hozzászólás, az admin panelek stb. Beillesztéséhez ... de a legegyszerűbb és legrugalmasabb megoldás iránt érdeklődünk. Ez különösen igaz, ha saját egyedi WordPress témát kell létrehoznia. A WooThemes ingyenes plug-in FlexSliderje mentésre kerül.

A WordPress adminisztrációs panelen keresztüli telepítés nem szükséges. A csúszka alapváltozatának megjelenítéséhez a webhely fejlécében a következő lépéseket kell tennie:

1. Helyezze be a következő fájlokat a webhely gyökérkönyvébe:

• flexslider.css
• jquery.flexslider.js
• jquery.flexslider-min.js
• bg_direction_nav.png

Természetesen ezeket a fájlokat civilizált módon is hozzáadhatjuk a kívánt mappákhoz (például a megfelelő stílusú mappában lévő stíluslapot stb.), De utána újra kell írni a következő bekezdés ösvényeit.

2. Helyezze be a következő kódot a záró címke előtt :

Ez a kód összeköti a flexslider.css stílusfájlt, amelyet tovább testesítünk meg; összekapcsolja a jquery könyvtárat és a plugin js fájljait.

3. A téma fejlécfájljában (általában header.php) illesszük be a kódot:

Ebben a kódban megadhatja a diafilmek elérési útját (slide1.jpg - slide3.jpg). A képek száma nem korlátozott.

4. A jquery.flexslider.js fájlban törölje az Előző és a Következő értékeket (1091 és 1092 sorok a fájlban):

// Elsődleges vezérlők controlNav: true, // Boolean: Navigáció létrehozása az egyes diák oldalirányú vezérléséhez? Megjegyzés: A manualControls használati irányának maradjon trueNav: true, // Boolean: navigáció létrehozása az előző / következő navigációhoz (true / false) prevText: "Előző", // String: Állítsa be a "previous" directionNav elem következőText: "Next", // String: Állítsa be a szöveget a "next" directionNav item

5. A flexslider.css fájlban cserélje ki a következő kódot (a fájl 71. és 72. sorai)