как вставить код в head wordpress
Как добавить код в Head WordPress
Разбираемся как быстро добавить код в Head WordPress.
Header — что это, где находится и зачем нужен
Информация из этого места в коде страницы не отображается на сайте. Блок нужен, чтобы помогать браузеру правильно выводить содержимое страниц, а также поисковым системам индексировать ресурс.
Как добавить код в Head WordPress
Разберем простые и рабочие методы.
Плагин Clearfy Pro
После того, как нажмете кнопку Сохранить настройки, плагин добавит ваш код на все страницы сайта.
Плагин Head, Footer and Post Injections
Еще один плагин для вставки кода в шапку и подвал.
Первым делом установите и активируйте дополнение. Затем перейдите в админ-раздел Настройки > Header and Footer, откройте вкладку Head and Footer.
В блок page section injection добавьте свой код и кликните Сохранить.
Правка файлов темы
Еще один способ добавить код в шапку — использовать шаблоны активной темы ВордПресс. Отлично подходит, если не хотите устанавливать дополнительные плагины.
Работать нужно с файлом header.php, который отвечает за работу верхней части WP-сайта. В каждой теме его содержимое отличается.
На примере покажем работу с темой Twenty Twenty.
Если открыть указанный файл, то нужный блок будет в самом его начале.
После сохранения изменений, добавленные строки начнут работать.
Файл functions.php
Еще способ — использовать главный конфигурационный файл темы, который находится в корневой ее папке.
Для этого в самый конец вставьте код
Строку замените на свой код и сохраните изменения.
Вставить код в раздел head на WordPress – темы, плагины и php функции
Большинство скриптов и систем аналитики требуют чтобы подключение к серверам происходило в шапке сайта, где располагается вся служебная информация. Чтобы добавить код в head WordPress не нужно придумывать сложных схем, стоит применить некоторые методы, описанные в статье.
Не путайте head и header, второй это тег семантической разметки сайта, который отображается и показывает, что здесь находится шапка сайта.
Если шаблон не обновляется
Самый простой методом – добавить код напрямую в файлы шаблона. Но есть несколько ограничений:
Открываете файл header.php (находится в корне темы), обычно он отвечает за показ первого экрана в WordPress. Используйте соединение по FTP, чтобы при ошибках откатить изменения. Я покажу на примере стандартного редактора в админке WP.
Перешел в редактор тем, нашел файл, потом вставил тестовый тег и обновил. Так он выглядит на главной странице.
Если обновляется, то данный метод сразу не подходит, переходим к другим способам.
Темы с возможностью добавлять код html в head
Возможно вы не знаете обо всех функциях своего шаблона, полезно будет изучить настройки, может быть в нем есть область для записи произвольного кода в хеад. Например, в теме Reboot есть такая возможность Внешний вид – Настроить.
Видим текстовую область, вставляете туда необходимый скрипт или мета информацию, и обновления уже не страшны. Посмотрите повнимательнее, проверьте все вкладки, скорее всего такая возможность для контента есть.
Если не нашли таких настроек, то переходим к другим методам, чтобы добавить код в раздел в хеад.
Применяем плагин ClearfyPRO
Любимый ClearfyPRO умеет все, также прописывать html и другие виды спецификации в head блога.
Есть переключатель можно на время отключить отображение, чтобы не приходилось стирать и заново загружать код. Аналогично можно удалить стили recentcomments. Полезно узнать что ClearfyPRO оптимизирует, ускоряет и улучшает seo в WordPress дополнительно по 49 требованиям. Для читателей WPCourses делаем скидку на покупку.
Плагин для вставки кода Head & Footer Code
Применяем PHP инструкцию
Помещаем его в файл function php. Видим место куда добавлять, вводите любой HTML и js script, после сохранения изменений, ваша функция выведется после отработки основных сценариев wp_head. Также отключается xml rpc протокол в WordPress.
Применяя четыре простых способа смогли добавить любой код в head любимой CMS WordPress, советую использовать плагины, если нет подходящих мест в шаблоне.
Как добавить код в head или body WordPress
Чтобы подключить JS-скрипт, фрейм счетчиков и другие коды в WordPress требуется добавить их перед закрывающим тегом /head (вывод в шапке), либо перед закрывающим тегом /body (вывод в подвале). Сделать это можно используя плагины, либо вручную. В данной статье я разберу именно ручной метод добавления кода в файлы темы.
Добавляем код в head
Добавить код в head можно через правку темы прямо из консоли WordPress, данный способ не рекомендуется, но возможен. Второй способ, через файловый менеджер хостинга — корень сайта/wp-content/themes/*ваша тема/, находим файл «header.php», редактируем. Третий способ — скачиваем файл «header.php», редактируем в notepad++, загружаем в корень сайта с заменой. Ниже представлена картинка, как вставить код из админки Вордпресс. Последовательность действий пронумерована.
Добавляем код через хук Вордпресс
Хуки WordPress — это специальные инструменты, которые обеспечивают расширяемость и масштабируемость CSM.
Хуки в WordPress используются для расширения стандартных возможностей CSM. Это могут быть как простое добавление текста где-либо на сайте, так и сложные выборки для интернет магазина на Вордпресс. Хуки мощный инструмент для изменения поведения ядра WordPress, используется для создания и изменения плагинов и тем.
Хуки делятся на два типа:
1. Фильтр (filter) — изменяет значение переменной. Получает значение и возвращает его, измененное или нет.
2. Событие (action) — запускает произвольный код. Прикрепленная колбэк функция сработает в момент срабатывания хука в коде. С помощью хука событий мы добавляем процесс, в то время как хук фильтра используется, чтобы изменить значения процесса.
Чтобы добавить код через хук, вам потребуется отредактировать файл «functions.php» вашей темы. Редактировать теми же способами, что указаны выше. Откройте файл и вставьте в самом конце код, который указан ниже.
После редактирования не забудьте сохранить изменения, нажмите «Обновить файл».
Как добавить код в head WordPress
Хотите быстро добавить код в head WordPress? Разберем простые и рабочие способы.
Код в шапку сайта вставляют с разных причин. Это может быть статистика от Google или Яндекс, JavaScript-скрипт какого-либо сервиса (например, реклама), новая функция сайта, CSS-стиль своего блока.
Зачем нужен блок в коде страницы?
Как добавить код в head WordPress?
Для ВордПресс есть несколько методов. Выбирайте тот, который вам удобен.
Через плагин
Этот способ самый простой и рекомендуется новичкам.
Head, Footer and Post Injections
Это бесплатное WP-расширение, которое самостоятельно добавляет код в head.
Для этого, во-первых, установите плагин.
После активации откройте в админке раздел Настройки > Header and Footer и перейдите на вкладку Head and Footer.
Страница выбранной вкладки имеет блок page section injection, который нам нужен.
Тут есть 2 текстовых поля. Первое отвечает за вывод в нем кода на всех страницах сайта. Второе добавляет код только на главной странице ВП-сайта.
Чтобы ваши изменения вступили в силу, не забудьте нажать кнопку Сохранить.
Clearfy Pro
Это премиальное решение для ВП имеет много полезных функций. В основном — это очистка ненужного кода. Одна из опций плагина — вставка кода в head. Для этого:
в Clearfy Pro» width=»1049″ height=»254″ srcset=»https://wpplus.ru/wp-content/uploads/2020/03/dobavlyaem-kod-v-head-5.png 1049w, https://wpplus.ru/wp-content/uploads/2020/03/dobavlyaem-kod-v-head-5-300×73.png 300w, https://wpplus.ru/wp-content/uploads/2020/03/dobavlyaem-kod-v-head-5-768×186.png 768w, https://wpplus.ru/wp-content/uploads/2020/03/dobavlyaem-kod-v-head-5-1024×248.png 1024w» sizes=»(max-width: 1049px) 100vw, 1049px»/>
Через правку шаблона темы
Если вы не хотите устанавливать дополнительные плагины на свой веб-ресурс, то код в head можно добавить вручную в нужном шаблоне вашей WordPress-темы.
Для этого перейдите в каталог wp-content/themes и найдите файл header.php.
В каждой теме содержимое файла header.php может отличаться. Но основные его блоки похожие.
» width=»1009″ height=»451″ srcset=»https://wpplus.ru/wp-content/uploads/2020/03/dobavlyaem-kod-v-head-4.png 1009w, https://wpplus.ru/wp-content/uploads/2020/03/dobavlyaem-kod-v-head-4-300×134.png 300w, https://wpplus.ru/wp-content/uploads/2020/03/dobavlyaem-kod-v-head-4-768×343.png 768w» sizes=»(max-width: 1009px) 100vw, 1009px»/>
Через хук WordPress
ВордПресс имеет специальный хук, который добавит код в head. Чтобы его использовать, откройте файл functions.php. Это основной конфигурационный файл темы, который находится в корне ее папки. Например, для указанной темы он находиться по адресу
Чтобы добавить стиль или скрипт в шапку сайта, в самый конец этого файла вставьте код
Как добавить код в хедер и футер сайта WordPress
Вас когда-нибудь просили добавить фрагменты кода в раздел или вашего веб-сайта WordPress? Часто такие просьбы возникают при интеграции с веб-сервисами, такими как Google Analytics, Facebook Pixel, Google Search Console и другими.
Вы также можете натолкнуться на учебники или справочники по WordPress, которые рекомендуют добавить некоторый пользовательский код CSS или Javascript в заголовок или нижний колонтитул WordPress.
По умолчанию WordPress не предоставляет возможность вставлять код в хедер или футер вашего сайта. Но все же есть простое решение для начинающих.
В этой статье мы покажем, как легко добавить код верхнего и нижнего колонтитула в WordPress. Целью является безопасное добавление кода без непосредственного редактирования файлов тем WordPress.
Лучший способ добавить код в заголовок и футер
Есть три возможных решения:
Первый вариант не подходит для начинающих, так как он требует добавления кода верхнего и нижнего колонтитула путем непосредственного редактирования файлов header.php и footer.php вручную.
Другой недостаток использования этого метода: ваш код будет удален, если вы установите обновление для темы.
Второй вариант – использование встроенной функции вашей темы. Некоторые темы WordPress, такие как Elegant Themes и Genesis Framework от StudioPress, предлагают встроенную опцию для быстрого добавления кода и сценариев в верхний и нижний колонтитулы WordPress.
Если вы используете тему со встроенной функцией, это кажется безопасным и простым решением. Однако, если вы измените свою тему, все фрагменты кода, добавленные на ваш сайт, исчезнут, включая проверку сайта в консоли поиска Google, аналитику сайта с помощью Google Analytics и остальные сервисы.
Вот почему мы рекомендуем пользователям использовать третий вариант, плагин верхних и нижних колонтитулов. Эта опция на сегодняшний день является самым простым и безопасным способом добавления кода в заголовок и футер WordPress.
Вот некоторые преимущества использования плагина Insert Headers and Footers:
1. Легко, быстро и организованно: позволяет легко и быстро добавлять коды в верхний и нижний колонтитулы сайта. Кроме того, он помогает вам упорядочиться, поскольку хранит все ваши коды футера и заголовка в одном месте.
2. Предотвращает ошибки: помогает предотвратить ошибки, которые могут возникнуть, если вы редактируете файлы темы вручную.
3. Смело обновляйте или изменяйте свою тему: плагин сохранит ваш заголовок и код нижнего колонтитула в отдельном месте, так что вы можете обновить или изменить свою тему, не беспокоясь об удалении кода.
Добавление кода в хедер и футер WordPress
После того, как плагин активирован, перейдите в Настройки –»Вставить хедер и футер из вашей панели администратора. Вы увидите два поля для добавления кода в верхний и нижний колонтитулы.
Просто вставьте код в одно или в оба поля. После этого не забудьте нажать кнопку «Сохранить», чтобы код сохранился.
Плагин теперь будет автоматически загружать код в соответствующих местах на вашем сайте WordPress.
Вы всегда можете редактировать и удалять любой код, который вы не хотите хранить.
Деактивация плагина автоматически уберет пользовательский код, который вы добавляли на сайт.
Если вы случайно отключите плагин, код все равно будет безопасно храниться в вашей базе данных WordPress. Вы можете просто переустановить или повторно активировать плагин, и код снова начнет появляться.
Примечание. Возможно, вам придется очистить кэш WordPress после сохранения изменений, чтобы код правильно отображался в интерфейсе вашего веб-сайта.