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


Posted in PHP onDecember 25, 2015

WordPress 3.5 新添加了一个提示框功能,可以创建一个提示框,然后指向任何元素,比如下边的例子:

本文就来教你怎么创建一个这样的提示框。

首先需要添加提示框给WordPress的编辑后台添加提示框的代码实例分享的脚本,这样才能使用提示框的 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; ?>',
      position: {
        edge: 'left',
        align: 'center'
      },
      close: function(){
        //提示框打开之后做的事情
      }
    }).pointer('open');
  });
  //]]>
  </script>
<?php
}
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 相关文章推荐
实现“上一页”和“下一页按钮
Oct 09 PHP
PHP数组内存耗用太多问题的解决方法
Apr 05 PHP
php 字符串替换的方法
Jan 10 PHP
PHP中array_keys和array_unique函数源码的分析
Feb 26 PHP
浅析PHP中的i++与++i的区别及效率
Jun 15 PHP
php利用header函数下载各种文件
Aug 24 PHP
PHP读取zip文件的方法示例
Nov 17 PHP
php 根据自增id创建唯一编号类
Apr 06 PHP
php实现的生成迷宫与迷宫寻址算法完整实例
Nov 06 PHP
阿里云的WindowsServer2016上部署php+apache
Jul 17 PHP
PHP实现的AES加密、解密封装类与用法示例
Aug 02 PHP
laravel实现图片上传预览,及编辑时可更换图片,并实时变化的例子
Nov 14 PHP
smarty高级特性之对象的使用方法
Dec 25 #PHP
详解WordPress开发中过滤属性以及Sql语句的函数使用
Dec 25 #PHP
smarty高级特性之过滤器的使用方法
Dec 25 #PHP
WordPress中编写自定义存储字段的相关PHP函数解析
Dec 25 #PHP
PHP加密解密实例分析
Dec 25 #PHP
PHP时间类完整实例(非常实用)
Dec 25 #PHP
PHP图形操作之Jpgraph学习笔记
Dec 25 #PHP
You might like
php生成txt文件实例代码介绍
2016/04/28 PHP
php批量删除操作代码分享
2017/02/26 PHP
PHP设计模式之外观模式(Facade)入门与应用详解
2019/12/13 PHP
浅析jquery某一元素重复绑定的问题
2014/01/03 Javascript
Jquery实现遮罩层的方法
2015/06/08 Javascript
Angular 根据 service 的状态更新 directive
2016/04/03 Javascript
Webpack打包css后z-index被重新计算的解决方法
2017/06/18 Javascript
JS实现简单拖拽效果
2017/06/21 Javascript
JS按钮闪烁功能的实现代码
2017/07/21 Javascript
Django+Vue.js搭建前后端分离项目的示例
2017/08/07 Javascript
js通过Date对象实现倒计时动画效果
2017/10/27 Javascript
基于JavaScript中字符串的match与replace方法(详解)
2017/12/04 Javascript
AngularJS实时获取并显示密码的方法
2018/02/06 Javascript
Vue实现用户自定义字段显示数据的方法
2018/08/28 Javascript
小程序Request的另类用法详解
2019/08/09 Javascript
layui上传图片到服务器的非项目目录下的方法
2019/09/26 Javascript
微信小程序图片加载失败时替换为默认图片的方法
2019/12/09 Javascript
原生js实现轮播图特效
2020/05/04 Javascript
Python的Bottle框架的一些使用技巧介绍
2015/04/08 Python
Python中Iterator迭代器的使用杂谈
2016/06/20 Python
利用Python实现网络测试的脚本分享
2017/05/26 Python
深入浅析python 中的匿名函数
2018/05/21 Python
python基于C/S模式实现聊天室功能
2019/01/09 Python
tesserocr与pytesseract模块的使用方法解析
2019/08/30 Python
在Python中使用filter去除列表中值为假及空字符串的例子
2019/11/18 Python
Python更换pip源方法过程解析
2020/05/19 Python
Python中的With语句的使用及原理
2020/07/29 Python
柒牌官方商城:中国男装优秀品牌
2017/06/30 全球购物
欧洲品牌瓷器餐具网上商店:Porzellantreff.de
2018/04/04 全球购物
如果NULL和0作为空指针常数是等价的,那我到底该用哪一个
2014/09/16 面试题
行政专员工作职责
2013/12/22 职场文书
安全教育心得体会
2013/12/29 职场文书
未受刑事制裁公证证明
2014/09/20 职场文书
大学生简历自我评价2015
2015/03/03 职场文书
golang 实现对Map进行键值自定义排序
2021/04/28 Golang
Win11任务栏太宽了怎么办?一招解决Win11任务栏太宽问题
2021/11/21 数码科技