Code.Beer

Достаточно часто приходится вносить изменения в дизайн сайта. Если не обновить файлы стилей в кэше браузера, можно столкнуться с проблемой некорректного отображения сайта. Если администратор сайта легко решит проблему нажатием славишь Alt+F5. То как быть с другими посетителями сайта, которые понятия не имеют, что сегодня администратор неожиданно решил обновить дизайн.

Причина данной проблемы связана с заголовком Cache-Control, который веб-сервер передает вашему браузеру во время загрузки файла:

Cache-Control: max-age=86400

Директива указывает браузеру хранить копию файлов в кэше в течение суток. Таким образом, до завтрашнего дня посетитель будет любоваться съехавшей версткой. Вы можете уменьшить значение директивы max-age, хотя сути проблемы это не решает.

Полный отказ от кэширования:

Cache-Control: no-cache

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

Во время передачи веб-сервер может автоматически посылать заголовок Last-Modified. Но это не дает гарантии, что браузер заинтересуется этим файлом.

Единственным правильным выходом из данной ситуации будет указывать версию для CSS и JS файлов:

<link rel="stylesheet" href="https://codebeer.ru/style.css?ver=4.4" type="text/css" />

Но согласитесь, менять версию файла при каждом изменении не совсем удобно. Для WordPress я предлагаю использовать специальную функцию, которая будет автоматически добавлять в параметр ver CRC32 хеш-код файла:

function wpdocs_dequeue_script() {
    wp_register_script('jquery', get_template_directory_uri() . '/jquery.min.js', false, hash_file('crc32', get_stylesheet_directory() . '/style.css'), true);
    wp_enqueue_script('jquery');
}

Функция, которая задает версию по умолчанию для всех подключаемых файлов:

function my_wp_default_styles($styles) {
    $styles->default_version = hash_file('crc32', get_stylesheet_directory() . '/style.css');
}
add_action("wp_default_styles", "my_wp_default_styles");

Как вариант, вместо хэша можно использовать дату изменения файла:

function my_wp_default_styles($styles) {
    $styles->default_version = filemtime(get_stylesheet_directory() . '/style.css' );
}
add_action("wp_default_styles", "my_wp_default_styles");

Для перенаправления в WordPress можно использовать встроенный в ядро редирект. Настроить редирект в WordPress с помощью функций: wp_redirect() и wp_safe_redirect(). Разница между этими функциями состоит в том, что wp_safe_redirect() дополнительно проверяет адрес в списке разрешенных хостов.

Пример как настроить 301 редирект в WordPress:

function redirect_to_home($query) {
    if(is_author()) {
         wp_redirect(home_url(), 301);
         exit;
     }
}
add_action('parse_query', 'redirect_to_home');

При переходе по адресу https://codebeer.ru/author/admin, WordPress выполнит редирект на главную страницу сайта.

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

Начиная с WordPress 4.4 в ядро CMS добавлена поддержка REST API. Поддержка REST API выводит функционал WordPress совершенно на новый уровень, но в данный момент в большинстве случаев нет никакой необходимости. Чтобы отключить REST API в WordPress, необходимо просто добавить в файл functions.php соответствующие фильтры.

Отключить сам REST API:

add_filter('rest_enabled', '__return_false');

Отключить фильтры REST API:

remove_action('xmlrpc_rsd_apis', 'rest_output_rsd');
remove_action('wp_head', 'rest_output_link_wp_head', 10, 0);
remove_action('template_redirect', 'rest_output_link_header', 11, 0);
remove_action('auth_cookie_malformed', 'rest_cookie_collect_status');
remove_action('auth_cookie_expired', 'rest_cookie_collect_status');
remove_action('auth_cookie_bad_username', 'rest_cookie_collect_status');
remove_action('auth_cookie_bad_hash', 'rest_cookie_collect_status');
remove_action('auth_cookie_valid', 'rest_cookie_collect_status');
remove_filter('rest_authentication_errors', 'rest_cookie_check_errors', 100);

Отключить события REST API:

remove_action('init', 'rest_api_init');
remove_action('rest_api_init', 'rest_api_default_filters', 10, 1);
remove_action('parse_request', 'rest_api_loaded');

Отключить Embeds связанные с REST API:

remove_action('rest_api_init', 'wp_oembed_register_route');
remove_filter('rest_pre_serve_request', '_oembed_rest_pre_serve_request', 10, 4);

Для установки Disqus в WordPress можно использовать официальный плагин Disqus Comment System. И хотя это самый простой вариант, он подходит не для всех сайтов. Для некоторых шаблонов WordPress этот плагин работает некорректно. В результате, после установки Disqus в WordPress, блок комментариев ломает дизайн.

Поэтому, вместо использования плагина, гораздо удобнее добавить код Disqus непосредственно в файл темы WordPress. Предварительно удалите из вашего шаблона WordPress весь код, который отвечает за вывод встроенных комментариев WordPress. Затем добавьте в файл functions.php код функции ниже:

function disqus_embed() {
global $post;
$disqus_shortname = 'DISQUS_NAME';
echo '<div id="disqus_thread"></div>
<script>
var disqus_config = function () {
this.page.url = "'.get_permalink($post->ID).'";
this.page.identifier = "'.$disqus_shortname.'-'.$post->ID.'";
};
(function() {
var d = document, s = d.createElement("script");

s.src = "//'.$disqus_shortname.'.disqus.com/embed.js";

s.setAttribute("data-timestamp", +new Date());
(d.head || d.body).appendChild(s);
})();
</script>
<noscript>Please enable JavaScript to view the <a href="http://disqus.com/?ref_noscript">comments powered by Disqus.</a></noscript>';
}

Замените DISQUS_NAME на ваш идентификатор в Disqus. Для вывода блока комментариев, необходимо добавить в файл comments.php:

<?php if (comments_open()) : ?>
<?php disqus_embed(); ?>
<?php endif;?>