WordPress教程-WordPress给后台的某一页面引用JS和CSS的正确姿势
站长痴推荐:魏星大佬为了写小宇宙插件的后台,引用了uikit的js和css。但因为uikit和wp默认样式略有冲突,所以不能全局引用。只能先对页面做以判断,再引入静态文件。
这就直接PASS了把enqueue函数挂在admin_init钩子上的方式。
粗暴如我,就直接在静态文件的顶头引用了css和js。这样就导致第一次打开工具箱页面的时候会有一段凌乱错位时间。
后来翻帖子的时候找到了一个优雅引用的方法。就是把enqueue函数挂在admin_print_scripts-+页面php文件的钩子上。
add_menu_page(<span class="hljs-string">’页面标题'</span>,<span class="hljs-string">’菜单标题 ‘</span>,<span class="hljs-string">’manage_options'</span>,<span class="hljs-string">’myplugin/test.php'</span>); add_action(<span class="hljs-string">’admin_print_scripts-‘</span>.<span class="hljs-string">’myplugin/test.php'</span>,<span class="hljs-string">’enqueue_script_mjs'</span>); <span class="hljs-function"><span class="hljs-keyword">function</span> <span class="hljs-title">enqueue_script_mjs</span><span class="hljs-params">()</span></span>{ wp_enqueue_script(<span class="hljs-string">’mjs'</span>,plugins_url(<span class="hljs-string">"js/mjs.js"</span>,<span class="hljs-keyword">__FILE__</span>),<span class="hljs-keyword">array</span>(<span class="hljs-string">’jquery'</span>),<span class="hljs-string">’1.0.0′</span>,<span class="hljs-keyword">true</span>); }