使用jQuery DOM插入的解决方法<注意PHP的使用Heredoc sintax 打印脚本
function wpse_53035_script_enqueuer(){
echo <<<HTML
<script type="text/javascript">
jQuery(document).ready( function($) {
$(\'<div style="width:100%;text-align:center;"><img src="http://cdn.sstatic.net/wordpress/img/logo.png?v=123"></div>\').insertBefore(\'#welcome-panel\');
});
</script>
HTML;
}
add_action(\'admin_head-index.php\', \'wpse_53035_script_enqueuer\');
这将在前面的顶部插入新div
#welcome-panel. 如果您使用div
#dashboard-widgets-wrap 在相同位置打印（之后
<h2>Dashboard</h2> 在小部件之前）<欢迎面板通常是隐藏的，但我不确定它的一般行为。我想这取决于你的测试。
事实上，只需检查页面并在任何需要的地方插入即可。
玩代码
以下版本会淡入窗口小部件包装。它还添加了width and height in the image tag, 因此，当图像最终加载时，其他元素不会“跳跃”。
function wpse_53035_script_enqueuer(){
echo <<<HTML
<style type="text/css">#dashboard-widgets-wrap {display:none;}</style>
<script type="text/javascript">
jQuery(document).ready( function($) {
$(\'#dashboard-widgets-wrap\').delay(1200).fadeTo(\'slow\',1);
$(\'<div style="width:100%;text-align:center;margin:8px 0"><img src="http://cdn.sstatic.net/wordpress/img/logo.png?v=123" width="483" height="43"></div>\').insertBefore(\'#dashboard-widgets-wrap\');
});
</script>
HTML;
}
add_action(\'admin_head-index.php\', \'wpse_53035_script_enqueuer\');
