在子主题中优先加载文件css

时间:2017-10-01 作者:maria russo

我正在尝试向子主题添加其他文件css。我有自己的风格。css文件在子主题中,但它是默认加载的,所以我不需要在头部添加它。现在我想为响应式设计添加其他css文件,但我无法设置优先级。它们首先加载到head中,因此会被其他文件覆盖。这是我的附加函数代码。php,加载media-1100。头部css:

wp_enqueue_style( \'media-1100\', get_stylesheet_directory_uri() . \'/css/media-1100.css\');
所以我想要media-1100。css文件必须在头部最后加载。我读到我必须在函数中使用add\\u action。php给予优先权,但它不起作用,我的代码是错误的。你能帮帮我吗?谢谢

1 个回复
SO网友:FluffyKitten

我假设它需要最后加载,因为它依赖于其他样式表文件。在这种情况下,建议在Wordpress中使用“dependencies”参数wp_enqueue_style.

Set up the dependencies

wp\\u enqueue\\u style接受样式表所依赖的样式表的句柄数组,例如。

$dependencies = array(\'child-style\', \'another-style\');
wp_enqueue_style( \'media-1100\', get_stylesheet_directory_uri() . \'/css/media-1100.css\', $dependencies);

Finding the handles

句柄是传入的第一个参数wp_enqueue_style- 例如,在你的问题中,句柄是media-1100.

如果不是自己设置的,如果查看页面的源代码,仍然可以找到所有样式表的句柄-句柄就是样式表id 但在-css 已删除。例如,在下面的代码中,id是“TwentyEleven style css”,因此句柄是twentyfifteen-style:

<link rel=\'stylesheet\' id=\'twentyfifteen-style-css\'  href=\'http://www.example.com/assets/themes/twentyfifteen/style.css\' type=\'text/css\' media=\'all\' />
有关更多详细信息,请参阅Wordpress Developer Resources

结束

相关推荐

Child-theme breaks site

所以,我有一个子主题,里面除了所需的CSS文件之外什么都没有。一旦我激活了这个儿童主题,我的整个网站就关闭了。最后我有两个问题:激活一个只有CSS的子主题怎么能破坏我的网站</我怎样才能回到我原来的主题</这些是网站给我的错误:Warning: require_once(/wp-content/themes/interio_child/admin/options-framework.php) [function.require-once]: 无法打开流:中没有此类文件或目录/wp-c