как в вордпресс вставить код в head

WordPress.org

Русский

Add Code To Head

Описание

Intended users: Template Designers, Developer

If you wish to add any custom HTML to the bottom of each page’s head, then this plugin is for you. For example, you can add some custom CSS, a link to an external javascript file or something else.

The problem with editing the template directly is if you ever update the template, your changes will be lost. This plugin works around this issue.

Acknowledgements

Plugin Icon (CC BY 3.0) by DeniShop

Скриншоты

Установка

Via your Blog’s install plugin option

Upload

If you have a single file (ending in «.zip»), then use this method.

Files

If you have multiple files in a directory, use this method.

Часто задаваемые вопросы

Q. Why aren’t my codes being added to the absolute end of the head?

Another plugin or the theme is adding their own codes to the head after this plugin runs.

Q. I don’t know HTML/Javascript/CSS; can I still use this plugin?

Yes, but you may easily get confused and mess up your whole site. It is better to learn the code first before you use this plugin.

Q. Help! I messed up my whole site!

Disable the plugin. If your site is still messed up, then there’s some other problem.

Q. I disabled your plugin and the problem went away. Now what?

The problem lies in whatever you typed/pasted into this plugin’s option screen. If you’re really stuck, then try clearing out the code and starting over.

Q. Help! I accidentally erased the code and I didn’t mean to do that.

Similar to how widgets work, that data is stored in your database. If you made a backup before you deleted the data, then you can restore it that way, otherwise it is gone.

Q. How do I apply code to only a certain page or pages?

Right now you cannot. If there is sufficient demand, then we’ll add it.

Источник

Как добавить код в 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» вашей темы. Редактировать теми же способами, что указаны выше. Откройте файл и вставьте в самом конце код, который указан ниже.

После редактирования не забудьте сохранить изменения, нажмите «Обновить файл».

Источник

Как добавить код в WordPress: все доступные методы

Необходимость добавить код на сайт возникает часто. Это может быть код статистики, скрипта какого-либо сервиса, новой функции сайта, нового стиля и многое другое.

Для того, чтобы добавить код в WordPress существует несколько удобных, правильных и неудобных, неправильных способов. В этой статье я расскажу вам про все эти способы. И все они могут пригодиться на практике.

Добавление кода в виджет

Виджеты в WordPress можно использовать для того, что добавить код на сайт. Для этого подходят виджеты «HTML-код» и «Текст». Благодаря такому способу можно установить какой-либо HTML код в любой области виджетов, предусмотренной активированной темой. И если этот код предусматривает вывод какого-либо элемента, то он будет виден.

Для тех, кто не знает: виджеты находятся в пункте «Внешний вид», подпункте «Виджеты». Нужно лишь переместить мышкой виджет «HTML-код» или «Текст» из области «Доступные виджеты» (слева страницы), в какую либо область справа страницы. Затем в него можно вставить текст и сохранить с помощью соответствующей кнопки.

Если используется виджет «Текст», то код нужно добавлять во вкладку «Текст», а не «Визульно».

Добавлять код в виджет «Текст» нужно во вкладку «Текст».

Но удобнее, всё-таки, использовать виджет «HTML-код», который специально для этого и предназначен. В нём всего одна вкладка, а также есть подсветка синтаксиса.

В виджете «HTML-код» есть подсветка синтаксиса.

Иногда возникает необходимость добавить в виджет PHP код и сделать так, чтобы он работал. В этом случае придётся пользоваться дополнительным плагином, который создаст новый виджет «PHP-код».

Плагин называется PHP Code Widget и ссылка на него ниже.

Добавление кода в настройки темы

Ещё один способ добавить код в WordPress — это внедрить его в настройки дизайна. Подойдёт для добавления своих CSS стилей, а в не которых случаях (в зависимости от темы) и других видов кодов.

Для интеграции перейдите в пункт «Внешний вид», подпункт «Настроить». Вы увидите секции с опциями слева. Откройте «Дополнительные стили».

Откройте секцию «Дополнительные стили».

И вставьте CSS код в поле. Не забудьте сохранить всё кнопкой «Опубликовать».

Вставьте свой код стиля в поле.

А если нажать на кнопку с иконку в виде шестерёнки, то можно будет ещё и просто сохранить изменения, без публикации, и даже запланировать их публикацию на указный день и время.

Сохраните изменения или выберите другое действие.

Некоторые темы в своих настройках позволяют добавлять и другие типы кодов в разные области сайта. Например, тема Frontier, которая используется на моём сайте, имеет специальное поле для вставки кода в область сайта head.

Код можно добавить в настройках некоторых тем.

Настройки тему могут находиться в пункте «Внешний вид», либо вынесены в отельный пункт. В разных темах это может выглядеть, конечно же, по-разному, и не обязательно так, как у меня на скриншоте. А в некоторых темах этого вообще может и не быть.

Добавление кода с помощью плагинов

Универсальный способ добавить код в WordPress — это использовать плагин. И есть несколько вариантов.

Во-первых, рекомендую простой плагин Head, Footer and Post Injections. После активации перейдите в пункт «Настройки», подпункт «Head and footer». И тут вы увидите возможность добавить любой код в любое место сайта: в шапку, подвал, записи, страницы. Кроме того, есть дополнительные опции, вроде включения добавленного кода только на некоторых устройствах или типах страниц.

Интерфейс плагина Плагин Head, Footer and Post Injections.

Есть, что изучать в этом плагине. Только один недостаток — всё на английском языке. Скачать можно по ссылке ниже.

Ещё один способ добавить код в WordPress, это плагин My Custom Functions. Он решает задачу интеграции PHP функций, и добавляет их так, будто они были написаны в файле темы functions.php. При этом ни обновление темы, ни даже её изменение данную интеграцию не нарушает.

Работу этого плагина я рассматривал на примере добавления в тему функции для реализации чек-бокса соглашения на обработку персональных данных в форме комментариев WordPress.

Скачать плагин можно по ссылке ниже.

После активации плагина, перейдите в пункт «Настройки», подпункт «PHP inserter». Включите применение кода и добавьте свою PHP функцию.

Добавление PHP функции в My Custom Functions.

Добавление кода в файл темы или плагина

Вначале я писал о том, что есть правильные и неправильные способы добавить код в WordPress. Как раз таки сделать это непосредственно в файл плагина или темы — является самым неправильным методом, но рабочим. Иногда это бывает единственным способом, и поэтому на практике, всё-таки, используется.

Вся неблагодарность метода в том, что при первом же обновлении продукта внедрённая инъекция исчезнет и её придётся создавать заново. Поэтому нужно иметь копии изменённых файлов и вручную их заменять после обновления, что очень не удобно.

Итак, чтобы добавить код в WordPress прямо в файл, нужно перейти в пункт «Внешний вид», подпункт «Редактор» (если речь о теме) или пункт «Плагины», подпункт «Редактор» (если речь о плагине).

Сначала вы увидите пугающее предупреждение, где нужно нажать на «Я понимаю».

Чтобы начать редактировать файл, нажмите «Я понимаю».

И теперь перед вами откроется редактор. Здесь в списке сверху можно выбрать редактируемый продукт (тему или плагин), в колонке справа выбирается файл, а в самом центре редактор с поддержкой синтаксиса кода.

Добавление кода в файл темы/плагина.

Кроме этого, добраться до файлов тем и плагинов можно через файловый менеджер или FTP подключение. Плагины хранятся в папке wp-content/plugins, а темы в wp-content/themes. Каждый плагин/тема в отдельной папке.

При редактировании файлов будьте внимательны, делайте резервные копи.

Источник