ПредишенСледващото

  • търг модул
  • модул Резервация

В тази кратка бележка, разглеждат възможността за инсталиране на плъзгача на WordPress. Разбира се, в мрежата има много плъгини за интегриране на кратките номера в тема или пост, Admin, и т.н. ... но ние се интересуваме от най-лесен и гъвкав начин. Това е особено важно, ако искате да създадете свой собствен уникален тема WordPress. Ела на помощ на безплатен плъгин FlexSlider от WooThemes.

Не се изисква инсталация чрез администраторския панел на WordPress. Следващите стъпки трябва да направите, за да се покаже основната версия на плъзгача в заглавната част на нашия сайт:

1. Поставете основата на сайта следните файлове:

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

Разбира се, можем и цивилизован начин за добавяне на тези файлове до желаната папка (например стил файл в съответната папка, стилове и т.н.), но след това той трябва да бъде пренаписана начина, по който в следващия параграф.

2. Поставете следния код преди затварянето :

Този код се свързва flexslider.css стилове, за които ще персонализира; свързва JQuery JS библиотека и файлове на приставката.

3. нишки файл ОСП (като правило, header.php) вмъкнете кода:

Този код се посочва пътя към изображението на слайд (slide1.jpg - slide3.jpg). Броят на изображенията не се ограничава.

4. Изтрий jquery.flexslider.js ценности Предишна и следваща (линии 1091 и 1092 във файла):

// Основни контроли controlNav: верни, // Булева: Създаване на навигация за пейджинг контрол на всеки слайд? Забележка: Оставете вярно за manualControls използване directionNav: вярно, // Булева: Създаване на навигация за предишна / следваща навигация? (Вярно / невярно) prevText: "Назад", // String: Задайте текста за "предишния" directionNav т nextText: "Напред", // String: Задайте текста за "Напред" directionNav елемента

5. flexslider.css заменят следните код файл (линии 71, 72 във файл)

Подкрепете проекта - споделете линка, благодаря!