为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管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索

热门专栏

文章发布排行

更多
  • 官方编辑

    仁师lv9

    文章

    6111

    评论

    4

    粉丝

    3

    关注

    0

    龙萱坤诺官方编辑员
  • 微客创赢

    坛圣lv13

    文章

    271

    评论

    22

    粉丝

    6

    关注

    0

    程序员小白
  • 龙萱坤诺

    坛圣lv13

    文章

    132

    评论

    50

    粉丝

    4

    关注

    5

    龙萱坤诺管理员
  • wordpress建站

    游学者lv1

    文章

    43

    评论

    9

    粉丝

    2

    关注

    0

    Wordpress建站服务商
  • 龙坤科技

    有智者lv7

    文章

    37

    评论

    3

    粉丝

    1

    关注

    0

    龙坤科技官方帐号