CSS и вёрстка

Как добавить код на сайт wordpress

Как добавить код на сайт wordpress 📅 ⏱ 22:09 ⏳ 1 мин 💬 0

Как добавить код на сайт wordpress: простыми словами, по шагам и с примерами. Разбираем, как это работает на практике, типичные ошибки и лучшие решения. Раскрыв

Как добавить код на сайт wordpress

Коротко: код на сайт WordPress добавляют четырьмя способами: плагином для вставки кода, в файл functions.php дочерней темы, в собственный мини-плагин или блоками редактора (блок «HTML» / «Код»). Счётчики и meta-теги обычно ставят плагином в <head>, а PHP-логику — в functions.php. Главное — не править ядро и родительскую тему.

Кому и зачемЧастые задачи: вставить код Метрики/Аналитики, подтверждение поисковика, виджет, скрипт чата, свою PHP-функцию. Покажем, куда что вставлять, чтобы код не исчез после обновления и ничего не сломать.

Вкладки: куда вставлять код




Плагины вроде «Insert Headers and Footers» или «Code Snippets» дают поля для кода в <head>, перед </body> и для PHP-сниппетов. Плюс: код переживёт обновление темы, есть история и возможность отключить.

Для счётчиков аналитики и meta-тегов это самый безопасный путь.

PHP-код добавляют в functions.php — но дочерней темы, иначе обновление родительской всё сотрёт.

JAVASCRIPT
add_action('wp_head', function () {
  echo '<!-- здесь ваш код -->';
});

Одна незакрытая скобка здесь даёт «белый экран» — правьте аккуратно и имейте доступ по FTP.

Для крупного кода лучше сделать свой мини-плагин: создайте папку в wp-content/plugins/my-code/ и файл my-code.php:

CODE
<?php
/*
Plugin Name: My Code
Description: Мои доработки
Version: 1.0
*/
// ваш код ниже

Так код не зависит от темы вообще.

  1. В редакторе записи нажмите «+» — добавить блок.
  2. Найдите блок «HTML» или «Код» (Custom HTML / Code).
  3. Вставьте код прямо в блок.
  4. Для JS-скриптов помните: они выполнятся при показе записи.

Подходит для разовой вставки на одну страницу, но не для глобальных скриптов.

Никогда не правьте ядро WordPressФайлы в wp-includes/ и wp-admin/ при обновлении перезапишутся. Любые правки — только в дочерней теме или своём плагине.

Куда именно вставить — шпаргалка

Что вставляем Куда
Счётчик аналитики, meta-тег в <head> — плагин или wp_head
Скрипт перед закрытием body плагин поле «footer» или хук wp_footer
PHP-функция functions.php дочерней темы или мини-плагин
Разовый HTML на одной странице блок «HTML»/«Код» в записи
Стили (CSS) «Дополнительные стили» или wp_enqueue_style

Проверка, что код сработал

  1. Откройте страницу, правый клик → «Просмотр кода страницы».
  2. Найдите свой код (Ctrl+F по фрагменту).
  3. Если кода нет — проверьте, тот ли хук и та ли страница.
  4. Проверьте консоль браузера (F12 → Console) на ошибки JS.
  5. Очистите кэш, если результат не появился.

Частые ошибки: причина → решение

Симптом Причина Решение
Код исчез после обновления правили тему напрямую дочерняя тема или плагин
Белый экран ошибка в PHP-коде отключить плагин по FTP, включить WP_DEBUG
Скрипт есть, но не работает неверный хук или кэш проверить wp_head/wp_footer, очистить кэш
Код виден как текст вставили в визуальный блок использовать блок «HTML»/«Код»

Проверьте себя

Чек-лист




Куда вставлять PHP-код, чтобы он пережил обновление темы?




Где взять код, который должен выводиться в <head>?




Вопросы и ответы

Для счётчиков и скриптов — плагин: можно выключить одной кнопкой. Для логики темы — functions.php дочерней темы или собственный плагин.

Зайдите по FTP, переименуйте папку плагина или файл, верните бэкап functions.php. Отключение источника ошибки мгновенно вернёт сайт.

Да, блоком «HTML/Код» в самой записи или через условные теги в functions.php, чтобы код работал только на нужной странице.

Откройте консоль браузера (F12 → Console) — ошибки JS видны там. Для PHP включите WP_DEBUG и смотрите логи.

Итоги

  • Код вставляют плагином, в дочернюю тему, в свой плагин или блоком «HTML».
  • В head — wp_head/плагин, перед body — wp_footer.
  • Ядро и родительскую тему не правим — обновление всё сотрёт.
  • Всегда проверяйте код в исходном коде страницы и консоли.
Поделиться: ВКонтакте Telegram WhatsApp Одноклассники Viber Мой Мир

Комментарии

Пока комментариев нет — будьте первым, кто поделится мнением.

Оставить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Получите консультацию нашего маркетолога

Изучит ваш проект, подберет подходящие услуги и тарифы

Получите бесплатный аудит

Наш специалист сделает базовый аудит вашего проекта и предложит персональные предложения.

Закажите услугу Каталог морепродуктов

Наш специалист свяжется с вами в ближайшее время и уточнит детали

Закажите адаптивный сайт

Наш специалист поможет составить Вам техническое задание на разработку сайта

Закажите сайт

Наш специалист поможет составить Вам техническое задание на разработку сайта

Закажите сайт лендинг

Наш специалист поможет составить Вам техническое задание на разработку сайта

Закажите сайт каталог

Наш специалист поможет составить Вам техническое задание на разработку сайта

Закажите интернет-магазин

Наш специалист поможет составить Вам техническое задание на разработку сайта

Закажите веб-приложение

Наш специалист поможет составить Вам техническое задание на разработку сайта

Закажите тариф Аутсорс

Стоимость от 150 000 ₽

Закажите тариф Магазин

Стоимость 90 000 ₽

Закажите тариф Классический

Стоимость 60 000 ₽

Закажите тариф Эконом

Стоимость 40 000 ₽

Закажите SEO продвижение

Наш специалист свяжется с вами, проведет анализ, предложит стоимость