WordPress – це одна з найпопулярніших платформ для створення та управління веб-сайтами. Вона пропонує безліч можливостей для налаштування та розширення функціоналу вашого сайту. Однією з таких можливостей є підключення власного JavaScript коду до певної сторінки сайту.
Підключення JavaScript файлів до певних сторінок може бути корисним, коли потрібно додати певну функціональність або візуальні ефекти тільки на певні сторінки. Наприклад, ви можете захотіти додати слайдер зображень лише на головну сторінку або активувати форму реєстрації лише на сторінці "Контакти".
Щоб підключити свій JavaScript код до конкретної сторінки, вам знадобиться використовувати так звані "умовні теги" WordPress. Вони дозволяють визначити, на якій сторінці сайту має бути завантажений та виконаний ваш код JavaScript. Це дуже зручно та ефективно з точки зору завантаження сторінки, оскільки код буде виконуватися лише тоді, коли це необхідно.
| Сторінка | Способи підключення JS | |
|---|---|---|
| Через файли теми | За допомогою плагінів | |
| Головна сторінка | functions.php | Плагін "Custom JavaScript" |
| Сторінка контактів | functions.php | Плагін "Contact Form 7" |
| Сторінка блогу | functions.php | Плагін "Yoast SEO" |
| Сторінка портфоліо | functions.php | Плагін "Jetpack" |
За допомогою плагіна Shortcoder
Додати JS у WordPress можна одним із трьох способів:
Щоб додати блок «Довільний HTML», клацніть значок + Вставка блоку та виконайте пошук блоку або введіть /html у новому рядку та натисніть Enter. Щоб швидко додати новий блок «Довільний HTML», у новому рядку можна також набрати /html та натиснути Enter.