給WordPress的編輯后臺(tái)添加提示框的代碼實(shí)例分享

2020-03-22 17:30:51

字體：大中小

供稿：網(wǎng)友

WordPress 3.5 新添加了一個(gè)提示框功能，可以創(chuàng)建一個(gè)提示框，然后指向任何元素，比如下邊的例子：
本文就來(lái)教你怎么創(chuàng)建一個(gè)這樣的提示框。首先需要添加提示框的腳本，這樣才能使用提示框的 JS 方法。//掛載提示框腳本function Bing_admin_pointer_enqueue_scripts(){ wp_enqueue_style( 'wp-pointer' ); wp_enqueue_script( 'wp-pointer' );add_action( 'admin_enqueue_scripts', 'Bing_admin_pointer_enqueue_scripts' );然后使用 pointer() 方法創(chuàng)建一個(gè)簡(jiǎn)單的提示框： *WordPress 后臺(tái)添加提示框 *http://www.endskin.com/admin-help-box/function Bing_add_pointer_scripts(){ $content = ' h3 請(qǐng)?jiān)O(shè)置主題 /h3 $content .= ' p 請(qǐng)為新主題進(jìn)行簡(jiǎn)單的配置！'; script type="text/javascript" // ![CDATA[ jQuery(document).ready(function($){ $('#menu-appearance').pointer({//可以指向任何元素 content: ' php echo $content; ', position: { edge: 'left', align: 'center' close: function(){ //提示框打開之后做的事情 }).pointer('open'); //]] /script add_action( 'admin_print_footer_scripts', 'Bing_add_pointer_scripts' );
綜合代碼： *WordPress 后臺(tái)添加提示框 *http://www.endskin.com/admin-help-box/function Bing_add_pointer_scripts(){ $content = ' h3 請(qǐng)?jiān)O(shè)置主題 /h3 $content .= ' p 請(qǐng)為新主題進(jìn)行簡(jiǎn)單的配置！'; script type="text/javascript" // ![CDATA[ jQuery(document).ready(function($){ $('#menu-appearance').pointer({//可以指向任何元素 content: ' php echo $content; ', position: { edge: 'left', align: 'center' close: function(){ //提示框打開之后做的事情 }).pointer('open'); //]] /script add_action( 'admin_print_footer_scripts', 'Bing_add_pointer_scripts' );//掛載提示框腳本function Bing_admin_pointer_enqueue_scripts(){ wp_enqueue_style( 'wp-pointer' ); wp_enqueue_script( 'wp-pointer' );add_action( 'admin_enqueue_scripts', 'Bing_admin_pointer_enqueue_scripts' );
PHP教程

鄭重聲明：本文版權(quán)歸原作者所有，轉(zhuǎn)載文章僅為傳播更多信息之目的，如作者信息標(biāo)記有誤，請(qǐng)第一時(shí)間聯(lián)系我們修改或刪除，多謝。

上一篇：在WordPress中使用wp-cron插件來(lái)設(shè)置定時(shí)任務(wù)

下一篇：WordPress中用于獲取及自定義頭像圖片的PHP腳本詳解