我们在WordPress开发主题中如果主题设置很复杂有些要介绍的,我们需要WordPress后台显示提示信息来告诉用户岂不是很好,其实WordPress有个这个功能的,当然这个WordPress后台显示提示信息也是需要我们特别配置的,所以有的主题会有这样的功能有的没有。
WordPress Pointers是WordPress 3.3引入的新特性,顾名思义,这是一种tooltip,带有箭头,可以实现指向一个位置,显示一些提示信息的效果。WordPress后台对新手而言不是一般的难以理解,有了这种带箭头的提示框,就可以更好的引导用户学习使用某些功能。
WordPress后台显示提示信息加载WP Pointers脚本
WP Pointers是基于jquery的脚本,只需要加载js代码和样式表即可,因此要使用WP Pointers,只需要:
wp_enqueue_style( 'wp-pointer' );
wp_enqueue_script( 'wp-pointer' );
WordPress后台显示提示信息
代码放在functions.php中,即可看到效果,点击dismiss后提示框将不再显示。
add_action( 'admin_enqueue_scripts', 'my_admin_enqueue_scripts' );
function my_admin_enqueue_scripts() {
// Using Pointers
wp_enqueue_style( 'wp-pointer' );
wp_enqueue_script( 'wp-pointer' );
// Register our action
add_action( 'admin_print_footer_scripts', 'my_admin_print_footer_scripts' );
}
function my_admin_print_footer_scripts() {
$dismissed = explode( ',', (string) get_user_meta( get_current_user_id(), 'dismissed_wp_pointers', true ) );
if ( ! in_array( 'my_pointer', $dismissed ) ) :
$pointer_content = '<h3>小工具:近期评论</h3>';
$pointer_content .= '<p>这个“近期评论”小工会具显示您网站的最新评论,点击右侧的配置按钮可以设置显示条数</p>';
?>
<script type="text/javascript">
//<![CDATA[
jQuery(document).ready( function($) {
$('#dashboard_recent_comments').pointer({
content: '<?php echo $pointer_content; ?>',
position: 'bottom',
pointerWidth: 320,
close : function() {
jQuery.post( '<?php bloginfo('wpurl'); ?>/wp-admin/admin-ajax.php', {
pointer: 'my_pointer',
action: 'dismiss-wp-pointer'
});
}
}).pointer('open');
});
//]]>
</script>
<?php
endif;
}
以上呢WordPress后台显示提示信息介绍完毕,如果您想WordPress后台显示提示信息改为自己所喜欢的想要的就自己折腾吧,更多教程可以在本站文章教程栏目观看。

