为啥 Wordpress 无法加载资源？它表示服务器响应状态为 404（未找到）
Posted
技术标签:
【中文标题】为啥 Wordpress 无法加载资源？它表示服务器响应状态为 404（未找到）【英文标题】：why Wordpress failed to load the resource? It said that the server responded with a status of 404 (not Found)为什么 Wordpress 无法加载资源？它表示服务器响应状态为 404（未找到） 【发布时间】：2017-08-04 13:19:57 【问题描述】：我是使用 Wordpress 开发网站的初学者。我按照以下网址中的步骤进行操作：www.siteground.com/tutorials/wordpress/wordpress_create_theme.htm
我从其他网站下载了一些模板。与Wordpress集成后，我也修改了代码，并在其中添加了一些php代码。
<html lang="en">
<head>
<title> </title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta name="description" content="" />
<meta name="keywords" content="" />
<meta name="description" content="Bootstrap 3 responsive centered columns">
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="author" content="Codrops" />
<script>
var template_dir_js = "<?php echo get_template_directory_uri();?>";
</script>
<!--[if lte IE 8]><script src="css/ie/html5shiv.js"></script><![endif]-->
<script src="<?php echo get_template_directory_uri(); ?>/js/jquery.min.js" type="text/javascript"></script>
<script src="<?php echo get_template_directory_uri(); ?>/js/jquery.dropotron.min.js" type="text/javascript"></script>
<script src="<?php echo get_template_directory_uri(); ?>/js/jquery.slidertron.min.js" type="text/javascript"></script>
<script src="<?php echo get_template_directory_uri(); ?>/js/skel.min.js" type="text/javascript"></script>
<script src="<?php echo get_template_directory_uri(); ?>/js/skel-layers.min.js" type="text/javascript"></script>
<script src="<?php echo get_template_directory_uri(); ?>/js/init.js" type="text/javascript"></script>
<script src="<?php echo get_template_directory_uri(); ?>/js/bootstrap.js" type="text/javascript"></script>
<script src="<?php echo get_template_directory_uri(); ?>/js/modernizr.custom.js" type="text/javascript"></script>
<script src="<?php echo get_template_directory_uri(); ?>/js/foundation.js" type="text/javascript"></script>
<script src="<?php echo get_template_directory_uri(); ?>/js/foundation.min.js" type="text/javascript"></script>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="generator" content="PSPad editor, www.pspad.com">
<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap-theme.min.css">
<link rel="stylesheet" href="https://netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
<script src='https://www.google.com/recaptcha/api.js'></script>
<script src="https://code.jquery.com/jquery-1.10.2.js"></script>
<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap.min.css" rel="stylesheet">
<link rel="shortcut icon" href="../favicon.ico">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<noscript>
<link rel="stylesheet" type="text/css" href="<?php echo bloginfo('template_directory');?>/css/skel.css" />
<link rel="stylesheet" type="text/css" href="<?php echo bloginfo('template_directory');?>/style.css" />
<link rel="stylesheet" type="text/css" href="<?php echo bloginfo('template_directory');?>/css/style-desktop.css" />
<link rel="stylesheet" type="text/css" href="<?php echo bloginfo('template_directory');?>/css/style-mobile.css" />
<link rel="stylesheet" type="text/css" href="<?php echo bloginfo('template_directory');?>/css/fakeLoader.css" />
<link rel="stylesheet" type="text/css" href="<?php echo bloginfo('template_directory');?>/css/bootstrap.css" />
<link rel="stylesheet" type="text/css" href="<?php echo bloginfo('template_directory');?>/css/bootstrap-theme.css" />
<link rel="stylesheet" type="text/css" href="<?php echo bloginfo('template_directory');?>/css/gravity-forms-bootstrap.css"/>
<link rel="stylesheet" type="text/css" href="<?php echo bloginfo('template_directory');?>/css/default.css" />
<link rel="stylesheet" type="text/css" href="<?php echo bloginfo('template_directory');?>/css/component.css" />
<link rel="stylesheet" type="text/css" href="<?php echo bloginfo('template_directory');?>/css/foundation-flex.css" />
<link rel="stylesheet" type="text/css" href="<?php echo bloginfo('template_directory');?>/css/foundation.css" />
<link rel="stylesheet" type="text/css" href="<?php echo bloginfo('template_directory');?>/css/foundation.min.css" />
</noscript>
</head>
<!-- Header Wrapper -->
<div id="header-wrapper">
<div class="container">
<div class="row">
<div class="12u">
<!-- Header -->
<header id="header">
<!-- Logo -->
<h1><a href="index.html" id="logo">Beyond</a></h1>
<!-- Nav -->
<nav id="nav">
<ul>
<li class="current_page_item"><a href="index.html">Home</a></li>
<li>
<a href="" class="arrow">Dropdown</a>
<ul>
<li><a href="#">Lorem ipsum dolor</a></li>
<li><a href="#">Magna phasellus</a></li>
<li><a href="#">Etiam dolore nisl</a></li>
<li>
<span class="arrow">Phasellus consequat</span>
<ul>
<li><a href="#">Lorem ipsum dolor</a></li>
<li><a href="#">Phasellus consequat</a></li>
<li><a href="#">Magna phasellus</a></li>
<li><a href="#">Etiam dolore nisl</a></li>
<li><a href="#">Veroeros feugiat</a></li>
</ul>
</li>
<li><a href="#">Veroeros feugiat</a></li>
</ul>
</li>
<li><a href="left-sidebar.html">Left Sidebar</a></li>
<li><a href="right-sidebar.html">Right Sidebar</a></li>
<li><a href="no-sidebar.html">No Sidebar</a></li>
</ul>
</nav>
</header>
<!-- Banner -->
<div id="banner">
<div class="caption">
<h2>Sed <span>nullam</span></h2>
<p>Felis temper matinos elemer feugiat</p>
</div>
</div>
</div>
</div>
</div>
</div>
它显示了错误：
jquery.slidertron.min.js Failed to load resource: the server responded with a status of 404 (Not Found)
http://localhost/wordpress/sample-page/css/style.css Failed to load resource: the server responded with a status of 404 (Not Found)
这意味着不会读取 css 和 javascript。这个错误有什么解决办法吗？我尝试了很多次，但也无法解决。请教我如何解决这个错误。我需要帮助。谢谢
File directory CSS File
【问题讨论】：
我假设你不能浏览到：localhost/wordpress/sample-page/css/style.css 你甚至可以浏览到localhost/wordpress 吗？ 是不能浏览 【参考方案1】：WordPress 有一个基于排队资产的资产管道。 See more on this here.
您不需要将样式表调用添加到您的标题模板中，而是需要将它们添加到入队文件中。与其他 javascripts 相同。这样做意味着 WordPress 知道并且可以轻松地使用您的资产。
还要确保您已根据原始主题设置了子主题，而不是使用原始主题。然后，当原始主题更新时，您的更改不会被删除。 More on child themes here.
Style.css 在加载时告诉 WordPress 您的主题或子主题的名称并且是必需的，因此永远不要从主题的根目录中移动或删除 style.css。
【讨论】：
以上是关于为啥 Wordpress 无法加载资源？它表示服务器响应状态为 404（未找到）的主要内容，如果未能解决你的问题，请参考以下文章
为啥我在尝试访问此 WordPress 网站时收到此 403 Forbidden 错误？为啥它无法读取 .htaccess 文件？
当我尝试转到某个页面时，为啥 Wordpress 会输出 phpinfo()？