Как да добавите JQuery акордеон често задавани въпроси в WordPress
Бяхме се приближи до един от читателите с въпроса дали е възможно на своята интернет страница на WordPress за изпълнение под формата на въпроси акордеон. Има много плъгини за него, но в тази статия ще обсъдим как да се приложи плана си сами, като използвате JQuery.
Какво акордеона?
В уеб дизайн акордеон - е термин, използван за проектиране модел на потребителския интерфейс, който има раздели или блокове съдържание, разширяване и свиване, както се изисква (взаимодействие) употреба. По-долу - снимки приложи проста акордеон.
Добавянето на JQuery акордеон Отговори
Преди да можете да добавите Отговори акордеон, за да се уверите, че имате на вашия сайт има раздел FAQ. Трябва да инсталирате плъгин WordPress Отговори мениджър.
WordPress е с вграден в JQuery библиотека, но няма заповед за JQuery. Ние ще се зареди библиотеката от МПС на Google, за да заредите и скриптове в WordPress. Ние също така ще създаде кратък номер, който ще се появи на нашите често задавани въпроси. Най-важното нещо във всичко това е, че ние прилагаме това чрез създаване на вашия WordPress плъгин.
След като запазите промените във файла, отворете нов празен файл. Запишете го с accordion.js името. След това, поставете следния код в нея и партньори:
Сега имаме плъгин, готов да бъде изтеглен. Отворете си FTP клиент и кача-акордеон папка в директорията / WP-contnt / плъгини / вашия уебсайт на WordPress. След това е необходимо да активирате плъгина, като отидете на Plugins admin.paneli сайт.
Добавяне на често задавани въпроси с акордеон
За да видите формат Въпроси акордеон, трябва да се създаде нова страница. Ходим на страниците "Добавяне на нов. Попитайте името на страницата си, като често задавани въпроси. и записване на полето за редактиране въведете SHORTCODE:
Ние промените стила и цвета на акордеон
За цветове и стилове на нашето акордеон използва JQuery UI, се намира на нишките на Google Cerere. В действителност това е просто лист стил, както и, ако желаете, можете да изтеглите и да го поставите на своя уебсайт. На сайта JQuery има секция с теми за JQuery UI с няколко готови. В нашия пример, ние използвахме темата на човечеството. Ако сте забелязали. Можете да я промените и да е предоставена от (гладкост, Cupertino, и т.н.) нишки могат също така да редактирате или създавате свои собствени посредством Themeroller.