Php HTML5空白WordPress主题未阅读style.css
更新: 这是网站: 我去掉了HTML5的空白主题,再次上传。添加了我的header和index.php,但没有在style.css文件中添加任何样式(出于测试目的),我将其留空。重新加载该网站,它显示了所有的样式。它是从style.css?ver=1.0得到的,我不知道它住在哪里 这是令人沮丧的,因为我不能上传我的css更改到我的WP网站Php HTML5空白WordPress主题未阅读style.css,php,html,css,wordpress,Php,Html,Css,Wordpress,更新: 这是网站: 我去掉了HTML5的空白主题,再次上传。添加了我的header和index.php,但没有在style.css文件中添加任何样式(出于测试目的),我将其留空。重新加载该网站,它显示了所有的样式。它是从style.css?ver=1.0得到的,我不知道它住在哪里 这是令人沮丧的,因为我不能上传我的css更改到我的WP网站 最初,我遇到了主题不读取媒体查询的问题,因此,我尝试添加一个responsive.css文件来添加我的所有MQ,但这不起作用,因此我放弃了该文件 我添加了这
最初,我遇到了主题不读取媒体查询的问题,因此,我尝试添加一个responsive.css文件来添加我的所有MQ,但这不起作用,因此我放弃了该文件 我添加了这行代码以使header.php与responsive.css文件连接:
<link rel="stylesheet" href="<?php echo get_stylesheet_directory_uri() ?>/responsive.css" />
解决方案比我想象的要简单。清除缓存修复了该问题。有两种方法可以做到这一点:
正在清除浏览器上的缓存
使用WP上的插件清除它,如WP超级缓存李>
更多信息请点击此处:
您网站上的responsive.css
文件在哪里?它不起作用的原因是文件很可能存在于/css
文件夹中?这就是为什么知道文件放在哪里很重要的原因。当我看到responsive.css文件没有解决媒体查询的问题时,我将其删除,之后,style.css停止工作。尝试检查开发人员工具控制台,看看它是否在加载的样式表上返回任何404错误。@ChristopherPelayo,我检查了控制台,没有404错误。我注意到的唯一奇怪的想法是,如果你点击控制台旁边的源代码,我会看到一个style.css文件和一个style.css?ver=1.0。。。不确定这是否是问题所在。但是,如果在服务器中查找,我看不到该文件。它是否类似于/themes/mytheme/style.css?ver=1.0?因此,如果wordpress正在查找的主题上不存在该文件,则可以手动创建该文件。
<!doctype html>
<html <?php language_attributes(); ?> class="no-js">
<head>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
<link href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" integrity="sha384-wvfXpqpZZVQGK6TAh5PVlGOfQNHSoD2xbE+QkPxCAFlNEevoEH3Sl0sibVcOQVnN" crossorigin="anonymous">
<link rel="stylesheet" href="css/font-awesome.min.css" type="text/css" />
<link href="https://fonts.googleapis.com/css?family=Raleway:400,500,600,700" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Poppins:200,300,400,500,600,700" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Roboto:300,400" rel="stylesheet">
<meta charset="<?php bloginfo('charset'); ?>">
<title><?php wp_title(''); ?><?php if(wp_title('', false)) { echo ' :'; } ?> <?php bloginfo('name'); ?></title>
<link href="//www.google-analytics.com" rel="dns-prefetch">
<link rel="stylesheet" href="<?php bloginfo('stylesheet_directory'); ?>/style.css" />
<link href="<?php echo get_template_directory_uri(); ?>/img/icons/favicon.ico" rel="shortcut icon">
<link href="<?php echo get_template_directory_uri(); ?>/img/icons/touch.png" rel="apple-touch-icon-precomposed">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="<?php bloginfo('description'); ?>">
<?php wp_head(); ?>
<script>
// conditionizr.com
// configure environment tests
conditionizr.config({
assets: '<?php echo get_template_directory_uri(); ?>',
tests: {}
});
</script>
</head>
<body <?php body_class(); ?>>
<header>