Где расположен код главной страницы, а именно раздел head?
Пытаюсь зарегистрировать сайт на Яндекс вебмастер. Необходимо подтвердить права на сайт и д обавить в код главной страницы сайта (в раздел head) мета-тег. Не получается, т.к не могу найти расположение кода главной страницы.
Спасибо.
Ответы (10)
06.09.2017 09:50
На чем у вас написан сайт? Движок какой-то, Вордпресс или самописный?
Свернуть ответы
06.09.2017 09:54
06.09.2017 10:02
Тогда вам проще можно сделать — установите бесплатный плагин Yoast SEO, зайдите в настройках в инструменты веб-мастеров, и там уже в поле для Яндекса напишите метаданные, чтобы подтвердить права на ваш сайт.
06.09.2017 10:06
Спасибо огромное! Поняла)
07.09.2017 01:18
Судя по всему, код главной страницы расположен в файле header.php
Именно его нужно править в данном случае. Расположение зависит от используемой темы.
Например, если тема Twenty Sixteen, то относительный путь будет такой: public_html/wp-content/themes/twentysixteen/header.php
wp_head │ хук-событие │ WP 1.5.0
Событие срабатывает в
части страницы. В момент этого события обычно подключаются скрипты (jquery и другие), стили (css сайта) и разные SEO мета-теги страницы (title, description, robots). Это один из основных хуков темы (шаблона) WordPress. Это событие вызывается одноименной функцией wp_head(), которая в свою очередь вызывается в файле темы header.php перед тегом . Вызов функции wp_head() обязателен для всех тем (шаблонов) WordPress. Делается так:В момент этого события срабатывает очень много «родных» функций WordPress. Например, одна из таких функций добавляет подключенные через wp_enqueue_style() стили. Это событие активно используется самим WordPress и многими плагинами, например SEO плагинами. Поэтому это очень важное событие. Этот хук предназначен в первую очередь для разработчиков тем. Они обязаны добавлять функцию wp_head() в создаваемую тему. Чтобы плагины могли подключаться к хуку и добавлять данные в заголовки HTML.
Есть еще одно аналогичное событие — wp_footer — но оно вызывается функцией wp_footer() в подвале шаблона — файле footer.php .
Использование
add_action( 'wp_head', 'wp_kama_head_action' ); /** * Function for `wp_head` action-hook. * * @return void */ function wp_kama_head_action()< // action. >
- Примеры
- Подключение CSS и JS файлов через wp_head
- Приоритеты подключения js, css файлов
- Удаление функций WP из wp_head
- Удаление стилей и скриптов плагинов
Примеры
#1 Выведем произвольные CSS стили и JS скрипт в head
Это демонстрация того как можно вывести HTML код в HEAD документа:
## CSS в head документа add_action( 'wp_head', 'hook_css' ); function hook_css()< echo '.wp_head_example '; > ## JS в head документа add_action( 'wp_head','hook_javascript' ); function hook_javascript() < echo " "; >
#2 Выведем SEO мета-теги страницы
Для поисковых роботов есть 3 метатега: description keywords и robots. Для примера, выведем все три.
add_action( 'wp_head', 'head_seo_meta_tags' ); function head_seo_meta_tags()< // description echo ''; // keywords echo ''; // robots echo ''; // для мобильников. echo ''; >
Подробнее про метатеги и легкой замены SEO плагинам, я писал в этой статье.
Добавить свой пример
Подключение CSS и JS файлов через wp_head
Стили и скрипты подключаются в HEAD не через хук wp_head , а через соответствующие функции: wp_enqueue_style() и wp_enqueue_script().
Дело в том, что эти функции добавляют указанные файлы на вывод, а затем эти файлы выводятся автоматически в момент хука wp_head . Их выводят прикрепленные к wp_head функции ядра: wp_print_styles() и wp_print_head_scripts(). Так они подключаются в WP:
add_action( 'wp_head', 'wp_enqueue_scripts', 1 ); add_action( 'wp_head', 'wp_print_styles', 8 ); add_action( 'wp_head', 'wp_print_head_scripts', 9 );
Таким образом, чтобы подключить css или js файл к хуку wp_head, можно и почти всегда нужно, использовать специальные функции wp_enqueue_style() — для стилей и wp_enqueue_script() — для скриптов.
Примеры подключения стилей в wp_head
add_action('wp_enqueue_scripts', 'my_wp_head_css' ); // хук автоматом сработает во время wp_head function my_wp_head_css() < wp_enqueue_style( 'my_head_style', get_stylesheet_directory_uri() .'/css/my_style.css', array(), null ); >
Такая запись будет равносильна записи:
/css/my_style.css’ type=’text/css’ media=’all’ />
Но использовать лучше wp_enqueue_style(), потому что это стандарт и например в плагинах которые собираются стили в один файл второй вариант может не работать.
Иногда удобнее вывести в документ сами стили — без подключения файла:
.selector
Примеры подключения скриптов в wp_head
Со скриптами все делается точно как со стилями.
add_action('wp_enqueue_scripts', 'my_wp_head_js' ); // хук автоматом сработает во время wp_head function my_wp_head_js() < wp_enqueue_script( 'my_head_js', get_stylesheet_directory_uri() .'/js/my_script.js', array(), null ); >
Это равносильно записи:
Скрипт в коде, без подключения файла:
Приоритеты подключения js, css файлов
Для скриптов, в отличии от стилей, очень важно какой код идет до, а какой после. Поэтому важен порядок подключения фалов. Например, если выполнять jQuery код до того, как подключена библиотека jQuery, то код вызовет ошибку, потому что библиотеки нет, а мы её используем. Т.е. очень важно, чтобы файл с jQuery кодом подключался после файла самой библиотеки jQuery.
Приоритет через спец. функции WordPress
При подключении файлов через одну из функций: wp_enqueue_style(), wp_enqueue_script(), wp_register_style() и wp_register_script(), приоритет можно указать в третьем параметр $deps . Там нужно указать название скрипта от которого зависит подключаемый скрипт, тогда скрипт будет подключаться после скрипта от которого он зависит. Например:
add_action( 'wp_enqueue_scripts', 'my_jquery_js' ); function my_jquery_js()< // произвольный скрипт который работает на базе jquery wp_enqueue_script( 'my_jquery', get_stylesheet_directory_uri() . '/my_jquery.js', array('jquery') ); // jQuery - он уже зарегистрирован в WP поэтому его просто подключаем по названию wp_enqueue_script('jquery'); // Можно еще раз вызвать эту функцию, например в другом файле, при этом // скрипт будет подключен всего один раз. // Это еще раз показывает, почему удобно использовать специальные функции // для подключения скриптов. wp_enqueue_script('jquery'); >
Здесь, сначала подключается произвольный скрипт my_jquery.js с указанием зависимости от jQuery, а затем сам jQuery. Но по факту, в HTML коде скрипты подключатся в порядке: jquery, потом my_jquery.js . Так происходит из-за указанной зависимости.
Приоритет через хук wp_head
Если подключается не файл, а код и нужно учесть приоритет подключения, то его можно указать в третьем параметр add_action(). Смотрим на примере:
// Регистрация JS переменной add_action(‘wp_head’, ‘my_wp_head_js’, 10); function my_wp_head_js() < ?>
Тут, первому коду указан приоритет 20, а второму 10. В результате в HTML коде коды будут выведены в обратном порядке: по приоритетам — от меньшего к большему — 10, затем 20. Таким образом получится, что мы сначала зарегистрировали переменную, а затем вывели её через alert();
Удаление функций WP из wp_head
WordPress по умолчанию подключает кучу функций к хуку wp_head . Большая часть подключаемых к хуков находятся в файле ядра wp-includes/default-filters.php:
add_action( 'wp_head', '_wp_render_title_tag', 1 ); add_action( 'wp_head', 'wp_enqueue_scripts', 1 ); add_action( 'wp_head', 'wp_resource_hints', 2 ); add_action( 'wp_head', 'feed_links', 2 ); add_action( 'wp_head', 'feed_links_extra', 3 ); add_action( 'wp_head', 'rsd_link' ); add_action( 'wp_head', 'wlwmanifest_link' ); add_action( 'wp_head', 'adjacent_posts_rel_link_wp_head', 10, 0 ); add_action( 'wp_head', 'locale_stylesheet' ); add_action( 'wp_head', 'noindex', 1 ); add_action( 'wp_head', 'print_emoji_detection_script', 7 ); add_action( 'wp_head', 'wp_print_styles', 8 ); add_action( 'wp_head', 'wp_print_head_scripts', 9 ); add_action( 'wp_head', 'wp_generator' ); add_action( 'wp_head', 'rel_canonical' ); add_action( 'wp_head', 'wp_shortlink_wp_head', 10, 0 ); add_action( 'wp_head', 'wp_site_icon', 99 );
Чтобы удалить подключенный хук, используйте функцию remove_action() с нужным приоритетом, в плагине или файле темы functions.php.
Например, удалим ссылки на фиды:
remove_action( 'wp_head', 'feed_links', 2 );
Готовый код для удаления лишнего с head
// Удаляем лишнее с head части сайта // 2.0 remove_action( 'wp_head', 'feed_links_extra', 3 ); // ссылки доп. фидов (на рубрики) remove_action( 'wp_head', 'feed_links', 2 ); // ссылки фидов (основные фиды) // для публикации статей через сторонние сервисы remove_action( 'wp_head', 'rsd_link' ); // . Используется клиентом Windows Live Writer. remove_action( 'wp_head', 'wlwmanifest_link' ); //remove_action( 'wp_head', 'index_rel_link' ); // не поддерживается с версии 3.3 add_filter('the_generator', '__return_empty_string'); // Убираем версию WordPress // 3.0 remove_action( 'wp_head', 'adjacent_posts_rel_link_wp_head', 10 ); // Ссылки на соседние статьи (
- Также вместе с этим можно удалить REST API
- И еще, можно удалить промежуточные размеры для картинок в контенте: Как отключить адаптивные размеры картинок (srcset) в WordPress 4.4.
Удаление стилей и скриптов плагинов
Отключение скриптов плагина
Скрипты или стили плагинов могут мешать нормальной работает вашей темы или другого плагина. Например, у нас есть плагины "А" и "Б". Скрипты плагина "А" мешают нормальной работе плагина "Б". Для исправления нужно убрать подключение скрипта плагина "А" и подключить его в подвале, в самом конце.
Чтобы отключить скрипт плагина, его можно убрать из очереди на вывод функцией wp_dequeue_style(). Но для этого нужно знать ID скрипта. Чтобы узнать ID откроем код плагина и найдем скрипт подключаемый через: wp_enqueue_script('ID') или wp_register_script('ID') . Первый параметр в этой функции - это ID скрипта. Отключаем скрипт добавлением такого кода в functions.php темы.
add_action('wp_head', function()< wp_dequeue_script( 'ID' ); >, 5 ); // приоритет важен (от 2 до 7)!
Затем отключенный файл скрипта можно подключить самостоятельно там где нужно и как нужно.
Отключение CSS стилей плагина
Найти ID подключаемого файла стилей проще. Для этого открываем HTML код страницы и находим строку, где файл стилей подключается, и смотрим ID в атрибуте id:
Отключаем аналогично, только используем wp_dequeue_style():
add_action('wp_head', function()< wp_dequeue_style( 'ID' ); >, 5 ); // приоритет важен (от 2 до 7)!
Список изменений
| С версии 1.5.0 | Введена. |
Вставить произвольный код в head WordPress – используем файлы шаблона и плагины
Улучшение и апгрейд WordPress
Автор Женя На чтение 5 мин Просмотров 813 Опубликовано 5 февраля, 2021
У некоторых пользователей иногда есть трудность с тем, чтобы добавить код в head WordPress, потому что загрузка напрямую через редактирование файлов плохая практика – шаблоны обновляются разработчиками. Из этого выходит то, что если тема вордпресс развивается и поддерживается создателями, то такой подход бесполезен, потому что при обновлениях все изменения внесенные самостоятельно сотрутся. В статье покажу несколько методов как проверить и вставить свои строки в хеад.
Прописываем в header шаблона
Чуть выше написал, что такой подход не работает, но есть исключения. Например, шаблон сделан на заказ и обновления ему не грозят, которые полностью сотрут старые копии, поэтому можно использовать метод.
Как добавить через FTP
В основном загрузка шапки блога с разделом head, идет в похожем файле header.php, поэтому сразу обращаемся к нему, он должен лежать в корневой папке темплейта, приблизительный путь такой если работаем через FTP wp-content/themes/название активной темы/header.php. Покажу на примере программы Filezilla где находиться header.
- Переходим по пути указанному вверху снимка, только на конце название будет ваше.
- На необходимом файле нажимаем правой кнопкой мыши.
- Выбираем Просмотр/Правка. Запускается программа, отвечающая за открытие данного типа документа.
Обязательно свой контент прописываем перед закрывающим тегом, то есть перед этим /head, так обезопасите себя от правок уже созданных конструкций в вордпресс, чем грешат новички. Советую прочитать про wlw manifest.
Через админку WordPress
В админке WordPress есть встроенный редактор кода, всего что устанавливается админон. Для начала авторизируемся и войдем в панель.
- Переходим Внешний вид — Редактор тем.
- В правой колонке WP находим необходимый документ.
- Находим head и перед закрывающим тегом ставим свой код.
- Не забываем обновлять, нажимая синюю кнопку.
Предупрежу, что данный способ не безопасен, запросто можно сломать код сайта и поправить ошибку можно будет только через FTP соединение. Обязательно к прочтению про shortlink в WordPress.
Встроенные настройки шаблона
В некоторых разработках, где создатели заботятся об удобстве использования своих продуктов, присутствует такая вещь, чтобы можно добавить код через кастомайзер, в специальные окошки, так намного быстрее и можно не бояться обновлений. Например, в WordPress шаблоне Reboot , это реализовано в нескольких местах, покажу в области head. Для примера добавил произвольное meta, не означающее ничего.
В Reboot располагается в разделе Внешний вид — Настроить — Коды, первое поле будет для записи HTML и скриптов. Не забываем обновлять настройки. Потом идем для проверки в браузер.
Всегда проверяйте встроенные в темплейты возможности, бывает их намного больше чем предполагаете на самом деле.
Добавить в плагине Clearfy PRO
Одним из решений проблем с WordPress является комбайн Clearfy PRO, завоевавший положительные отзывы пользователей. В нем есть разделы по вставке кодов в частности и в head.
Теперь сделаем проверку.
В ClearfyPRO есть еще множество иснтрументов для чистки, улучшения и добавления дополнительных функций в WordPress, например удалить атрибуты prev и next.
Clearfy по выгодной цене
Code Insert Manager (Q2W3 Inc Manager) – второй модуль для вставки кода
Есть много отдельных плагинов для вставки кода в разные части сайта, но все ограничены только несколькими местами, в основном это head и body. Code Insert Manager (Q2W3 Inc Manager) имеет 8 областей для этого, но нас интересует только одна, при интересе, можете протестировать инструмент.
- Заходим в раздел админки WordPress выделенный на экране.
- Сверху вниз начинаем заполнять, делаем статус включен.
- Расположение – в нашем случае нужно добавить в хеадер, также есть body, footer и остальные.
- Приоритет не всегда срабатывает, но он регулирует место выше или ниже в пределах действия тега head будет расположен код, чем больше цифра тем ближе к низу.
- Вставить на страницы – обязательно тут нужно что-то выставить, иначе плагин затрет все правки и не добавит ничего. Я выбрал «Все».
- Можно исключить какие–то элементы и таксономии, а также отображать конфигурацию для разных типов пользователей.
- Последнее поле это сам произвольный код, вставляем его и нажимаем сохранить изменения.
- Внизу должна появиться новая строка с характеристикой включения, проверяем.
Видео инструкция для HTML
Для более понятного обзора приложу видео инструкцию. Наглядно показано, где искать необходимые места для реализации данных потребностей.
Добавить код с помощью PHP хука
Способ подходит для более продвинутых пользователей WordPress, не боящиеся влезать и править документы. Применим знаковый хук wp_head и повесим на него функцию, которая сможет добавить произвольный код.
function wpoptimize_insert_header() < ?> add_action( 'wp_head', 'wpoptimize_insert_header' );Прописываем в function php активной темы, вместо надписи добавляем необходимую инструкцию для показа в head. Если сделано правильно и блог не заклинило, то в итоге получите результат, как проверить показывал выше.
Видим что работает каждый из методов, любой из них правильных, но нужно выбирать по потребностям, подойдет для любых видов CSS, JS и приемов для улучшения SEO. Советую взять Клеарфай, комплексная оптимизация нужна, потому что WordPress универсальный движок, но имеет много лишнего.
Как добавить код в head на WordPress – обзор всех методов и примеров
Настройка WordPress
Автор Василий На чтение 3 мин Просмотров 3к. Опубликовано 12 октября, 2020
Добавить код в head WordPress необходимо не только сеошникам. Регистрация сайта во многих системах, JS-скрипты, фреймы счетчиков и многое другое размещается в этом разделе. Разбираем, как сделать это на ВП.
Что содержится в теге?
В отличие от body, хеад включает в себя:
- Информацию для браузеров
- Инструкции для поисковых роботов
- Прочие мета-содержащие элементы
- Подключения сторонних файлов (например стили css)
Добавляем код в head через WordPress
Существует много дополнений для добавления фрагмента во все части страницы. Для добавления кода в head на WordPress можно использовать готовые расширения.
Clearfy PRO
Одна из функций этого дополнения, позволяющая добавить в любую часть документа текст. Также полезно будет удалить стили recentcomments.
Как найти это меню (легкий способ):
- Открыть меню «Clearfy PRO» через админку вордпресса
- Зайти в отдел с изменением программной стороны
- Найти соответствующие пункты
Yoast SEO
Это расширение подойдет только для верификации в ПУ поисковых систем (Google Search Console, Яндекс.Вебмастер). В разделе «инструменты веб-мастеров» сделаны поля для внедрения верификации поисковиков.
Установить
Page injections
Вопроса что это не возникает после чтения заголовка. Это — плагин для вставки чего-либо в шаблон.
С его помощью можно вставить код любого ЯП. Интересно также и то, что возможно добавить код как в «голову» страницы, также и в подвал (footer).
Этот раздел доступен в настройках (из панели администратора). В каждом блоке (всего их три) есть по два редактора: для отображения на всем сайте или только на главной. Чтобы вставить код не только в head через админку WordPress, можно использовать другие элементы: добавить кода в самом начале body и перед самым закрытием (в футере).
Через правку темы
Этот метод не рекомендуется, но возможен. Изменение шаблона может испортить всё, по этому большинство разработчиков рекомендуют использовать дочерние темы.
В спойлере «Внешний вид» есть раздел «Редактор тем», в котором производятся ручные модификации. Производите манипуляции в дочерних дизайнах и только если полностью уверены, что не испортите программную часть.
Напрямую в хедер
Где этот файл находится: wp-content/themes/header.*. По сути — правка html через ispmanager (или любую другую ПУ сервером) аналогична встроенному в wp корректору тем.
Через хук вордпресс
Находим файл functions.*. Далее вставляем следующий фрагмент (через админку -> редактор или через ПУ сервера — без разницы):
function wpboost_insert_header() < ?> add_action( 'wp_head', 'wpboost_insert_header' );В закомментированный участок (между закрывающим и открывающим тегом php) вставляете произвольный контент (в рамках ЯП). Так можно без установки дополнительных модулей модифицировать ресурс на WordPress.