我有个问题。当我要将这段代码放在我的第一个Wordpress模板中时, 不起作用。我有一个用于引导的库, 还有一个用于我的样式的库。为什么?下面是我的代码。谢谢:D
function load_stylesheets() // funtion name
{
wp_register_style('style', get_template_directory_uri() . 'style.css', array(), false, 'all');//style.css
wp_enqueue_style('style');
wp_register_style('bootstrap', get_template_directory_uri() . '/css/bootstrap.min.css', array(), false, 'all');// this is for bootstrap.
wp_enqueue_style('bootstrap');
}
//添加动作
add_action('wp_enqueue_scripts', 'load_stylesheets');
//我的front-page.php
<div class="container">
<div class="row">
<div class="col">
Left
</div>
<div class="col">
Right
</div>
</div>
//style.css
body{
background-color: red;
}
#1
也许我做错了, 但我还不能发表评论, 但是我要说的是尝试从wp_register_style中取出可选参数, 然后将其设置为:
wp_register_style('my-style', get_template_directory_uri() . 'style.css');
wp_enqueue_style('my-style');
你可以在此处查看可选参数:https://developer.wordpress.org/reference/functions/wp_register_style/
不要忘记将队列的名称更改为你的样式的名称…如果你更改了样式的名称
另外, 只需确保因为Bootstrap styesheet位于css目录中, 那么style.css是否在同一目录中, 或者style.css是否在主模板目录中?如果它在主模板目录中, 那么很好, 但是如果它在css目录中, 则需要确保将/css/style.css添加到wp_register_style中
#2
尝试以下吗?:
// style.css
wp_enqueue_style( 'custom-style', get_theme_file_uri( '/css/style.css' ), array( 'all-style' ), true );
// bootstrap.min.css
wp_enqueue_style( 'bootstrap', get_theme_file_uri( '/css/bootstrap.min.css' ), array( 'all-style' ), true );
确保文件在相应的文件夹中可用。
评论前必须登录!
注册