Wordpress - 仅使用自定义 CSS 和 JS 创建页面

Question

我正在创建一个 Wordpress 插件，该插件添加了一个嵌入 React 应用程序的页面。在插件激活时，插入一个带有wp_insert_post()函数的帖子，然后load_app_template()触发该函数以设置帖子模板。此模板包含wp_head()在 head 部分和我的 React 应用程序中。问题是其他一些插件在头部加载了一些 JS 和 CSS，这会干扰 React 应用程序的行为。我正在尝试删除 Wordpress 和其他插件提供的所有 JS 和 CSS，并添加我自己的。如果我wp_head()从帖子模板中删除，则无法通过wp_register_script.如何从 Wordpress 和插件中删除所有 JS 和 CSS 并从我的插件中添加我自己的？可能有两种方法：wp_head()在 HTML 模板中删除并手动添加指向我的 JS 和 CSS 的链接。我可以为 Jquery 和 Bootstrap 做到这一点，但我不知道如何从我的插件目录中放置 JS 文件的链接。保留wp_head()，注销所有 CSS 和 JS，然后使用 Wordpress 钩子添加我自己的。我无法使用此解决方案从其他插件中删除一些 Javascript。我尝试在此答案之后注销所有内容。谢谢 ！

Answer 1

您可以从该页面中删除未使用的 CSS/JS。将此代码放在您的 function.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 );

希望这会有所帮助。