WordPress7b2主题编辑器添加哔哩哔哩视频懒人按钮教程

前面我们已经分享了文章中插入bilibili视频的教程没做这一步的先去学习一下才可以哦

WordPress免插件文章中添加B站视频短码教程【加精版】

皮先生

• 9月25日
• 喜欢：0
• 浏览：27

但是每次都要复制短代码太麻烦了！

所以呢？

索性今晚就给上个直接在编辑器上添加一个懒人按钮的方法。

添加方法 ：

第一步加上事件脚本 打开子主题目录到文件/Assets/admin/editor-buttons.js

打开这个editor-buttons.js 在20行处添加一下代码

ed.addButton( 'end_bilibili', {
image:url+'bilibili.png',
title : b2_admin_global.text.end_bilibili_desc,
onclick : function() {
ed.selection.setContent('此处是短代码');
}
});

第二步添加图标：在/Assets/admin/images目录下上传哔哩哔哩图标

https://cmcc.5186a.com/2024/11/2024110312554514.png

第三步在编辑器api文件添加按钮：打开目录到文件/Modules/Settings/Editor.php

在Editor.php文件中

第27行添加代码

 'end_bilibili_desc':'<?php echo __('哔哩哔哩视频','b2'); ?>',

第71行代码覆盖

        array_push( $buttons, 'hidden_start','hidden_end','b2_video','b2_file','b2_post','b2_inv','end_bilibili');

到这一步到后台写文章页面刷新一下就会有一个按钮了。