Hogyan adjunk jquery harmonika gyik wordpress

Mi is megkeresték az egyik olvasó a kérdést, hogy lehet-e a honlapján a WordPress végrehajtása formájában FAQ harmonika. Sok plugin, de ebben a cikkben fogjuk megvitatni, hogyan hajtsák végre a tervet magát a jQuery.

Mi a harmonika?

A Web Design harmonika - a kifejezést használják a mintázat a felhasználói felület, amely lapokat vagy blokkok tartalmát, bővíteni és összeomlik szükség (interakció) felhasználói. Az alábbiakban - screenshot, egy egyszerű harmonika.

Hozzáadása jQuery harmonika FAQ

Mielőtt hozzá FAQ harmonika, hogy megbizonyosodjon arról, hogy van a webhelyen van egy GYIK részben. Meg kell telepíteni a bővítményt WordPress FAQ menedzsere.

A WordPress beépített jQuery könyvtár, de nincs ahhoz, jquery. Mi fogja tölteni a könyvtárat a Google CDN betölteni, és a script a WordPress. Mi is készít shortcode, amely megjeleníti a Gyakran Ismételt Kérdések. A legfontosabb dolog ebben az egészben az, hogy mi végre ez a létrehozásával a WordPress plugin.

A változások mentése után a fájlt, nyisson meg egy új üres fájlt. Mentsd el a nevét accordion.js. Ezután illessze be a következő kódot, és mentse:

Most van egy plugin, készen kell letölteni. Nyisd meg az FTP kliens és feltöltöm-harmonika mappa a / wp-contnt / plugins / a website-ra WordPress. Akkor kell aktiválni a plugint megy, Dugó admin.paneli oldalon.

Add a GYIK oldalt harmonika

Megtekintheti a GYIK harmonika formában, akkor létre kell hozni egy új oldalt. Mi megy a Pages' Új. Kérdezze meg az oldal nevét, mint a FAQ. és a felvétel a mezőben adja meg a érvényesítőkód:

Mi változik a stílus és a színek a harmonika

Mert a színek és stílusok a harmonika használja jQuery UI, található a Google Cerere szálak. Valójában ez csak a stíluslapot, és ha akarja, akkor töltse le és tegyük a honlapján. A jQuery oldalon van egy szakasza témák jQuery UI néhány kész. A mi példánkban használt témája az emberiség. ha már észre. Meg lehet változtatni, hogy bármilyen által biztosított (simaság, Cupertino, stb) szálak is szerkesztheti, vagy létrehozhat saját Themeroller.