本地主机 wordpress 加载 style.css 失败

问题描述

我正在尝试在本地主机中构建 wordpress 主题。当我打开浏览器 (http://localhost/website/wordpress) 时,我有我的 functions.PHP 这不会加载所有的 css 更改。浏览器中仅显示正文背景。你认为问题是什么?感谢您的帮助。

这是functions.PHP代码

<?PHP 
function load_stylesheets()
{

    wp_register_style('bootstrap',get_template_directory_uri().'/css/bootstrap.min.css',array(),false,'all');
    wp_enqueue_style('bootstrap'); 

    wp_register_style('style',get_template_directory_uri().'/css/style.css','all');
    wp_enqueue_style('style');
}
add_action('wp_enqueue_scripts','load_stylesheets');

function include_jquery(){
    wp_deregister_script('jquery');
    wp_enqueue_script('jquery',get_template_directory_uri().'/js/jquery-3.6.0.min.js','',1,true);

    add_action('wp_enqueue_scripts','jquery');
}
add_action('wp_enqueue_scripts','include_jquery');

function loadjs(){
    wp_register_script('customjs',get_template_directory_uri().'js/script.js',true);
    wp_enqueue_script('customjs');

}
add_action('wp_enqueue_scripts','loadjs');

这是header.PHP

<!DOCTYPE html>
<html>
<head>
<?PHP wp_head();?>


</head>
<body <?PHP body_class();?>>

<header class="sticky-top">
</header>

这是front-page.PHP

<?PHP get_header();?>
<div class="container">
<div class="row">
<div class="col">
left side
</div>

<div class="col">
Right side
</div>
</div>
</div>
<?PHP get_footer();?> 

style.css

body
{ 
    background: hsl(0,64%,98%);
}
header .hh
{
    background-color: hsl(0,0%,100%);
    width: 100%;
    height:100%;
}

即使是 js 警报也不会加载这是代码(仅用于测试)

$(document).ready(function(){
alert('test');


});

解决方法

你能展示你正在处理的代码吗?诊断问题会容易得多:-)

我想到的问题的潜在原因是:

  • wp 搜索文件,但 css 文件不存在
  • css可能被缓存了(解决方法:大量ctrl+f5或者清除缓存)
  • css-enqueuing 代码中的一些拼写错误

我可能是错的,但是 - 正如我所说 - 如果没有看到代码很难说。 :-)