Додайте JavaScript до WordPress: як це легко зробити
Люди, які використовують WordPress, повинні дізнатися більше про JavaScript і про те, як він використовується на веб-сайті. Щоб додати JavaScript до WordPress, вам потрібно знайти найбільш підходящий спосіб його впровадження на власному веб-сайті.
Дослідження мають велике значення, оскільки неправильна реалізація JavaScript може призвести до наслідків, які буде важко виправити.
Що таке JavaScript WordPress?
JavaScript WordPress — це спосіб додати додаткові функції до веб-сайту, не сповільнюючи його роботу. JavaScript представляє мову програмування, яка працює в браузері користувача. Цей тип програмування дає розробникам можливість додавати різноманітні функції на свої сайти, наприклад вбудовані відеоплеєри, калькулятори чи інші служби. Фрагмент коду JavaScript потрібно просто скопіювати та вставити в код веб-сайту.
Чому вам варто додати спеціальний JavaScript у WordPress?
Існує кілька причин, чому вам слід додати JavaScript до WordPress, але для цього ви повинні знати, як закодовано веб-сайт. Під час кодування веб-сайту WordPress вам можуть допомогти три елементи:
- HTML
- CSS
- JavaScript
Щоб створити дуже міцну основу для сайту WordPress, ви можете використовувати HTML і CSS. Незважаючи на те, що вони чудово підходять для створення основи веб-сайту, вони обмежені щодо зміни поведінки сайту. Якщо ви хочете, щоб ваш сайт діяв певним чином, ви можете використовувати JavaScript для виконання однієї з таких дій:
- Зміна, приховування або відображення певних елементів HTML на веб-сайті
- Додавання значень до змінних CSS, а також виконання більш складних операцій (об’єднання змінних або створення елемента, який можна взаємодіяти клацанням миші)
- Зміна макета теми WordPress шляхом додавання в неї іншого блоку коду
- Зміна певної функціональності плагіна WordPress
- Розширення веб-сайту за допомогою динамічного вмісту (анімація, відео тощо)
- Включення зовнішнього елемента на веб-сайт (сторонні API)
Усе це та багато іншого можна зробити за допомогою JavaScript.
Використання вставки колонтитулів для додавання JavaScript
Додаючи JavaScript до WordPress, вам потрібно просто скопіювати та вставити блок коду JavaScript на веб-сайт. Ця проста дія додає сторонній інструмент на веб-сайт, будь то відеоплеєр чи інший елемент. Ці фрагменти коду додано безпосередньо під розділом head або безпосередньо перед тегом в основному коді веб-сайту. Це впливає на місце розміщення елемента. Щоб активувати цей плагін, який називається «Вставити верхні та нижні колонтитули», його потрібно спочатку встановити.
Щоб активувати його після інсталяції, вам просто потрібно перейти до сторінки «Налаштування», а потім до сторінки «Вставити верхні та нижні колонтитули». Є два різні поля, які ви можете встановити: один для верхнього колонтитула, інший для нижнього колонтитула. Після активації цього плагіна ви можете просто вставити фрагмент коду JavaScript і натиснути «Зберегти». Оскільки плагін активовано, вставлений фрагмент коду автоматично завантажуватиметься для всіх сторінок вашого веб-сайту. Це базові знання, необхідні для додавання JavaScript до WordPress.
Вимкнення фільтрації WordPress
Використовуючи JavaScript у WordPress, ви також повинні вимкнути блокування тегів сценарію від JavaScript. Цей параметр можна знайти в wp-config.php, який знаходиться в кореневому веб-каталозі. Щоб увімкнути спеціальні теги, додайте туди цей рядок коду:
define( 'CUSTOM_TAGS', true );
Перейшовши на сторінку functions.php, скопіюйте та вставте цей фрагмент коду у свій базовий код:
function add_scriptfilter( $string) {global $allowedtags;$allowedtags['script'] = array( 'src' => array() );return $string;}add_filter( 'pre_kses', 'add_scriptfilter' );
Додаткова порада: використання цього методу означає, що ви вимикаєте функцію безпеки на своєму веб-сайті для будь-якого рівня дозволу користувача. Використовуйте цей метод, лише якщо ви глибоко довіряєте своїм авторам. Увімкнути тег сценарію таким чином іноді ризиковано.
Дізнайтеся, як використовувати плагін Script n Styles
Ви можете додати JavaScript до WordPress за допомогою плагіна. Зазвичай вам доводиться завантажувати JavaScript у теги та. Для глобального завантаження JavaScript можна використовувати плагін. Чуйним є Script n Styles. Ви можете включити сценарії на весь веб-сайт або включити їх на рівні сторінки чи навіть публікації. Ви також можете змінити дозволи користувача. Автори можуть публікувати дописи та активувати JavaScript, а учасники можуть зберігати дописи, не публікуючи їх.
Використовуйте розширені спеціальні поля
Якщо вам цікаво, як найпростіше додати JavaScript до WordPress, цей плагін може стати рішенням. Після встановлення та активації плагіна ви зможете отримати доступ до опції Custom Fields в адміністративному меню. Потім ви можете натиснути «Додати новий». Мета полягає в тому, щоб додати поле, до якого адміністратори матимуть доступ і яке може вставляти вихідний файл JavaScript або код JavaScript у теги.
- Першим кроком є назва групи полів. Це можна зробити, увімкнувши правило, яке відображає цю опцію для користувача, який входить як адміністратор. Це означає, що лише адміністратор може додавати їх на сайт.
- Поля мають відображатися під областю вмісту, що означає, що ви вибираєте «Стандартний», коли потрібно вибирати стиль групи полів. Встановіть форматування поля на «Перетворити HTML у теги». Це призведе до хорошого результату, інакше він може погано перекладатися.
- Додайте такий код у header.php:
<?php the_field('header_script'); ?>
Це слід додати перед.
<?php the_field('footer_script'); ?>
Це слід додати перед.
- Збережіть файли шаблону, оновіть сторінку та натисніть Опублікувати.
Сторінка буде опублікована з доданим JavaScript. Розширені користувацькі поля є відповідним варіантом, якщо ви хочете отримати більше функціональних можливостей для користувачів, уже опублікованих сторінок тощо.
Привіт, чи знаєте ви, що дані теж можуть бути красивими?
wpDataTables може зробити це таким чином. Є вагома причина, чому це плагін №1 WordPress для створення адаптивних таблиць і діаграм.
Фактичний приклад wpDataTables у дикій природі
І це дуже легко зробити щось подібне:
- Ви надаєте дані таблиці
- Налаштуйте та налаштуйте його
- Опублікуйте його в публікації або на сторінці
І це не просто красиво, а й практично. Ви можете створити великі таблиці з мільйонами рядків, або ви можете використовувати розширені фільтри та пошук, або ви можете піти дико і зробити їх редагованими.
«Так, але мені дуже подобається Excel, а на сайтах нічого подібного немає». Так, є. Ви можете використовувати умовне форматування, як у Excel або Google Таблицях.
Чи я казав вам, що ви також можете створювати діаграми зі своїми даними? І це лише мала частина. Для вас є багато інших функцій.
Кінець роздумам про те, як додати JavaScript до WordPress
Цих порад має бути достатньо, щоб навчити вас легко додавати JavaScript до WordPress, не стикаючись із проблемами. Після того, як ви зробите це один раз, другий раз буде набагато легшим і менш трудомістким.
Якщо вам сподобалося читати цю статтю про те, як додати JavaScript до WordPress, ви повинні переглянути цю статтю про те, як скинути WordPress.
Ми також писали про кілька пов’язаних тем, як-от як змінити URL-адресу WordPress, як вставити відео в WordPress, як редагувати HTML у WordPress, як дублювати сторінку в WordPress, як редагувати ролі користувачів WordPress і як додати пропоноване зображення WordPress.