Php 向wp_头添加其他css文件

我正在编辑最新wordpress附带的标准213主题

我需要在wp_头中添加一些我自己的.css文件，但我不确定如何做到这一点。我目前正在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_排队_样式，对javascript使用wp_排队_脚本


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

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

add_action（'wp_enqueue_scripts'，'your_function_name'）

（这使用钩子，钩住动作。）

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

注意使用-这将为主题获取适当的样式表目录

这也是将脚本放入头中的正确方法。例如：

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\u head被称为

<?php wp_head(); ?>
<link href="/wp-content/themes/YourTheme/cssFolder/YourOtherStyleSheet.css">



这通常是我所做的，因为阅读起来更清晰

此外，我还建议使用类似于的方法来创建一个干净的空白wp主题，而不是试图更改默认主题（因此没有子主题，只是一个不同的主题）
样式表几乎可以在任何地方加载，
但是默认的wordpress安装使用wp_head（）钩子输出主样式表（style.css）

例如：在2144年，它被加载到functions.php的第232行

    // Load our main stylesheet.
    wp_enqueue_style( 'twentyfourteen-style', get_stylesheet_uri(), array( 'genericons' ) );

首选使用此钩子的原因之一是，如果您有两个插件使用相同的样式表，并且都使用相同的wp_enqueue_样式句柄，那么WordPress只会在页面上添加一次样式表，
另一个原因是这个句柄有一个依赖参数，但那是另一回事
 @cale\u b
我的插件基于jQuery库，从wp_head（）函数调用jQuery在这种情况下不成功

wp_enqueue_脚本（'jquery'，'get_样式表_uri（）；）。
“js/jquery.min.js”）

正确的方法是先将其添加到header.php，然后再执行所有操作

<?php wp_enqueue_script("jquery"); ?>
<?php wp_head(); ?>



在wp_head（）之前首先调用jquery是非常重要的；其他进口的钩子。。。WordPress附带了jQuery库，因为他将其用于wp管理页面和页面上的其他$post和$get请求。。。使用他们的脚本比在themes目录中添加自己的jquery.min.js文件更安全、更简单

wp_头（）；函数只是调用样式表的最佳方式，但当它访问Javascripts和Javascript库时，可能会出现错误

还要注意的是，有时候WordPress不会将您的'$'作为jQuery变量呈现，并且您会得到TypeError的错误，这当然是正确的。在这种情况下，您应该使用“jQuery”更改所有的“$”，而“jQuery”也是WordPress jQuery库中定义的变量

还要注意，有时您需要一个内联javascript等

<script>
addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); }
</script>


addEventListener（“加载”，函数（）{setTimeout（hideURLbar，0）；}，false）；函数hideURLbar（）{window.scrollTo（0,1）；}

所有这些内联脚本都不应该在index.php、header.php或footer.php中。。。您可以在另一个your-inline-scripts.js中列出所有这些脚本，并在之前应该列出的地方这样调用它们，如下所示：

    <script type="text/javascript"  
src="<?php bloginfo("template_url"); ?>/js/your-inline-scripts.js"></script>

这不是WordPress的方式。正确的方法是使用排队函数。此外，OP明确表示她不想这样做：我目前正在wp_head之外调用我的文件，但这很混乱，希望能够正确地执行。一些人将此答案标记为低质量。这可能是，但它仍然是一个有效的答案，即使不正确。这是一个公平的问题@PawelNovikov当一个答案不正确时，我们应该投反对票，如果可能的话，再添加一个更好的答案。如果答案是侮辱性的，或者包含垃圾邮件，或者应该是评论，这就是标记它的原因。我个人从阅读错误和被否决的答案中学到了一些东西。为什么要在.css之后添加？ver=4.0@醉酒大师-WordPress会自动做到这一点。这是他们的技术，以确保css/脚本在主题/插件更新后正确加载。我不明白，它只是破坏了我的脚本：/@TheBumpaster-它是如何“破坏”你的脚本的？要排队多个--比如说，5个--css文件，我可以使用一个函数，还是我必须重复上述所有5次，每个css文件一个？哥们，谢谢你-花了3个小时的时间在没有任何例子的随机帖子中搜寻，才找到了这个小金块：）
    <script type="text/javascript"  
src="<?php bloginfo("template_url"); ?>/js/your-inline-scripts.js"></script>

<script type="text/javascript"
   src="<?php echo get_stylesheet_directory_uri(); ?>/js/yourScript.js"></script>