HTML5Blank WordPress Theme не читает style.css
ОБНОВИТЬ:
Это сайт: http://espavel.ayinmedia.net/
Я избавился от темы HTML5Blank и снова загрузил ее. Добавил мой заголовок и index.php, НО не добавил никаких стилей (для целей тестирования) в файл style.css, я оставил его пустым. Перезагрузил сайт, и он показал весь стиль. Я понял это из style.css? Ver = 1.0, что я не знаю, где он живет.
Это расстраивает, поскольку я не могу загрузить свои изменения css на свой WP-сайт.
Первоначально у меня были проблемы с тем, что тема не считывала медиа-запросы, поэтому я попытался добавить файл responseive.css, чтобы добавить все мои MQ, что не сработало, поэтому я избавился от этого файла.
Я добавил эту строку кода, чтобы связать header.php с файлом responseive.css:
<link rel = "stylesheet" href = "<?php echo get_stylesheet_directory_uri() ?>/responsive.css" />
(что не сработало), а затем я избавился от этой строки, и после этого он больше не читает style.css.
Это мой текущий файл header.php:
<!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>
Не могли бы вы мне помочь?
Я избавился от файла responseive.css, когда увидел, что он не решает проблему с медиа-запросами, и после этого style.css перестал работать.
попробуйте проверить консоль инструментов разработчика, чтобы увидеть, возвращает ли она какие-либо ошибки 404 в загруженных таблицах стилей.
@ChristopherPelayo, я проверил консоль и ошибок 404 нет. Единственная странная мысль, которую я заметил, это то, что если вы щелкнете по источникам прямо рядом с консолью, я вижу файл style.css и style.css? Ver = 1.0 ... не уверен, может ли это быть проблемой. Однако я не вижу этот файл, если ищу его на сервере.
это что-то вроде <host> /themes/mytheme/style.css?ver=1.0? так что это должно быть нормально, если файл не существует в теме, где wordpress ищет его, попробуйте создать его вручную.
@ChristopherPelayo да, это host / wp-content / theme / ... а еще есть эти два, style.css и style.css? Ver = 1.0
добавленный запрос к URL-адресу, который равен? ver = 1.0, не должен быть проблемой, если файл не существует, вы должны создать его из каталога тем.
Вы пытались удалить свои собственные строки загрузки стилей из заголовка и вернуться к методу HTML5blank для загрузки таблицы стилей с помощью функции html5blank_styles() в functions.php?
@ Питер, да! Я избавился от этой строки: <link rel = 'stylesheet' id = 'html5blank-css' href = 'espavel.ayinmedia.net/wp-content/themes/html5blank-stable /…' media = 'all' /> -> и он все еще откуда-то получает style.css? Ver = 1.0 . Я заметил, что если я полностью удалю все css из файла style.css, он все равно будет отображать стили, полученные из этого style.css? Ver = 1.0. Не уверен, откуда берутся стили.
Ребята, смотрите мое ОБНОВЛЕНИЕ выше в описании вопроса. Это сайт, на который я пытаюсь добавить новый CSS: espavel.ayinmedia.net
не уверен, вы редактируете правильную тему. или правая папка с темой сайта. после удаления файла style.css ваша тема будет сломана, и wordpress попытается деактивировать ее (если будет еще одна). Также не уверен, что вы добавили еще один файл css правильно. у вас есть 2 файла style.css на вашем сайте: 1. из заголовка без ver = '1.0' (вы его добавили), второй загружается по умолчанию из функций wordpress. какой у тебя вопрос сейчас? чего ты хочешь добиться?
@SamvelAleqsanyan, я не создавал ver = 1.0, и он нигде не хранится, откуда я могу его удалить. У меня на сайте был обычный файл style.css, и он внезапно перестал работать.
@SamvelAleqsanyan, и мой вопрос: я избавился от всей темы, загрузил ее снова и вставил весь свой html-код, оставил style.css пустым, и он все еще показывал мои старые стили. Честно говоря, я не уверен, откуда сайт берут стили (на самом деле да, это из той версии 1.0). Как мне избавиться от этого style.css? Ver = 1.0 и заставить мой сайт снова прочитать файл style.css ??
style.css и style.css?ver='1.0' - это один и тот же файл. Можно предположить, что если все, что вы делаете, правильно, то единственное, что показывает, что вы не очищаете этот файл, может быть кеш
Когда таблица стилей загружается с помощью wp_register_style(), 4-й аргумент передает ей номер версии, который затем автоматически добавляется к URL-адресу. Посмотрите на строку в html5blank_styles(), и вы увидите «1.0»: wp_register_style('html5blank', get_template_directory_uri() . '/style.css', array(), '1.0', 'all');. Если вы замените это на null, ничего не будет добавлено. См. Кодекс.
Ответы 1
Решение оказалось проще, чем я думал. Очистка кеша устранила проблему. Для этого есть два варианта:
- Очистка кеша в вашем браузере.
- Использование плагина на WP для его очистки, такого как WP Super cache.
Больше информации здесь: http://www.wpbeginner.com/beginners-guide/how-to-clear-your-cache-in-wordpress/
Где на вашем сайте находится файл
responsive.css? Причина, по которой это не сработало, заключается в том, что файл, скорее всего, находится в папке/css? Вот почему важно знать, куда вы положили файл.