将其他 css 文件添加到wp_head

php wordpress

2022-08-30 16:40:05

我正在编辑最新的wordpress附带的标准二十三十六主题。

我需要将一些我自己的.css文件添加到wp_head但我不确定如何执行此操作。我目前正在wp_head之外调用我的文件，但这很混乱，并希望正确执行。

<meta charset="<?php bloginfo( 'charset' ); ?>">
<meta name="viewport" content="width=device-width">
<title><?php wp_title( '|', true, 'right' ); ?></title>
<link rel="profile" href="http://gmpg.org/xfn/11">
<link rel="pingback" href="<?php bloginfo( 'pingback_url' ); ?>">
<!--[if lt IE 9]>
<script src="<?php echo get_template_directory_uri(); ?>/js/html5.js"></script>
<![endif]-->
<link rel="stylesheet" type="text/css" media="all" href="<?php bloginfo("template_url"); ?>/bootstrap.css" />
<script type="text/javascript"   src="<?php bloginfo("template_url"); ?>/js/bootstrap.min.js"></script>

<?php wp_head(); ?>

在哪里定义了wp_head，我如何将自己添加到其中？

答案 1

要在wp_head（）中添加自己的css，您需要使用WordPress函数的集合：

首先，您将将其放在主题的函数中.php文件：

add_action('wp_enqueue_scripts', 'your_function_name');

（这使用添加操作挂钩，挂钩到wp_enqueue_scripts操作。

然后，您需要将函数添加到函数中.php将使用WordPress函数的文件wp_enqueue_style：

function your_function_name() {
    wp_enqueue_style('my-script-slug',  get_stylesheet_directory_uri() . '/your_style.css');
}

请注意get_stylesheet_directory_uri（）的使用 - 这会为您的主题获取正确的样式表目录。

这也是将脚本排队到标头中的正确方法。例：

function your_function_name() {
    // Enqueue the style
    wp_enqueue_style('my-script-slug',  get_stylesheet_directory_uri() . '/your_style.css');
    // Enqueue the script
    wp_enqueue_script('my-script-slug',  get_stylesheet_directory_uri() . '/your_script.js');
}

它使用WordPress wp_enqueue_script功能。

最后，值得一提的是，通常不鼓励直接改变二十三（或任何其他核心主题）主题。建议是创建一个儿童主题（在我看来是过度的，但值得一提）。

答案 2

将wp_enqueue_style用于样式表，将wp_enqueue_scripts用于 javascript

http://codex.wordpress.org/Function_Reference/wp_enqueue_style

http://codex.wordpress.org/Function_Reference/wp_enqueue_script