给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 相关文章推荐
php中读写文件与读写数据库的效率比较分享
Oct 19 PHP
php模板原理讲解
Nov 13 PHP
PHP实现加密的几种方式介绍
Feb 22 PHP
PHP格式化MYSQL返回float类型的方法
Mar 30 PHP
PHP与以太坊交互详解
Aug 24 PHP
PHP数组遍历的几种常见方式总结
Feb 15 PHP
PHP微信网页授权的配置文件操作分析
May 29 PHP
PHP 文件上传限制问题
Sep 01 PHP
Laravel框架实现定时Task Scheduling例子
Oct 22 PHP
在Laravel 中实现是否关注的示例
Oct 22 PHP
Yii框架 session 数据库存储操作方法示例
Nov 18 PHP
PHP pthreads v3在centos7平台下的安装与配置操作方法
Feb 21 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开发文件系统实例讲解
2006/10/09 PHP
数字转英文
2006/12/06 PHP
详解PHP编码转换函数应用技巧
2016/10/22 PHP
PHP使用栈解决约瑟夫环问题算法示例
2017/08/27 PHP
从javascript语言本身谈项目实战
2006/12/27 Javascript
Firebug 字幕文件JSON地址获取代码
2009/10/28 Javascript
页面版文本框智能提示JS代码
2009/11/20 Javascript
Jquery中getJSON在asp.net中的使用说明
2011/03/10 Javascript
JS获取html对象的几种方式介绍
2013/12/05 Javascript
checkbox勾选判断代码分析
2014/06/11 Javascript
jQuery中prependTo()方法用法实例
2015/01/08 Javascript
javascript与Python快速排序实例对比
2015/08/10 Javascript
Bootstrap教程JS插件滚动监听学习笔记分享
2016/05/18 Javascript
vue2滚动条加载更多数据实现代码
2017/01/10 Javascript
浅谈使用mpvue开发小程序需要注意和了解的知识点
2018/05/23 Javascript
javascript中关于类型判断的一些疑惑小结
2018/10/14 Javascript
vue.js层叠轮播效果的实例代码
2018/11/08 Javascript
js计算两个时间差 天 时 分 秒 毫秒的代码
2019/05/21 Javascript
JavaScript函数式编程(Functional Programming)箭头函数(Arrow functions)用法分析
2019/05/22 Javascript
微信小程序自定义单项选择器样式
2019/07/25 Javascript
Nodejs + sequelize 实现增删改查操作
2020/11/07 NodeJs
基于python编写的微博应用
2014/10/17 Python
使用pyinstaller打包PyQt4程序遇到的问题及解决方法
2019/06/24 Python
Flask框架学习笔记之模板操作实例详解
2019/08/15 Python
python查看数据类型的方法
2019/10/12 Python
Python中使用socks5设置全局代理的方法示例
2020/04/15 Python
HTML+CSS3模拟心的跳动实例代码
2017/09/05 HTML / CSS
西班牙第一的网上药房:PromoFarma.com
2017/04/17 全球购物
新西兰珠宝品牌:Michael Hill
2017/09/16 全球购物
Surfdome西班牙:世界上最受欢迎的生活方式品牌
2019/02/13 全球购物
《孔子拜师》教学反思
2014/02/24 职场文书
奥巴马胜选演讲稿
2014/05/15 职场文书
挂牌仪式策划方案
2014/05/18 职场文书
党员自我评议个人对照检查材料
2014/09/16 职场文书
党员教师自我剖析材料
2014/09/29 职场文书
2019西餐厅创业计划书范文!
2019/07/12 职场文书