为wordpress后台HTML编辑器添加自定义标签按钮

释放双眼,带上耳机,听听看~!

新版CK编辑器可参考如下文章:

wordpress CK编辑器自定义按钮实现编辑器增强

旧版本tiny编辑器添加方式参考如下: 有些朋友为自己网站文章集成了各种样式或者其他功能,但是每次都需要在编辑器里面输入代码调用,这样会很麻烦,现在教各位一个为WordPress后台编辑器集成快捷键教程. 效果预览 WordPress后台编辑器添加快捷按钮教程 集成方法 将以下代码添加到当前使用主题…

为WordPress后台的 HTML 编辑器添加自定义标签按钮可以在编辑文章不用手动输入标签,显得十分方便。不过wordpress默认的快捷标签按钮有时候不能满足我们的需求,那么我们否可以自定义添加自己想要的快捷按钮呢?其实在wordpress后台HTML编辑器添加自定义标签按钮的方法很简单,打开你主题的functions.php文件,在其中添加下面的代码(一般添加在最后,”?>“结束之前)

//添加HTML编辑器自定义快捷标签按钮
add_action(‘after_wp_tiny_mce’, ‘bolo_after_wp_tiny_mce’);
function bolo_after_wp_tiny_mce($mce_settings) {
?>
<script type=”text/javascript”>
QTags.addButton( ‘hr’, ‘横线’, “\n<hr />\n”, “” );
QTags.addButton( ‘h1’, ‘标题1’, “\n<h1>”, “</h1>\n” );
QTags.addButton( ‘h2’, ‘标题2’, “\n<h2>”, “</h2>\n” );
QTags.addButton( ‘h3’, ‘标题3’, “\n<h3>”, “</h3>\n” );
QTags.addButton( ‘wp_page’, ‘分页按钮’, “<!–nextpage–>\n”, “” );
function bolo_QTnextpage_arg1() {
}
</script>
<?php
}

代码解析:

QTags.addButton( ”, ”, ”, ” );

【四对引号,分别表示按钮的ID、按钮显示名、点一下输入内容、再点一下关闭内容(最后一对引号为空则一次输入全部内容),\n表示换行】

形象说明: QTags.addButton( ‘ 按钮ID’, ‘按钮显示名’, ‘点一下输入内容’, ‘点一下关闭内容’ );

可以自定义添加多行 QTags.addButton( ”, ”, ”, ” ); 增加多个按钮!

WordPress小技巧 纯代码为文章编辑添加彩色美化框及彩色按钮,可自定义其他按钮

一、效果展示 使用本文中介绍的方法,大家都可以达到以下效果。 绿色提示框 红色提示框 黄色提示框 灰色提示框 蓝色提示框 黑色提示框 虚线提示框 绿边提示框 红边提示框

相关专题

wordpress

WordPress是一款个人博客系统,并逐步演化成一款内容管理系统软件,它是使用PHP语言和MySQL数据库开发的。用户可以在支持 PHP 和 MySQL数据库的服务器上使用自己的博客。 wordpress 推荐模板/插件 虚位以待 马上入驻 虚位以待 马上入驻 虚位以待 马上入驻 推荐服务商 虚位…

人已赞赏
网站开发

WordPress小技巧 纯代码为文章编辑添加彩色美化框及彩色按钮,可自定义其他按钮

2019-3-6 19:06:19

网站开发

WordPress超级自定义字段插件:Advanced Custom Fields超详细使用教程

2019-3-7 14:19:42

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索