Как перенести стили в футер в новом WordPress 5.8?

Question

[Darknirk]

Раньше работавший код, перестал работать в новой версии WP.

function footer_enqueue_scripts(){
	remove_action('wp_head','wp_print_scripts');
	remove_action('wp_head','wp_print_head_scripts',9);
	remove_action('wp_head','wp_enqueue_scripts',1);
	add_action('wp_footer','wp_print_scripts',5);
	add_action('wp_footer','wp_enqueue_scripts',5);
	add_action('wp_footer','wp_print_head_scripts',5);
  }
  add_action('after_setup_theme','footer_enqueue_scripts');

Выводит ошибку

: Trying to get property 'queue' of non-object in
site\wp-includes\script-loader.php
on line
2652


Warning
: Invalid argument supplied for foreach() in
site\wp-includes\script-loader.php
on line
2652

Код для переноса всех стилей 'wp_enqueue_scripts' в футер.
Чем заменить его? Или как исправить?

Answer 1

[Антон Литвиненко]

// Move jQuery to the footer
function theme_move_jquery_to_footer() {
	wp_scripts()->add_data( 'jquery', 'group', 1 );
	wp_scripts()->add_data( 'jquery-core', 'group', 1 );
	wp_scripts()->add_data( 'jquery-migrate', 'group', 1 );
}
add_action( 'wp_enqueue_scripts', 'theme_move_jquery_to_footer' );

это перенесет в футер все скрипты, если указать их зависимыми от джейквери.

Альтернативное решение

// Enqueue scripts and styles.
function theme_scripts() {
	wp_deregister_script( 'jquery' );
	wp_register_script( 'jquery', includes_url( '/js/jquery/jquery.min.js' ), false, NULL, true );
	wp_enqueue_script( 'jquery' );
}
add_action( 'wp_enqueue_scripts', 'theme_scripts' );

Comments

[Darknirk]

Благодарю, Антон. Скрипты перенёс.
А стиль как перенести в футер? (использую критический CSS)
Я его подключаю к хуку 'wp_enqueue_scripts' при помощи

wp_enqueue_style( 'style', get_template_directory_uri() . '/css/style.css', false, time() );

Нашёл решение нужно подключать стили к хуку "get_footer".
Всё работает это хороший паттерн?

[Антон Литвиненко]

Никогда не переносил стили.
Беглое гугленье

function prefix_add_footer_styles() {
    wp_enqueue_style('boostrapcss', get_template_directory_uri() . '/css/bootstrap.css', array(), '4.0.0', 'all');
    wp_enqueue_style('customstyle', get_template_directory_uri() . '/css/style.css', array(), '1.0.0', 'all');
    wp_enqueue_style('animatecss', get_template_directory_uri() . '/css/animate.css', array(), '1.0.0', 'all');
};
add_action( 'get_footer', 'prefix_add_footer_styles' );

Как переместить все стили в footer wordpress?

Answer 2

[Игорь Воротнёв]

Не надо так делать, это антипаттерн и дичайший костыль.

Comments

[Антон Литвиненко]

добавил альтернативу

[Игорь Воротнёв]

Норм ответ, upvote :)

[Антон Литвиненко]

Игорь Воротнёв, так я не понял, у кого антипаттерн, у меня или ТС?

[Игорь Воротнёв]

Антон Литвиненко, А вы тут при чем? Ответы к вопросу - это в адрес топикстартера. Если бы у меня были замечания по вашему ответу - для этого есть комментарии под ним.

[Антон Литвиненко]

Игорь Воротнёв, если честно мне сначала показалось, что это комментарий к моему ответу))

[Игорь Воротнёв]

Антон Литвиненко, я уже понял)) нет, это было к топикстартеру)

[Darknirk]

Игорь Воротнёв, я уже понял, из-за ошибки, хотя раньше он работал.
Почему плохой паттерн?

[Игорь Воротнёв]

Darknirk, потому что вы переносите ВСE эти колбеки и ВСЁ что в них в подвал, без разбора. Далеко не все скрипты будут корректно работать с таким подходом. Кроме того, есть defer и async, далеко не всегда размещать скрипты в подвале - правильно и эффективно с точки зрения скорости загрузки. Очень часто как раз начать грузить его стоит пораньше (в head), но отложить исполнение на потом. Ну и да, скрипты в WordPress переносятся в футер с помощью одного лишь параметра. В общем, оптимизацию надо делать внимательно и по каждому скрипту отдельно, используя разные подходы для разных assets - наиболее эффективные для каждого из них. Рубить все на корню - грубо, непредсказуемо и часто в итоге медленнее чем если сделать по уму.

[Darknirk]

Игорь Воротнёв, понятное дело на шаблонном сайте, с кучей сторонних плагинов я не стал бы этого делать.
Ручная разработка темы, каждый скрипт знаю за что отвечает, поэтому переношу, сторонний оставил только родной wp-embed. Со стилями тоже самое. Один ручной файл в футер и критический CSS в шапку.

[Игорь Воротнёв]

Darknirk, как раз в случае с кастомной самописной темой - тем более. Делайте по уму изначально при регистрации ассетов