Во время работы над дизайном своего сайтом на WordPress, при изменении стилей css, можно столкнуться с тем, что произведенные изменения на сайте не отображаются в браузере.
Происходит это потому, что браузеры кэширует содержимое интернет страниц. При этом, современные браузеры устроены так, что не помогает ни принудительная очистка кэша, ни отключение кэширования в браузере, ничего другое.
Наиболее действенный способ, это переименовывать файл стилей каждый раз при очередном изменении. Но делать такое вручную дело неблагородное. Для этих целей, можно автоматически генерировать, в конце названия каждого стиля, случайный идентификатор версии css файла.
Код для генерации css стилей
Код вставляется в файл function.php шаблона сайта. При этом из файла header.php, чтобы не было дублирования, эти стили нужно обязательно удалить.
Нижеприведенный php код автоматически генерирует версии для двух разных стилей сайта:
function theme_styles(){
$style = get_template_directory_uri() . '/css/style.css';
$lastedit = filemtime(get_template_directory() . '/css/style.css');
wp_enqueue_style('style', $style, array(), $lastedit);
$style = get_template_directory_uri() . '/css/style2.css';
$lastedit = filemtime(get_template_directory() . '/css/style2.css');
wp_enqueue_style('style2', $style, array(), $lastedit);
}
add_action( 'wp_enqueue_scripts', 'theme_styles' );
Подсказка по CSS
При частых изменениях в дизайне своего сайта, особенно если он не выключается на время изменений, css стили лучше разбивать на несколько файлов. К примеру, для категорий — одни, для страниц — другие. И т.д.
Это выгодно делать потому что при частом изменении стилей, иногда хостинг не успевает подстроиться и вообще не отдаёт новый файл. В этот момент можно увидеть, что ваш сайт лишился всех стилей. И это несмотря на то, что все пути прописаны верно — сайт показывается без стилей. Все восстанавливается обычно через минуту другую, но ситуация малоприятная.
А когда стили разбиты, то изменяя один стиль и попав на такую ошибку, у вас испортится только одна незначительная часть сайта, которая не приведет пользователей в шок от неожиданно-потерянного дизайна на сайте.
А зачем часто изменять дизайн сайта? Иногда бывает необходимость добавить рекламу или какой-то элемент на сайт. Особенно если сайт развивается и не стоит на месте, всегда есть необходимость что-то улучшить или доработать на нём.
