Найти в Дзене

Функция wp_head(); Подключение стилей и скриптов

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

Пример включения ваших стилей и скриптов с использованием wp_head():

  1. Откройте файл header.php вашей темы. Этот файл обычно находится в корне директории вашей темы.

Добавьте вызов wp_head() перед закрывающимся тегом </head>.

Вот пример:


<!DOCTYPE html>
<html <?php language_attributes(); ?>>
<head>
<meta charset="<?php bloginfo( 'charset' ); ?>">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title><?php wp_title(); ?></title>
<?php wp_head(); ?>
</head>
<body <?php body_class(); ?>>

  1. Добавьте ваши стили и скрипты в функцию wp_head(). Например:

<?php
function my_custom_styles_and_scripts() {
// Ваши стили
echo '<link rel="stylesheet" href="' . get_template_directory_uri() . '/css/style.css">';

// Ваши скрипты
echo '<script src="' . get_template_directory_uri() . '/js/script.js"></script>';
}

add_action( 'wp_head', 'my_custom_styles_and_scripts' );
?>

  1. Замените '/css/style.css' и '/js/script.js' на пути к вашим реальным стилям и скриптам.

Этот код регистрирует функцию my_custom_styles_and_scripts с использованием add_action(), которая будет вызываться внутри wp_head(). Таким образом, ваш код стилей и скриптов будет включен в секцию <head> вашего HTML-документа.


Друзья, нужна развернутый ответ пишите комментарии!

Подписывайтесь на канал и ставьте лайки!