Автоматическая генерация версии css стилей

Во время работы над дизайном своего сайтом на WordPress, при изменении стилей css, можно столкнуться с тем, что произведенные изменения на сайте не отображаются в браузере.

Происходит это потому, что браузеры кэширует содержимое интернет страниц. При этом, современные браузеры устроены так, что не помогает ни принудительная очистка кэша, ни отключение кэширования в браузере, ничего другое.

Наиболее действенный способ, это переименовывать файл стилей каждый раз при очередном изменении. Но делать такое вручную дело неблагородное. Для этих целей, можно автоматически генерировать, в конце названия каждого стиля, случайный идентификатор версии css файла.

Код для генерации css стилей

Код вставляется в файл function.php шаблона сайта. При этом из файла header.php, чтобы не было дублирования, эти стили нужно обязательно удалить.

Нижеприведенный php код автоматически генерирует версии для двух разных стилей сайта:

Подсказка по CSS

При частых изменениях в дизайне своего сайта, особенно если он не выключается на время изменений, css стили лучше разбивать на несколько файлов. К примеру, для категорий — одни, для страниц — другие. И т.д.

Это выгодно делать потому что при частом изменении стилей, иногда хостинг не успевает подстроиться и вообще не отдаёт новый файл. В этот момент можно увидеть, что ваш сайт лишился всех стилей. И это несмотря на то, что все пути прописаны верно — сайт показывается без стилей. Все восстанавливается обычно через минуту другую, но ситуация малоприятная.

А когда стили разбиты, то изменяя один стиль и попав на такую ошибку, у вас испортится только одна незначительная часть сайта, которая не приведет пользователей в шок от неожиданно-потерянного дизайна на сайте.

А зачем часто изменять дизайн сайта? Иногда бывает необходимость добавить рекламу или какой-то элемент на сайт. Особенно если сайт развивается и не стоит на месте, всегда есть необходимость что-то улучшить или доработать на нём.

Добавить комментарий

Напишите свой комментарий, если вам есть что добавить/поправить/спросить по теме текущей статьи: "Автоматическая генерация версии css стилей".

Ваш e-mail не будет опубликован. Обязательные поля помечены *