Добавить html код wordpress

Как добавить код в head WordPress

Нужно добавить код в head WordPress? Разберем как это сделать, чтобы не нарушить работу сайта.

В шапку сайта вставляют Google- и Яндекс-статистику, JavaScript-скрипты внешних сервисов (например, реклама), CSS-стили своих блоков.

Зачем нужен блок в коде страницы?

Это контейнер, в котором размещаются данные о данных (метаданные). Он находится между HTML-тегами и . Данные этого блока не отображается в браузере, но помогает ему обработывать страницы. Помогает поисковикам индексировать сайт.

Как добавить код в head WordPress?

Для ВордПресс есть несколько методов. Посмотрите все и выберите удобный для себя.

Отдельные плагины

Этот способ самый простой и рекомендуется новичкам. Для ВП есть плагины, которые сами добавляют ваши данные в шапку веб-ресурса. Они удобны, если вы не хотите «играться» с кодом и править файлы сайта.

Clearfy Pro

Это платное многофункциональное решение для ВП от команды WPShop.ru. Одна из возможностей плагина — вставка кода в head. Для этого нужно:

  1. Установить расширение.
  2. Открыть админ-раздел Clearfy Pro.
  3. Перейти на вкладку Код.
  4. Вставить свой код и активировать опцию Код в .

Опция Код в <head data-lazy-src=

Head, Footer and Post Injections

Это бесплатное WP-расширение, которое служит только для одной цели — добавляет код в head.

После установки и активации откройте в админке раздел Настройки > Header and Footer, перейдите на вкладку Head and Footer.

Главная страница настроек плагина Footer and Post Injections

Найдите блок page section injection.

В левом блоке код, который нужно выводить на всех страницах сайта. В правом — только на главной странице.

Поля для вставки кода в head в плагине Footer and Post Injections

Не забудьте нажать кнопку Сохранить.

Правка шаблона темы

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

Откройте файл wp-content/themes/header.php.

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

В каждой теме содержимое файла header.php может отличаться.

Для примера откроем этот файл в стандартной WP-теме Twenty Twenty. В самом начале будет блок .

Файл header.php темы Twenty Twenty

Нужный код добавьте перед закрывающим тегом .

Добавленный код в раздел <head data-lazy-src=

Как удалить WLWManifest XML

Отключаем REST API WordPress правильно

Как убрать ссылки на предыдущую следующую запись в WordPress

Как увеличить скорость WordPress

Здравствуйте. у меня вопрос к вашей статье «3 способа добавить код в head WordPress»
Я перешёл по сслыке Head and Footer, скачал. Но в WordPress в настроках он не появился. Почему и что делать? И как активировать его?

Как вставить код в head только на определенных? К примеру для СЕО часто просить вставить скрипт для только для карточки товара. А header у меня общий. Помогите пожалуйста.

Василий, для этого нужно немного видоизменить код, указанный в статье, например, прописав ID страниц.

function wpschool_insert_header()
 add_action( 'wp_head', 'wpschool_insert_header' );

Как быстро добавить код в head WordPress

WordPress сообщество

2016—2023 © WPSchool.ru — Обучающий ресурс о WordPress, статьи, уроки, обучение и курсы.
Размещаемся на лучшем хостинге Beget ❤️ .

Этот сайт использует cookie для хранения данных. Продолжая использовать сайт, Вы даете свое согласие на работу с этими файлами. OK

Источник

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

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

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

Как добавить код в WordPress

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

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

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

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

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

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

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

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

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

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

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

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

Дополнительные стили в настройках темы

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

Добавление своего CSS в WordPress

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

Сохранение изменений

Некоторые темы в своих настройках позволяют добавлять и другие типы кодов в разные области сайта. Например, тема 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 функцию.

Плагин My Custom Functions

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

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

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

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

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

Редактирование файла темы/плагина WordPress

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

Редактор кода WordPress

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

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

Источник

Читайте также:  Тип данных date python
Оцените статью