給WordPress的編輯后臺添加提示框的代碼實例分享

2020-03-22 17:30:51

字體：大中小

來源：轉載

供稿：網友

WordPress 3.5 新添加了一個提示框功能，可以創建一個提示框，然后指向任何元素，比如下邊的例子：
本文就來教你怎么創建一個這樣的提示框。首先需要添加提示框的腳本，這樣才能使用提示框的 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() 方法創建一個簡單的提示框： *WordPress 后臺添加提示框 *http://www.endskin.com/admin-help-box/function Bing_add_pointer_scripts(){ $content = ' h3 請設置主題 /h3 $content .= ' p 請為新主題進行簡單的配置！'; 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 后臺添加提示框 *http://www.endskin.com/admin-help-box/function Bing_add_pointer_scripts(){ $content = ' h3 請設置主題 /h3 $content .= ' p 請為新主題進行簡單的配置！'; 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教程

鄭重聲明：本文版權歸原作者所有，轉載文章僅為傳播更多信息之目的，如作者信息標記有誤，請第一時間聯系我們修改或刪除，多謝。

上一篇：在WordPress中使用wp-cron插件來設置定時任務

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