Почему при изменении css файла не происходит изменений
Перейти к содержимому

Почему при изменении css файла не происходит изменений

  • автор:

Не происходят изменения на сайте после правки css

Создайте аккаунт или войдите в него для комментирования

Вы должны быть пользователем, чтобы оставить комментарий

Создать аккаунт

Зарегистрируйтесь для получения аккаунта. Это просто!

Войти

Уже зарегистрированы? Войдите здесь.

Больше способов поделиться.

Сейчас на странице 0 пользователей

  • Нет пользователей, просматривающих эту страницу.

Покупцям

  • Оплата розширень фізичними особами
  • Оплата розширень юридичними особами
  • Політика повернень

Розробникам

  • Регламент розміщення розширень
  • Регламент продажу та підтримки розширень
  • Віртуальний обліковий запис автора
  • Політика просування оголошень
  • API каталогу розширень
  • Вирішення спорів щодо авторських прав

Корисна інформація

  • Публічна оферта
  • Політика повернень
  • Політика конфіденційності
  • Платіжна політика
  • Політика передачі особистих даних
  • Політика прозорості

Останні розширення

Движок интернет магазина OpenCart (ocStore) — официальный сайт OpenCartForum.com Powered by Invision Community

  • Уже зарегистрированы? Войти
  • Регистрация
Раздел покупок
ocStore
  • Назад
  • Официальный сайт
  • Демо ocStore 3.0.3.2
  • Демо ocStore 2.3.0.2.4
  • Скачать ocStore
  • Документация
  • История версий ocStore
Шаблоны
OpenCart.Pro
  • Создать.

Важная информация

На нашем сайте используются файлы cookie и происходит обработка некоторых персональных данных пользователей, чтобы улучшить пользовательский интерфейс. Чтобы узнать для чего и какие персональные данные мы обрабатываем перейдите по ссылке. Если Вы нажмете «Я даю согласие», это означает, что Вы понимаете и принимаете все условия, указанные в этом Уведомлении о Конфиденциальности.

Почему CSS и JS не обновляется? Как обновить принудительно?

Почему CSS и JS не обновляется? Как обновить принудительно?

Знакома ли вам ситуация, когда вы стилизовали какой-нибудь блок в файле style.css, зашли проверить изменения на сайте, а они не применяются? И в чем может быть проблема? Возможно, происходит кэширование версии файла style.css на вашем сайте. Мы расскажем вам, как бороться с этой проблемой!

Навигация по статье

Почему происходит кэширование файлов?

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

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

Попробуем объяснить: вы или ваш посетитель заходите на сайт. Некоторое время спустя вы вносите изменения в файл стилей. Например, меняете цвет текста с черного на продающий красный. Затем вы или тот самый посетитель, который был на вашем сайте до обновления файла стилей, не увидите изменений, пока не сбросите кеш командой CTRL+F5…

Как обновить версию style.css?

Тут все зависит от того, на какой системе сделан ваш сайт и как происходит подключение файла стилей. Например, в некоторых CMS, а также на самописных сайтах подключение файла стилей осуществляется в таком виде:

Обратите внимание на «?ver=0.67». Это и есть версия файла стилей. Попробуйте добавить к подключению файла стилей версию. Она может быть абсолютно любой, это не так важно. Важно то, чтобы вы ее обновляли вручную каждый раз, когда вносите изменения на своем сайте.

Пример: я хочу поменять цвет кнопок. Я задаю новый фоновый цвет, после чего открываю код сайта, нахожу строчку с подключением файла стилей и меняю версию с 0.67 на 0.68. Теперь мои посетители, которые были на моем сайте до обновления стилей, увидят изменения без сброса кеша в браузере.

Как сделать автоматическое обновление версии файла style.css?

Способ актуален для CMS WordPress. Он позволяет не менять версию файлов вручную. Они будут обновляться автоматически после любого малейшего внесения изменений в файл.

