Як легко додавати свій кастомний код до WordPress і не боятися щось зламати

Часто в наших уроках ми пишемо, що потрібно додати якийсь код файлу functions.php або файл окремого плагіна, щоб додати нову функціональність на WordPress. Це найпростіший і найшвидший спосіб. Але він має недолік. Якщо ви припуститеся помилки в коді, ви можете поламати весь сайт.

У цьому уроці ми покажемо, як убезпечити себе і легко додавати свій кастомний код WordPress, не боячись щось зламати. І в цьому нам допоможе чудовий та безкоштовний плагін Фрагменти коду.

Дивіться також:

• Куди вставляти цей код у WordPress? Загальна структура файлів теми
• Як краще додати свій код у functions.php або створити кастомний плагін на WordPress?
• Поради для початківців розробку сайту на WordPress
• Як створити дочірню тему WordPress — Правильний спосіб
• WordPress Codex - цінний помічник розробника
• Як зробити ідеальну тему WordPress — погані поради

Плагін Code Snippets

Отже, нам знадобиться плагін Фрагменти коду. Він безкоштовний і його можна сказати з офіційного каталогу плагінів WordPress:

Після активації у бічному меню адмінки з'явиться новий розділ меню Фрагменти.

Перейдіть в цей розділ, тут будуть зібрані всі ваші сніпети - окремі шматочки коду для додавання різної функціональності:

Зараз цей список буде порожнім, адже ви щойно встановили цей плагін. Давайте додамо наш перший сніпет! Натисніть на кнопку Додати.

З'явиться нове вікно, в якому потрібно вказати назву для сніпета (короткий опис, що він робитиме) і код нижче:

На зображенні вище ми додали код, який приховує версію WordPress, встановлену на нашому сайті. Ось сам код:

function wpb_remove_version() {
return '';
}
add_filter('the_generator', 'wpb_remove_version');

Під блоком з кодом є текстове поле, куди ви можете додати розгорнутий опис, що саме цей код робить, де ви знайшли і з якою метою вирішили застосувати.

Також ви можете додавати мітки до свого сніпета, щоб потім було зручніше їх сортувати та групувати.

Коли все готово, натисніть кнопку Save Changes and Activate. Це збереже та активує ваш сніпет.

Або ви можете просто натиснути Зберегти зміниякщо не хочете його зараз включати, а просто хочете зберегти.

У самому низу можна вибрати область дії доданого сніппета (Сфера).

У вас три варіанти:

• сніппет працює скрізь на сайті
• Сніппет працює тільки в адмінці
• Сніппет працює тільки на самому сайті без адмінки

Управління помилками у доданому коді

Як правило, якщо ви додасте код безпосередньо до файлу functions.php і зробите там помилку, ваш сайт може повернутися відразу ж.

У кращому випадку, ви не помітите, що десь усередині сайту порушена функціональність, у гіршому - ви бачитимете білий екран з помилкою.500 Внутрішня помилка сервера".

У такому разі вам доведеться заходити на сайт по FTP, шукати та виправляти допущені помилки вручну.

Але з плагіном Code Snippets ви убезпечите себе від цих ризиків. Якщо Code Snippets виявить у вашому коді помилки, він відразу ж повідомить про це і не дозволить цьому сніпету включитися і зламати ваш сайт:

Якщо помилка явно допущена в якомусь рядку коду, плагін повідомить тип помилки і вкаже, в якому рядку потрібно зробити виправлення. Це круто!

Управління сніпетами

Плагін Code Snippets відображає всі ваші збережені сніпети в адмінці WordPress так само, як і звичайні записи або сторінки.

А значить, ви можете звичним способом їх сортувати, правити, включати/відключати, видаляти і навіть експортувати:

Якщо ви переносите сайт на інший сервер або хостинг для WordPressВи можете попередньо експортувати всі ваші сніпети, а потім імпортувати їх на новому сайті в меню Snippets → Import.

Також ви можете переглянути додаткові параметри плагіна в меню Snippets → Settings:

Сподіваюся цей урок вам допоміг, і ви більше не боятиметеся щось зламати на сайті в процесі додавання коду до functions.php. Найкраще використовуйте Code Snippets!

Джерело: wpbeginner.com

Олексій Шевченко

редактор wpcafe

Вивчає сайтобудування з 2008 року. Практикуючий вебмайстер, що спеціалізується на створенні сайтів WordPress. Задати питання Олексію можна на https://profiles.wordpress.org/wpthemeus/