给WordPress的编辑后台添加提示框的代码实例分享

发布时间：2020-12-13 04:07:35 所属栏目：PHP教程来源：网络整理

导读：《PHP实例：给WordPress的编辑后台添加提示框的代码实例分享》要点：本文介绍了PHP实例：给WordPress的编辑后台添加提示框的代码实例分享，希望对您有用。如果有疑问，可以联系我们。 PHP应用 WordPress 3.5 新添加了一个提示框功能,可以创建一个提示框,然

《PHP实例：给WordPress的编辑后台添加提示框的代码实例分享》要点：
本文介绍了PHP实例：给WordPress的编辑后台添加提示框的代码实例分享，希望对您有用。如果有疑问，可以联系我们。

PHP应用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>
<?php
}
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; ?>','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的编辑后台添加提示框的代码实例分享》等实战技能，PHP、MYSQL、LINUX、APP、JS,CSS全面培养人才。

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!