Этот метод можно использовать не только по отношению к файлам стилей, но и скриптам. Просто вставьте в functions.php следующий код:

function custom_scripts() < wp_enqueue_style('my-custom-css', get_stylesheet_directory_uri() . '/assets/css/style.css', false, filemtime( get_template_directory() . '/assets/css/style.css' ) ); wp_enqueue_script( 'my-custom-js', get_template_directory_uri() . '/custom.js', false, filemtime( get_template_directory() . '/custom.js' ) ); >add_action( 'wp_enqueue_scripts', 'custom_scripts' );

После подключения этого скрипта, в инспекторе кода браузера мы увидим примерно следующую картину:

Теперь после каждого обновления файла пользователи будут видеть все изменения на сайте.

У вас остались вопросы по этому материалу или разработке сайта в целом? Обязательно задавайте их в комментарии. А если вы хотите узнать еще больше о мире разработки и продвижении сайтов — подписывайтесь на нашу группу в вконтакте. Так вы точно не пропустите новых статей!

Понравилась статья? Хотите поддержать нашу команду и не пропустить новые материалы? Тогда подписывайтесь на нашу группу в ВКонтакте или на канал в Телеграм. Там мы не просто уведомляем подписчиков о выходе новых статей, но и делимся результатами различных экспериментов по SEO-продвижению.

Не сохраняются изменения после редоктирования stylesheet.css

Создайте аккаунт или войдите в него для комментирования

Вы должны быть пользователем, чтобы оставить комментарий

Создать аккаунт

Зарегистрируйтесь для получения аккаунта. Это просто!

Войти

Уже зарегистрированы? Войдите здесь.

Больше способов поделиться.

Сейчас на странице 0 пользователей

  • Нет пользователей, просматривающих эту страницу.

Покупцям

  • Оплата розширень фізичними особами
  • Оплата розширень юридичними особами
  • Політика повернень

Розробникам

  • Регламент розміщення розширень
  • Регламент продажу та підтримки розширень
  • Віртуальний обліковий запис автора
  • Політика просування оголошень
  • API каталогу розширень
  • Вирішення спорів щодо авторських прав

Корисна інформація

  • Публічна оферта
  • Політика повернень
  • Політика конфіденційності
  • Платіжна політика
  • Політика передачі особистих даних
  • Політика прозорості

Останні розширення

Движок интернет магазина OpenCart (ocStore) — официальный сайт OpenCartForum.com Powered by Invision Community

  • Уже зарегистрированы? Войти
  • Регистрация
Раздел покупок
ocStore
  • Назад
  • Официальный сайт
  • Демо ocStore 3.0.3.2
  • Демо ocStore 2.3.0.2.4
  • Скачать ocStore
  • Документация
  • История версий ocStore
Шаблоны
OpenCart.Pro
  • Создать.

Важная информация

На нашем сайте используются файлы cookie и происходит обработка некоторых персональных данных пользователей, чтобы улучшить пользовательский интерфейс. Чтобы узнать для чего и какие персональные данные мы обрабатываем перейдите по ссылке. Если Вы нажмете «Я даю согласие», это означает, что Вы понимаете и принимаете все условия, указанные в этом Уведомлении о Конфиденциальности.

Как принудительно обновить js и css-файлы в WordPress, закешированные в браузере пользователя

Сегодня разберёмся как принудительно обновить js и css-файлы в WordPress, закешированные в браузере пользователя.

Видеоверсия

При первом обращении к сайту браузер пользователя помещает полученные js и css файлы в кеш. При повторных посещениях закешированные файлы не запрашиваются с сервера.

Обновление закешированных файлов происходит с определённой периодичностью, заданной в настройках сервера. Этот интервал не связан с изменением самих файлов.

Соответственно, после изменений файлов на сервере, пользователи всё ещё будут видеть устаревшую версию файлов, пока не произойдет обновление, либо они вручную не очистят кеш браузера.

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

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

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