在WordPress后台文章编辑器添加首行缩进2字符的按钮

在WordPress后台文章编辑器添加首行缩进2字符的按钮

 2016-12-10 14:51    网页设计   标签：wordpress 模板 代码   2358    发表评论

受到z-blogPHP的使用习惯，我很希望在Wordpress发文编辑时能增加一个首行缩进2字符的按钮。只要点击相应按钮，我们就可以将当前文章段落增加一个“缩进2字符”的效果。

在网上寻找了好久，发现大部分教程已经不能实现这个效果了，好不容易将几个查找的内容拼合在一起，做出了如下效果：

方法很简单，在当然主题的functions.php文件的?>前增加如下代码就可以了：

function paipk1_quicktags() { 
  if (wp_script_is('quicktags')){?>
  <script type="text/javascript">
    QTags.addButton( 'textIndent','首行缩进2字符','<p style="text-indent:2em">','</p>','','首行缩进2字符',101);
  </script>
<?php }}
add_action('admin_print_footer_scripts', 'paipk1_quicktags');

本着研究的目的，我又好好看了下这里面涉及到的function，并且给大家讲讲。

add_action

接触过wordpress主题的人想必都对这个函数都不陌生。它是将后面一个函数给挂在前面一个函数里。关键是要知道后台编辑文章的编辑器相应位置是用什么函数来做的。

我找寻了半天，只能找到对应的函数名：“admin_print_footer_scripts”。

QTags.addButton

这是一个JS，按我理解应该也是wordpress自带的，它里面有对应的调用方式。

QTags.addButton($ID,$display,$arg1,$arg2,$access_key,$title,$priority,$instance);

1. $ID：插入按钮的ID名称，唯一的，默认为null，必填项；

2. $display：按钮在文章编辑界面显示的名称，默认为null，必填项；

3. $arg1：在选择的当前或光标选择处插入的代码，默认为null，必填项；

4. $arg2：在选择的末尾插入的代码，默认为null，选填项；

5. $access_key：按钮的快捷键，默认为null，选填项；

6. $title：鼠标移动到按钮上显示的title属性名称，默认为null，选填项；

7. $priority：按钮在工具栏上的位置。1~9：第一部分，11 ~ 19：第二部分，21 ~ 29：第三部分等；

8. $instance：这个没明白什么意思~~

功能方面大概就这些，大家可以根据自己的需求来增加相应的需求，比如插入标题、固定网址等。