gpt4 book ai didi

php - 将其他 css 文件添加到 wp_head

转载 作者:IT王子 更新时间:2023-10-29 01:24:34 24 4
gpt4 key购买 nike

我正在编辑最新 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 中的内容以及如何添加自己的内容?

最佳答案

要在 wp_head() 中添加自己的 css,您需要使用 WordPress 函数的集合:

首先,您将把它放在主题的 functions.php 文件中:

add_action('wp_enqueue_scripts', 'your_function_name');

(这使用 add action Hook , Hook 到 wp_enqueue_scripts 操作。)

然后,您需要将该函数添加到您的 functions.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功能。

最后,值得一提的是,通常不鼓励直接更改二十三(或任何其他核心主题)主题。建议创建一个子主题(在我看来有点过头了,但值得一提)。

关于php - 将其他 css 文件添加到 wp_head,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18519573/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com