03/3
00:31
日记

WordPress后台图标不正常,报错‘’jQuery is not defined‘’

最近登录控制台,发现控制台上的图标显示不正常,就像这样
图片不正常
通过浏览器的调试工具发现报错:jQuery is not defined
控制台报错

发现WordPress是通过这样一个链接

https://www.hida.in/wp-admin/load-scripts.php?c=1&load=jquery-ui-core,jquery-ui-widget,jquery-ui-mouse,jquery-ui-sortable,hoverIntent,common,jquery-color,wp-ajax-response,wp-lists,jquery-ui-resizable,quicktags,jquery-query,admin-comments,postbox,dashboard,thickbox,plugin-install,media-upload&ver=e0f647a6df61adcc7200ce17a647db7f

把需要的脚本放到一个http请求里。这样有个好处是可以节省http请求,但是如果某个脚本出现问题,就会导致部分功能无法正常使用。禁用的方法是在wp-config.php文件添加一行:

define('CONCATENATE_SCRIPTS', false);

保存并刷新控制台页面,会发现图标显示正常了。

参考链接:
1. https://stackoverflow.com/questions/32588692/how-does-concatenate-scripts-work-on-wp-config
2. https://www.kevinleary.net/wordpress-admin-jquery-is-not-defined/

WordPress后台图标不正常,报错‘’jQuery is not defined‘’

03/16
13:56
日记

添加HTML编辑器自定义快捷标签按钮

//添加HTML编辑器自定义快捷标签按钮
add_action('after_wp_tiny_mce', 'add_button_mce');
function add_button_mce($mce_settings) { ?>
<script type="text/javascript">
    QTags.addButton( 'youku', 'youku', "[yyouku]", "[/yyouku]\n" );
    QTags.addButton( 'tudou', 'tudou', "[ttudou]", "[/ttudou]\n" );
</script>
< ?php
}

addButton的四个参数:分别表示按钮的ID、按钮显示名、点一下输入内容、再点一下关闭内容(空则一次输入全部内容),n表示换行可以使用 QTags.addButton( ”, ”, ”, ” )增加多个按钮

添加HTML编辑器自定义快捷标签按钮