Проверяем код нашего сайта на бесплатном сервисе проверки http://validator.w3.org/
Предупреждения (warnings) пока можем игнорировать. Работаем именно над ошибками (errors).
В данном примере проверяем страницы сайта на WordPress, использующего тему Nirvana.
Проверка главной страницы сайта выдала ошибку о том, что
Element link is missing required attribute property
- "споткнувшись" на таком html-коде:
<link rel='stylesheet' id='nirvana-mobile-css' href='http://gemcafe.ru/wp-content/themes/nirvana/styles/style-mobile.css?ver=1.2.3' type='text/css' media='all' />
В footer.php: в этом месте идёт вызов: <?php wp_footer(); ?>
Решение
Поиском по подстроке style-mobile.css нахожу в папке темы файл \includes\theme-styles.php, в котором часть вышеприведенного html-кода генерируется php-кодом:
if ($nirvana_mobile=="Enable")
{ wp_enqueue_style( 'nirvana-mobile', get_template_directory_uri() . '/styles/style-mobile.css', NULL, _CRYOUT_THEME_VERSION );
}
- внутри function nirvana_load_mobile_css(), после объявления которой добавляется действие
add_action ('wp_head','nirvana_load_mobile_css', 30);
то есть код - должен создаваться при формировании заголовка (в действии wp_head). Когда этот код (link rel) помещается в заголовке (внутри head), то на это валидатор не ругается, а когда внутри body, то это, с его точки зрения - ошибка. Не буду пока разбираться, почему этот код в футере появляется... (возможно, для того, чтобы стили грузить не сначала, а позже - для ускорения загрузки предшествующего кода).
Смотрю на то, что есть в коде theme-styles.php.
Похоже, при включенном параметре $nirvana_mobile="Enable" этот код и генерируется.
Пробую отключить его.
Нашёл в настройках темы (в админке сайта) - см. Внешний вид - Nirvana Settings в "Настройки раскладки страницы" параметр "Отзывчивость" (видимо, такой перевод с "RESPONSIVENESS" - см. в файле \includes\custom-styles.php), который отвечает за адаптивность шаблона (подстраивание под различные браузеры, в том числе и мобильные - определение параметра прописано в \admin\settings.php) и отключаю.
После этого код не генерируется и страница проходит валидацию без ошибки.
Пробовал я после этого открывать свой сайт на смартфоне - страницы отображаются нормально. Так что оставлю пока сайт работать с $nirvana_mobile="Disable".