Question

我正在构建一个Wordpress网站，出于某种原因，我为style.css获得了404 error，尽管我已在header.php中引用该文件

我不确定自己做错了什么，而且我正在努力解决这个问题。任何解释或建议将不胜感激。

以下是控制台错误

编辑 - 这是我的style.css的图片，它位于主题目录中

以下是我在header.php中引用css文件的方法 -

＆＃13;

<?php
/**
 * The template for displaying the header
 *
 * @subpackage the-bespoke-harvest
 */
?><!DOCTYPE html>
<html <?php language_attributes(); ?> class="no-js">
<head>
    <meta charset="<?php bloginfo('charset'); ?>">
    <meta name="viewport" content="width=device-width">
    <link rel="profile" href="http://gmpg.org/xfn/11">
    <link rel="pingback" href="<?php bloginfo('pingback_url'); ?>">
    <link rel="stylesheet" href="bespokeharvest/website/wp-content/themes/the-bespoke-harvest/patterns/public/css/style.css?ver=4.8.2" type="text/css">
    <!--[if lt IE 9]>
    <script src="<?php echo esc_url( get_template_directory_uri() ); ?>/js/html5.js"></script>
    <![endif]-->
    <script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCo3e_2xea4jd7wMQ2c0IkQKRQ3NH3aZmY&libraries=geometry"></script>
    <?php wp_head(); ?>
</head>

<body <?php body_class(); ?>>
<section class="section-scroller">
    <?php if (function_exists(clean_custom_menus())) clean_custom_menus(); ?>
</section>

＆＃13;

注意 - 头部中的其他链接文件，例如google maps脚本＆amp; pingback工作正常。

Answer 1

您尚未为css指定有效路径。用这个wp代码结构替换这一行。

<link rel="stylesheet" href="bespokeharvest/website/wp-content/themes/the-bespoke-harvest/patterns/public/css/style.css?ver=4.8.2" type="text/css">

到

<link href="<?php echo get_template_directory_uri();?>/patterns/public/css/style.css" rel="stylesheet" type="text/css" />

Answer 2

我建议排队你的文字和风格。 https://developer.wordpress.org/reference/functions/wp_enqueue_style/

这最能说明你将如何做到这一点： https://code.tutsplus.com/tutorials/loading-css-into-wordpress-the-right-way--cms-20402

您仍然可以优先考虑样式/脚本以及版本。

（一旦我到电脑，我会写代码）

Answer 3

我已经看到了你的问题，我建议你顺其自然。

首先在浏览器中打开该文件。然后检查此代码返回的路径。

<?php echo get_template_directory_uri();?>

然后将它们合并在一起。

假设此代码返回。本地主机/ WordPress的

你的路径风格路径是 C：/xampp/htdocs/wordpress/wp-content/theme/mytheme/something/style.css

然后删除c：/ xampp / htdocs / wordpress

创造类似这样的东西

<?php echo get_template_directory_uri();?>/wp-content/theme/mytheme/something/style.css

只要你遇到这样的错误，这就是解决方案。

感谢。

404错误链接php标头中的css文件

3 个答案: