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

 2016-12-10 14:51

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

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

20161210145910.jpg

方法很简单,在当然主题的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:这个没明白什么意思~~

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

作者头像

作者:紫铜炉

自由博主,网页设计师。我关注科技产品和个人博客发展,注重用户体验和界面优化。

 发表评论: