如何解决本地主机 wordpress 加载 style.css 失败
我正在尝试在本地主机中构建 wordpress 主题。当我打开浏览器 (http://localhost/website/wordpress) 时,我有我的 functions.PHP 这不会加载所有的 css 更改。浏览器中仅显示正文背景。你认为问题是什么?感谢您的帮助。
<?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 代码中的一些拼写错误
我可能是错的,但是 - 正如我所说 - 如果没有看到代码很难说。 :-)
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。