Перемещение определенных файлов стилей в подвал сайта в WordPress

Комментариев: 1

Решив полностью переместить все стили оформления в подвал сайта, мы непременно столкнёмся с проблемой, когда сайт некоторое время, пока не загрузятся стили из подвала, будет будет похож на портянку не красивого текста. Безусловно, решать эту задачу можно по-разному, все зависит от конкретной ситуации. В моём случае, нужно было перенести конкретные файлы стилей в подвал и это были файлы плагинов. То есть нельзя было просто отредактировать 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" и бывает,что пока его не уберешь, стиль не удаляется и следовательно не перемещается.

Уведомлять о новых комментариях
Уведомлять
guest
1 Комментарий
Inline Feedbacks
View all comments
Алексей
3 лет назад

Спасибо за статью, вопрос как можно переместить отдельный javascript wordpress в подвал?