Question

我正在尝试在本地主机中构建 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', array(), false, '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', '', 1, 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');


});

Answer 1

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

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

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

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

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

1 个答案: