定制WordPress后台列表方法汇总

list-table

之前写过一篇文章《如何在后台文章列表页面显示Pings》介绍了一个修改WordPress后台列表表格的例子,其实讲述的是如何定制文章列表页面,这还不够用,所以今天写这篇文章总结一下修改列表页面用到的hooks及修改page、custom post type、comments、media和user列表页的方法。最后奉上收集到的一些很有用的文章和代码。

WordPress Theme Customizer学习笔记 – 创建新选项

增加header background color

WordPress Theme Customizer是一个很棒的功能,以前主题要通过主题选项让用户定制样式,用户会看到一串常常的颜色选项表单,修改着不知所谓的颜色,不停的保存-预览-修改。而Theme Customizer以一种直观的方式让用户定制主题,修改的同时可以立即预览结果,对用户十分友好。

WordPress TinyMCE编辑器排版方法

前台效果

用WordPress的所见即所得编辑器TinyMCE可以进行一些简单的排版,但对于分栏等复杂的排版,如果完全不懂CSS和HTML知识,就会有力不从心的感觉。本文介绍通过一个插件让WordPress编辑器进行更复杂的排版的方法。

背景

新浪博客是的排版工具非常好用,点击插入模板就有很多预定义的模板可供选择,插入到文章中,会有虚线来区分模板的不同区域,如下图所示,本文希望在WordPress编辑器中也引入类似的排版方式。

新浪博客——排版工具

创建WordPress后台选项界面(五)—— 在后台使用Ajax

WordPress进阶教程

依然以CC Comment插件为例,展示如何在WordPress后台使用Ajax。CC Comment插件允许在后台设置->常规选项卡中填写抄送的邮箱,现在要使用Ajax方式验证填写的邮箱是否合法。

步骤概述:

  • 创建验证email的功能
  • 创建以Ajax方式发送数据的脚本,写在外部js文件中
  • 引入外部js文件
  • 注册Ajax的action和callback

功能描述:

在设置->常规中填写CC Comments的抄送email时,当鼠标点击到input之外的地方,就会开始验证,验证时先显示Checking email…,如果验证成功则显示Email OK,一切过程不需要刷新页面

检查email

创建WordPress后台选项界面(四)—— 选项添加到现有管理界面

WordPress进阶教程

我们要保存的数据是一个email地址,除了单独为其创建一个管理界面的方式外,还可以选择将这字段加入到现有的管理界面中,例如设置->常规(Settings->General)中。

如果你没有cc_comment.php,请返回创建WordPress后台选项界面(三)下载

方法概述:

  1. 删除cccomm_option_page()和添加菜单的代码
  2. 创建一个函数,用来输出需要注册的字段的HTML结构
  3. 使用add_settings_field()函数将这个字段加入到设置->常规下

创建WordPress后台选项界面(三)—— 使用Settings API存取数据

WordPress进阶教程

创建WordPress后台选项界面(二)—— 保存数据一节中,使用wp nonce和update_option()等方式存取数据,与WordPress数据库进行交互。这看起来有点复杂,有没有更简单的方式呢?这就是本节要介绍的WordPress Settings API

WordPress Settings API会自动处理nonce field、update_option的操作,我们要做的就是告诉这个API,要保存什么字段。

本节使用的方法步骤概述:

  1. 使用register_setting()注册要存储的字段
  2. 使用settings_fields()函数在表单输出nonce等信息
  3. 去掉第二节表单中处理数据的部分,因为Settings API将会负责这些操作