为什么Header.php中的排队样式显示在页脚中?

时间:2019-12-22 作者:Avand Printer

我在函数中使用此代码。php:

add_action(\'wp_head\', \'addMyStyle\');
function addMyStyle() {
    wp_enqueue_style( \'bootstrap\', get_template_directory_uri() . \'/css/bootstrap.css\', false, \'1.0\', \'all\', false );
    wp_enqueue_style( \'bootstrap-rtl\', get_template_directory_uri() . \'/css/bootstrap-rtl.css\', false, \'1.0\', \'all\', false );
    wp_enqueue_style( \'style\', get_template_directory_uri() . \'/style.css\', false, \'1.0\', \'all\' );
}
以及<?php wp_head(); ?> 标签就在前面</head> 标签但样式文件加载在页脚标记中。我想把这些样式载入头标签。

在我的内部<head> 标签:

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" dir="rtl" xml:lang="fa" lang="fa">
<?php global $current_user; get_currentuserinfo(); ?>
<head>
<meta name="theme-color" content="#1B5064" />
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta name="HandheldFriendly" content="True">
<link rel="shortcut icon" href="/favicon-16x16.png" />
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA--1"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag(\'js\', new Date());

  gtag(\'config\', \'UA--1\');
  function resizeIframe(obj) {
    obj.style.height = obj.contentWindow.document.body.scrollHeight + \'px\';
    obj.style.height = 0;
    obj.style.height = obj.contentWindow.document.body.scrollHeight + \'px\';
  }
</script>
<meta name="google-site-verification" content="" />

<?php 
if ( wp_is_mobile() ) {
    ?>
    <style>.woocommerce-cart-form .container {overflow:scroll;}</style>
    <?php
}
?>
<?php wp_head(); ?>
</head>

1 个回复
最合适的回答,由SO网友:Jacob Peattie 整理而成

发生这种情况的原因是排队的脚本和样式是在wp_head 优先级为8,但您的addMyStyle() 功能以默认优先级10运行。这意味着,将头的脚本和样式排入队列为时已晚。您可以使用较低的优先级,但是wp_head 无论如何,这里使用的钩子是错误的。您应该使用wp_enqueue_scripts.

相关推荐

当购物车不是空的时候,有没有预置的css类?

WooCommerce自动启用.logged-in 当用户登录时初始化。这允许创建具有不同内容的页面,而无需任何PHP编码。当购物车是空的时,是否有类似的情况?我不寻求任何PHP解决方案。应该只使用CSS类来解决这个问题,这样我就可以根据这个CSS类是否存在来隐藏/显示页面的部分内容。