Wordpress - Создание страницы только с пользовательским CSS и JS

Question

Я создаю плагин для Wordpress, который добавляет страницу, которая встраивает приложение React.

При активации плагина, сообщение вставляется с функцией wp_insert_post(), а затем запускается функция load_app_template(), чтобы установить шаблон сообщения. Этот шаблон содержит wp_head() в разделе заголовка и моем приложении React.

Проблема в том, что некоторые другие плагины загружают в голову некоторые JS и CSS, которые нарушают поведение приложения React. Я пытаюсь удалить все JS и CSS, заданные Wordpress и другими плагинами, и добавить свой собственный.

Если я удаляю wp_head() из шаблона поста, я не могу зарегистрировать стили и скрипты с моим плагином через wp_register_script.

Как удалить все JS и CSS из Wordpress и плагинов и добавить свой собственный из моего плагина?

Возможны два пути:

1. Удалите wp_head() и вручную добавьте ссылки на мои JS и CSS в шаблоне HTML. Я могу сделать это для Jquery и Bootstrap, но я не знаю, как поместить ссылки на файлы JS из моего каталога плагинов.

2. Оставьте wp_head(), отмените регистрацию всех CSS и JS и добавьте свои собственные потом с помощью хуков Wordpress. Я не могу удалить некоторые Javascript из других плагинов с этим решением. Я пытался отменить регистрацию всего следующего этого ответа .

Спасибо!

Answer 1

Вы можете удалить неиспользуемый CSS / JS с этой страницы.Поместите этот код в свою функцию. Php

function remove_unused_css_js() {
// remove only from that page
if(get_the_ID() == 'Your Page ID'){
    wp_dequeue_style('css-id'); // remove css
    wp_dequeue_script('js-id'); // remove js
}
} 
add_action( 'wp_print_styles', 'remove_unused_css_js', 100 );

Надеюсь, это поможет.

Answer 2

Попробуйте удалить ненужные скрипты и стили, используя WordPress (это может помочь вам понять, как это сделать: https://wordpress.stackexchange.com/questions/233140/how-can-i-get-a-list-of-all-enqueued-scripts-and-styles), если ваш шаблон используется на странице.