Решив полностью переместить все стили оформления в подвал сайта, мы непременно столкнёмся с проблемой, когда сайт некоторое время, пока не загрузятся стили из подвала, будет будет похож на портянку не красивого текста. Безусловно, решать эту задачу можно по-разному, все зависит от конкретной ситуации. В моём случае, нужно было перенести конкретные файлы стилей в подвал и это были файлы плагинов. То есть нельзя было просто отредактировать header.php выпилив оттуда нужный стиль и подключить его в footer.php.
Для подключения стилей, плагины используют функцию:
wp_enqueue_style();
Которая по-умолчанию подключает все стили в header. Исправить это можно отключив стиль, а затем подключив его в подвале сайта. Примерно так:
/**
* Удаляем определенные подключенные в header стили, а затем подключаем их в подвале.
*/
function my_deregister_styles() {
wp_dequeue_style('my_name_style');
}
add_action( 'wp_print_styles', 'my_deregister_styles', 100 );
function my_add_footer_styles() {
wp_enqueue_style('my_name_style');
};
add_action( 'get_footer', 'my_add_footer_styles' );
Что бы узнать название стиля, откройте исходный код страницы сайта, найдите стили которые, Вы желаете переместить, скопируйте их ID в указанные выше функции (каждый стиль - новый вызов функции). Иногда в конец ID стиля добавляется "-css" и бывает,что пока его не уберешь, стиль не удаляется и следовательно не перемещается.
Спасибо за статью, вопрос как можно переместить отдельный javascript wordpress в подвал?