WonderCSS

为WordPress写文章页面的文本编辑器添加按钮

继续wordpress优化站的完善,在wordpress主题的制作中有很多有趣的设置是DEDECMS织梦系统无法比拟的!比如今天所讲的这个功能,我们可以通过在WordPress的后台“写文章”页面,为文本编辑器添加一个自定义按钮。这样既方便了编辑人员,又可以统一写法,避免一些因不同人员不同习惯所造成的书写错误。

在具体应用上我们可以制作一个按钮,让编辑选词后直接添加一个规范的商务通链接,或者是一段带有 CLASS 或 ID 的 span 或 div 类容器。我们先了解下Wordpress所用编辑器 Quicktags API 的参数:


QTags.addButton( id, display, arg1, arg2, access_key, title, priority, instance );
//QTags.addButton(ID,显示,ARG1,ARG2,access_key,标题,优先级,实例);

wordpress-QTags-addButton

实例如我们需要在Wordpress文本编辑器中添加一个H1标签的按钮,那么我们只需要在wordpress主题 functions.php 文件中添加如下代码:


//add Button
function appthemes_add_quicktags() {
    if (wp_script_is('quicktags')){
?>
    <script type="text/javascript">
    QTags.addButton( 'h1_tag', 'h1', '<h1>', '</h1>', 'h', 'h1标签', 2 );
    </script>
<?php
    }
}
add_action( 'admin_print_footer_scripts', 'appthemes_add_quicktags' );

具体参数详情请参看WordPress官方文档

By 于湛 发布于 2014.01.15 4,604 次浏览

为WordPress写文章页面的文本编辑器添加按钮》上有1条评论

  1. Pingback引用通告: 如何移除wordpress登录时的错误震动效果 | WonderCSS

发表评论

电子邮件地址不会被公开。 必填项已用*标注