wp_head()

Запускает хук wp_head
Функция WordPress
INT 1.2.0
WordPress Icon

Описание функции

Функция wp_head() является одной из основных функций WordPress, которая вызывает действие wp_head. Она используется для вывода всех необходимых элементов в секции <head> шаблона сайта.

Эта функция обычно вызывается в файле header.php шаблона WordPress, и ее вызов должен быть размещен непосредственно перед закрывающим тегом </head>.

Ниже приведены основные задачи, выполняемые функцией wp_head():

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

Функция wp_head() является важной частью процесса генерации страницы в WordPress и должна быть вызвана в каждом шаблоне сайта.

Важно отметить, что функция wp_head() не выводит непосредственно содержимое секции <head>, а только вызывает действие wp_head. Фактический вывод содержимого секции <head> осуществляется плагинами, темами и другими функциями, которые присоединяются к действию wp_head.

Примеры использования

Генерация мета-тегов


function my_custom_meta_tags() {
    echo '<meta name="description" content="My custom description">';
}
add_action( 'wp_head', 'my_custom_meta_tags' );

В данном примере функция my_custom_meta_tags() добавляет мета-тег с описанием сайта в шапку страницы. Функция затем привязывается к хуку wp_head с помощью функции add_action(). При вызове wp_head() в шаблоне WordPress, эта функция будет выполнена и мета-тег будет выведен в HTML-коде страницы.

Добавление стилей и скриптов


function my_custom_styles() {
    wp_enqueue_style( 'my-custom-style', get_stylesheet_directory_uri() . '/custom.css' );
}
add_action( 'wp_head', 'my_custom_styles' );

В данном примере функция my_custom_styles() использует функцию wp_enqueue_style() для добавления пользовательского стиля custom.css в шапку страницы. Функция затем привязывается к хуку wp_head с помощью функции add_action(). При вызове wp_head() в шаблоне WordPress, эта функция будет выполнена и стиль будет подключен к странице.

Вывод дополнительных данных в шапке сайта


function my_custom_header_content() {
    echo '<div class="header-content">My custom header content</div>';
}
add_action( 'wp_head', 'my_custom_header_content' );

В данном примере функция my_custom_header_content() выводит дополнительный контент в шапку страницы. Функция затем привязывается к хуку wp_head с помощью функции add_action(). При вызове wp_head() в шаблоне WordPress, эта функция будет выполнена и контент будет выведен в HTML-коде страницы.

Изменение заголовка страницы


function my_custom_title( $title ) {
    return 'My Custom Title - ' . $title;
}
add_filter( 'wp_title', 'my_custom_title' );

В данном примере функция my_custom_title() изменяет заголовок страницы, добавляя к нему префикс «My Custom Title — «. Функция затем привязывается к фильтру wp_title с помощью функции add_filter(). При вызове wp_head() в шаблоне WordPress, эта функция будет выполнена и заголовок страницы будет изменен.

Добавление метрик и аналитики


function my_custom_analytics() {
    echo '<script> // Код аналитики </script>';
}
add_action( 'wp_head', 'my_custom_analytics' );

В данном примере функция my_custom_analytics() добавляет код аналитики в шапку страницы. Функция затем привязывается к хуку wp_head с помощью функции add_action(). При вызове wp_head() в шаблоне WordPress, эта функция будет выполнена и код аналитики будет выведен в HTML-коде страницы.

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

Как добавить свой код в секцию head сайта с помощью wp_head()?

Функция wp_head() позволяет добавить свой код в секцию head сайта. Для этого нужно использовать хук wp_head.

function my_custom_code() {
    // Ваш код здесь
}
add_action('wp_head', 'my_custom_code');

Как удалить стандартные мета-теги из секции head с помощью wp_head()?

Функция wp_head() также позволяет удалить стандартные мета-теги из секции head сайта. Для этого нужно использовать хук wp_head и функцию remove_action().

function remove_default_meta_tags() {
    remove_action('wp_head', 'wp_generator');
    remove_action('wp_head', 'wlwmanifest_link');
    // Удаление других стандартных мета-тегов
}
add_action('wp_head', 'remove_default_meta_tags', 1);

Как изменить порядок вывода элементов в секции head с помощью wp_head()?

Функция wp_head() также позволяет изменить порядок вывода элементов в секции head сайта. Для этого нужно использовать хук wp_head и функцию remove_action() и add_action().

function change_head_order() {
    remove_action('wp_head', 'wp_generator');
    add_action('wp_head', 'wp_generator', 5);
    // Изменение порядка других элементов
}
add_action('wp_head', 'change_head_order');

Как добавить сторонний скрипт или стиль в секцию head с помощью wp_head()?

Для добавления стороннего скрипта или стиля в секцию head сайта, можно использовать функцию wp_head(). Она вызывает хук wp_head, который позволяет добавить свой код перед закрывающим тегом </head>.

function my_custom_scripts() {
    wp_enqueue_script( 'my-script', 'https://example.com/script.js', array(), '1.0', true );
    wp_enqueue_style( 'my-style', 'https://example.com/style.css', array(), '1.0' );
}
add_action( 'wp_enqueue_scripts', 'my_custom_scripts' );

Как добавить мета-теги Open Graph в секцию head с помощью wp_head()?

Для добавления мета-тегов Open Graph в секцию head сайта, можно использовать функцию wp_head() в сочетании с хуком wp_head. Мета-теги Open Graph используются для определения информации, которая будет отображаться при расшаривании ссылки на сайт в социальных сетях.

function my_custom_meta_tags() {
    echo '<meta property="og:title" content="My Page Title" />';
    echo '<meta property="og:description" content="My Page Description" />';
    echo '<meta property="og:image" content="https://example.com/image.jpg" />';
}
add_action( 'wp_head', 'my_custom_meta_tags' );

Как добавить Google Analytics код в секцию head с помощью wp_head()?

Для добавления Google Analytics кода в секцию head сайта, можно использовать функцию wp_head() в сочетании с хуком wp_head. Google Analytics позволяет отслеживать статистику посещений сайта.

function my_custom_google_analytics() {
    echo '<script>
        // Google Analytics code here
    </script>';
}
add_action( 'wp_head', 'my_custom_google_analytics' );

Как добавить код для подключения шрифтов в секцию head с помощью wp_head()?

Для подключения шрифтов в секцию head с помощью функции wp_head() в WordPress, необходимо использовать хук wp_enqueue_scripts. Этот хук позволяет добавить код для подключения шрифтов в заголовок сайта.

// Функция для подключения шрифтов
function wpdocs_theme_name_scripts() {
    wp_enqueue_style( 'custom-fonts', get_stylesheet_directory_uri() . '/fonts/fonts.css' );
}
add_action( 'wp_enqueue_scripts', 'wpdocs_theme_name_scripts' );

Как добавить код для подключения иконок сайта в секцию head с помощью wp_head()?

Для подключения иконок сайта в секцию head с помощью функции wp_head() в WordPress, необходимо использовать хук wp_head. Этот хук позволяет добавить код для подключения иконок сайта в заголовок сайта.

// Функция для подключения иконок сайта
function wpdocs_theme_name_icons() {
    echo '<link rel="icon" href="' . get_stylesheet_directory_uri() . '/favicon.ico" type="image/x-icon" />';
}
add_action( 'wp_head', 'wpdocs_theme_name_icons' );

Как добавить код для подключения favicon в секцию head с помощью wp_head()?

Для подключения favicon в секцию head с помощью функции wp_head() в WordPress, необходимо использовать хук wp_head. Этот хук позволяет добавить код для подключения favicon в заголовок сайта.

// Функция для подключения favicon
function wpdocs_theme_name_favicon() {
    echo '<link rel="shortcut icon" href="' . get_stylesheet_directory_uri() . '/favicon.ico" type="image/x-icon" />';
}
add_action( 'wp_head', 'wpdocs_theme_name_favicon' );

Функция wp_head() в WordPress позволяет добавлять код в секцию head сайта. С помощью этой функции можно подключать шрифты, иконки сайта и favicon. Используя соответствующие хуки, можно легко добавить необходимый код в заголовок сайта и настроить его в соответствии с требованиями проекта.

Связанные элементы

  • Функция wp_register_script(): Регистрирует новый скрипт для последующего подключения.
  • Функция wp_enqueue_style(): Регистрирует новый стиль для последующего подключения.
  • Функция wp_get_document_title(): Возвращает заголовок документа для вывода в теге <title>.
  • Хук wp_enqueue_scripts: Регистрирует и подключает скрипты и стили на странице.
  • Хук wp_print_styles: Выводит стили на странице.
  • Хук wp_head: Вызывается перед выводом содержимого внутри тега <head>.
  • Хук wp_head: Вызывается перед закрытием тега <head>.
  • Класс WP_Scripts: Отвечает за управление скриптами на сайте.
  • Класс WP_Styles: Отвечает за управление стилями на сайте.
  • Класс WP_Post: Представляет запись (пост) в WordPress.
Обсуждение