wordpress 后台编辑器文本模式(HTML模式)添加按钮

wordpress的默认编辑器中给我们预先设置了一下快捷输入的标签,比如“b”、“i”等,但是我们可能会经常向文章中添加指定的自定义的html标签比如<button class=”btn1″>确认</button>等等,我们就可以自定义快捷输入的标签按钮来大大减少我们的代码输入。

wordpress 后台编辑器文本模式(HTML模式)添加按钮

添加自定义标签

在主题的function.php中加入以下代码:

add_action('admin_print_scripts', 'my_quicktags');
function my_quicktags() {
    wp_enqueue_script(
        'my_quicktags',
        get_stylesheet_directory_uri().'/my_quicktags.js',
        array('quicktags')
    );
}

在主题下创建一个my_quicktags.js文件:

QTags.addButton( 'h1', 'h1', "\n<h1>", "</h1>\n" );

打开写文章页面即可看到效果:

wordpress 后台编辑器文本模式(HTML模式)添加按钮

给TA赏糖
共{{data.count}}人
人已赏糖
技术分享

如何在 WordPress 中减少首字节时间(TTFB)

2024-1-7 18:39:41

技术分享

阿里云OSS对象存储配置使用教程:低成本高可用性

2024-1-7 21:34:52

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