Что такое style.css? ver = 1 tag?
Как это сделать в коде?
Чтобы избежать кэширования CSS.
Если веб-сайт обновляет свой CSS, он обновляет ver до более высокого номера, поэтому браузер вынужден получить новый файл и не использовать кэшированную предыдущую версию.
В противном случае браузер может получить новый HTML-код и старый CSS, а некоторые элементы веб-сайта могут выглядеть сломанными.
Добавление ‘? ver = 1’ делает HTTP-запрос похожим на запрос GET с параметрами, а хорошо управляемые браузеры (и прокси) отказываются кэшировать параметризованные запросы. Разумеется, хорошо продуманные браузеры (и прокси) должны также обратить внимание на заголовки ответов “Кэш-контроль: отсутствие кеша”, “Истекает”, “Последнее изменение” и “ETag” (все они были добавлены в HTTP для указания правильного поведения кэширования).
Метод ‘? ver = 1’ является дорогостоящим способом принудительного поведения, когда разработчик сайта не знает, как (или слишком ленив) реализовать правильные заголовки ответов. В частности, это означает, что каждый запрос страницы будет принудительно запрашивать этот файл CSS, хотя на практике файлы CSS меняются редко, если это вообще возможно.
Моя рекомендация? Не делайте этого.
Цель? ver = 1 – параметризовать файл css, поэтому, когда они публикуют новый файл style.css, они запускают версию и заставляют клиента загружать новый файл, вместо того, чтобы вытаскивать из кешированной версии.
В приведенном выше случае при загрузке веб-страницы браузер будет обрабатывать “style.css” как другой файл вместе с “? v = 1.1”. Следовательно, браузер должен загрузить новую копию, если таблица стилей или файл script.
IMO лучшим способом сделать это будет включение хеша, сгенерированного из размера файла или контрольной суммы на основе содержимого файла или последней измененной даты. Таким образом, вам не нужно обновлять номер версии и просто отпустить номер из файла, изменяющего свойства.
$ ver (string | bool | null) (Необязательно) Строка, указывающая номер версии таблицы стилей, если он есть, который добавляется к URL-адресу в виде строки запроса в целях очистки кэша. Если для версии установлено значение false, автоматически добавляется номер версии, равный текущей установленной версии WordPress. Если установлено значение null, версия не добавляется. Значение по умолчанию: false
В основном wp_enqueue_style() функции используют тему внутри файла functions.php для добавления таблицы стилей в заголовок. Вот как узнать, делает ли ваша тема то же самое.
Откройте ваш wp-content/themes/YOUR_THEME_NAME/functions.php файл и найдите строку, которая добавляет таблицу стилей, например:
Теперь, когда вы нашли код и знаете, что ваша тема добавляет эту таблицу стилей с помощью wp_enqueue_style() файла functions.php. Вам необходимо обновить этот код для версии.
Как вы можете видеть, этот код получает время последнего изменения файла style.css с помощью filemtime() функции PHP, а также преобразует время в метку времени с помощью time() функции PHP, чтобы все было чисто.
Если вы не хотите, чтобы версия динамически изменялась каждый раз, вы можете просто сделать это:
Это в значительной степени это. Мир!
Я не получил много от этих ответов, поэтому я думал, что напишу, что сработало для меня. Я знаю, что кодекс говорит:
$ ver (string | bool | null) (Необязательно) Строка, указывающая номер версии таблицы стилей, если он есть, который добавляется к URL-адресу в виде строки запроса для очистки кеша. Если для версии установлено значение false, автоматически добавляется номер версии, равный текущей установленной версии WordPress. Если установлено значение null, версия не добавляется. Значение по умолчанию: false
Версия скриптов и стилей в WordPress – что это такое и как их отключить
Если вы листали исходный код WordPress сайтов то можете заметить что в конце подключения файлов проставляется префикс ver и через точку идут цифры, подумали, что это версии скриптов с таблицами стилей WordPress, но это не так. Так выглядит пример как выводится данный хвост.
Но как то подозрительно, ведь в большинстве случаев стоит одна и та же цифра 5.4.2, это показана version самого WordPress, то есть не версия файла а самого движка. Это что касается элементов, загружаемых из самого ядра WP, не путайте с апдейтами библиотеки jquery.
Ниже видим 1.0.1, если посмотреть путь откуда загружается документ style css, то увидим что это шаблон BONO, эта цифра показывает именно его версию, а не вордпресс. То же самое с плагинами и стилями. Будет полезно узнать о тегах с атрибутами prev next.
Понятно, что это уязвимость, можно использовать информацию не только о движке, но о плагинах и шаблонах, потому что в старых выпусках есть уязвимости, а вы на блюдечке преподносите информацию обо всем что есть.
Remove WP Overhead
Remove WP Overhead помощник в чистке WordPress, так же умеет убирать версии js скриптов.
Раздел в ClearfyPRO
В Clearfy есть такая возможность, потому что разработчики предусмотрели почти все возможные пути для взлома и скрыли их с помощью простого интерфейса.
Результат аналогичен, отмечу что Clearfy сделает блог еще круче и чище по еще 46 требованиям, например, отключает старый протокол XMLrpc. Даю вам промо на покупку, жмите на кнопку.
Убираем с помощью кода
Ниже представлен код, который вставляем в function php активной темы на сайте.
Срабатывает не всегда, поэтому проверяем сразу работу сайта, могут появиться проблемы, споры с другими скриптами. Статью закончу мы смогли узнать, удалить версии у скриптов и css стилей в WordPress.
CSS — одна из широкого спектра технологий, одобренных консорциумом W3C и получивших общее название «стандарты Web». В 90-х годах стала ясна необходимость стандартизировать Web, создать какие-то единые правила, по которым программисты и веб-дизайнеры проектировали бы сайты. Так появились языки HTML 4.01 и XHTML и стандарт CSS.
В начале 90-х различные браузеры имели свои стили для отображения веб страниц. HTML развивался очень быстро и был способен удовлетворить все существовавшие на тот момент потребности по оформлению информации, поэтому CSS не получил тогда широкого признания.
Термин «каскадные таблицы стилей» был предложен Хокон Виум Ли в 1994 году. Совместно с Бертом Босом он стал развивать CSS.
В отличие от многих существовавших на тот момент языков стиля, CSS использует наследование от родителя к потомку, поэтому разработчик может определить разные стили, основываясь на уже определенных ранее стилях.
В середине 90х Концорциум Всемирной Паутины (W3C) стал проявлять интерес к CSS, и в декабре 1996 года была издана рекомендация CSS1.
Оглавление документа
Уровень 1 (CSS1)
Уровень 2 (CSS2)
Рекомендация CSS2 W3C принята 12 мая 1998. Построена на CSS1 с сохранением обратной совместимости.
Уровень 2.1 (CSS2.1)
Уровень 3 (CSS3)
Рабочая версия.
Сильно расширена по сравнению с предыдущими версиями. Нововведения, начиная с малых, вроде закругленных углов блоков, заканчивая трансформацией (анимацией) и введением переменных (variables).
how to add version of style.css in wordpress
How to add version of style.css in WordPress like below i can do in Joomla.
i know that the style.css will load dynamically. please help me to how to do that.
11 Answers 11
As per the Codex, here are all the parameters that wp_enqueue_style accepts.
So for example to load a stylesheet with a version number you’d do the following:
If you are a theme developer, you might want to force reload of your assets when you push new version.
So versioning of a theme is done in style.css
At the top of your functions.php :
Later when you enqueue CSS or JS, use THEME_VERSION as fourth argument:
Will output to the page:
Gets handy when you have more assets to care about and don’t want to change them manually.
Instead of hardwiring the version, you might find it better in some instances to dynamically version your stylesheet so whenever you change it, it automatically changes and refreshes the browser cache immediately without having to edit your functions.php over and over again.
You can use filemtime() to do that. Here is how to do that in a child-style that references the parent_style
You can achieve this using one of the following ways :
1) Add following tag in header.php file of the theme.
2) Add following code in functions.php file of the theme.
For more information see this page.
the best way to load css into your wordpress theme is the following code in your functions.php file:
This is the right way to load the styles in your theme and also it’s the best for staging/testing purposes because each refresh will deliver the updated version of the style.
If you want to avoid the loading 1st way, you can use this shorted version and place the following line into your header.php file and will get the same result:
Add this to functions.php
Contrary to the methods presented so far, I believe it is better to use the version number which appears at the top of your style.css file:
To use the theme’s version in your css, add the following to your functions.php (or equivalent) script:
This means that, after you edit your style.css file, all you need to do is to change the version number at the top of the same file to see the changes in the frontend.
If you examine the head section of the theme’s HTML you will see the following:
Another solution if you can’t figure it out yet, it’s to change the filename of your child theme’s style.css to, for example, style2.css and then change it on your child theme’s functions.php file, as shown below:
This will cause WordPress to request and serve a new CSS file for your website.
Here we use WordPress’ wp_get_theme() to get the theme version (as specified in the theme’s stylesheet, style.css):
You don’t need in fact to un cache the style.css file.
You can write your own css file then queue like the way @vinod dalvi has written.
This is pretty straight up way of getting the version number by calling the function bloginfo($show) twice. First for the stylesheet and secondly for the version number.
Thats all there is to it. Hope that helps or is useful. You can go through all the parameters available and see what you can output with the bloginfo() function.
Ignore my comment since @Ravs has pointed out my error regarding the ‘versions’ parameter for the bloginfo() function. It does indeed print the WordPress version number.
