专注于
美好质感事物的记录

wordpress短代码添加到编辑框里

每次使用短代码框的时候,都要输入代码,很让人不方便,到网上搜索下,还真实现了让短代码框添加到编辑里。

//添加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( ‘gray_box’, ‘灰色’, ‘<div class=”gray_box”>灰色提示框</div>\n’, “” );
QTags.addButton( ‘red_box’, ‘红框’, ‘<div class=”red_box”>红色提示框</div>\n’, “” );function bolo_QTnextpage_arg1() {
}
</script>
<?php
}

在文件functions.php里添加上面的代码

本主题style.css里面本来就有gray_box和red_box的定义。

另外也修改了下blockquote标签的属性,更美观些吧

.single_text blockquote, .meta_content_all blockquote { margin: 10px; border: 1px #d0d4c8 dashed; background: #f4f5f6 url(images/blockquote.gif) 5px 3px no-repeat; padding: 15px 12px 0px 36px;}

Today on history:

  1. 2019:  互联网搬砖类项目,做好一个也能月入过万(3)
赞(0) 打赏
未经允许不得转载:麦林风博客 » wordpress短代码添加到编辑框里
分享到: 更多 (0)

评论 4

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址
  1. #0

    这个好啊 有用!感谢站长

    朱绪博客4年前 (2018-02-05)回复
  2. #0

    挺简单的,我一般重要的东西都是引用,不是自带的东西折腾起来费神。

    灰常记忆4年前 (2018-01-11)回复
    • 最起码要用起来自己喜欢才行。

      麦林风4年前 (2018-01-11)回复
  3. #0

    太有用了!

    跨境电商之家4年前 (2018-01-08)回复

麦林风,小项目,一直在实操

联系我们联系我们

觉得文章有用就打赏一下文章作者

非常感谢你的打赏,我们将继续给力更多优质内容,让我们一起创建更加美好的网络世界!

支付宝扫一扫打赏

微信扫一扫打赏