jQuery

Як у Bower встановити Fancybox
Як у Bower встановити Fancybox

Для того щоб встановити jQuery-скрипт галереї (popup-вікна) Fancybox, виконайте наступну команду в консолі:

bower i fancybox

Але перед встановленням бібліотеки переконайтесь, що у вас встановлені Node.js та npm. Як це зробити, ви можете прочитати в цій статті.

Урок 6. Виведення списку постів на сторінку та пагінація
Урок 6. Виведення списку постів на сторінку та пагінація

Сьогодні публікуємо завершальну статтю з серії уроків щодо розробки автокомпліт плагіна. У зв’язку з розширенням функціоналу плагіна було внесено багато правок. Тож доведеться повністю переглянути код з самого початку, але без зайвих подробиць. Якщо коротко, то було додано два додаткові шорткоди для більш гнучкого управління виводом результатів. Один шорткод — для виводу списку записів, другий — для відображення пагінації.

читати далі...

Урок 5. Підключення jQuery Autocomplete до плагіна автокомпліту постів
Урок 5. Підключення jQuery Autocomplete до плагіна автокомпліту постів

Сьогодні — передостанній урок із цього циклу уроків. Ми підключимо автозаповнення та внесемо невеликі правки до раніше написаного коду. Наприкінці уроку побачимо список знайдених постів, що відображаються автокомплітом.

читати далі...

Урок 3. Підключення стилів та JS скриптів до плагіна автокомпліту постів
Урок 3. Підключення стилів та JS скриптів до плагіна автокомпліту постів

Продовжуємо розробку плагіна «wp-post-autocomplete». У сьогоднішній статті ми підключимо стилі, js-файл і бібліотеку autocomplete з фреймворку jQuery (який за замовчуванням іде разом з ядром WordPress).

читати далі...

Як зробити кнопку «наверх» / to-top з плавним прокручуванням
Як зробити кнопку «наверх» / to-top з плавним прокручуванням

Вітаю! У сьогоднішньому уроці розглянемо реалізацію простого коду кнопки «вгору» на HTML, jQuery та CSS.

Як завжди, починаємо з HTML-коду. Сьогодні він буде досить примітивним:

<div class="to-top" data-btn="toTop">
	&#10145;
</div>

де:
to-top — клас, за допомогою якого ми стилізуватимемо кнопку
data-btn="toTop" — дата-атрибут, за яким будемо відслідковувати події скролу та кліку по кнопці
(так, ми могли б це зробити і через клас, але тут вирішено використати data-атрибут)

читати далі...