VPS参考测评推荐
专注分享VPS主机优惠信息
衡天云优惠活动
华纳云优惠活动
荫云优惠活动

纯代码实现WordPress后台文章编辑器下拉式短代码,添加下拉式短代码选择,WordPress技巧分享

主机参考:VPS测评参考推荐/专注分享VPS服务器优惠信息!若您是商家可以在本站进行投稿,查看详情!此外我们还提供软文收录、PayPal代付、广告赞助等服务,查看详情!
我们发布的部分优惠活动文章可能存在时效性,购买时建议在本站搜索商家名称可查看相关文章充分了解该商家!若非中文页面可使用Edge浏览器同步翻译!PayPal代付/收录合作

尽管 WordPress 5.0 之后的默认编辑器已经变成了块编辑器,但我仍然更喜欢经典的编辑器,所以让我们继续改造经典的编辑器吧

后台增加个下拉选择以集合各个快捷按钮,添加完成后文章编辑器显示效果如下:

纯代码实现WordPress后台文章编辑器下拉式短代码,添加下拉式短代码选择,WordPress技巧分享-主机参考

 

1,直接将下面的代码加在当前使用的主题 functions.php 文件中即可

// 后台编辑器添加下拉式按钮
//https://zhujicankao.com/3695.html
function QGG_select(){
echo '
<select id="short_code_select">
	<option value="请选择一个短代码!!!"&gt;插入短代码</option>
	<option value="【ghide keyword=\'关键字\' key=\'验证码\']隐藏内容[/ghide]">公众号隐藏</option>
	<option value="【pwd_protected_post key=\'保护密码\']您需要选择一个短代码[/pwd_protected_post]">文章密码保护</option>
	<option value="【collapse title=\'说明文字\'][/collapse]">展开/收缩按钮</option>
</select>';
}
if (current_user_can('edit_posts')  current_user_can('edit_pages')) {
	add_action('media_buttons', 'QGG_select', 11);
}
 
function QGG_button() {
echo '<script type="text/javascript">
	jQuery(document).ready(function(){
		jQuery("#short_code_select").change(function(){
			send_to_editor(jQuery("#short_code_select :selected").val());
			return false;
		});
	});
</script>';
}
add_action('admin_head', 'QGG_button');

2,按钮的添加,直接复制下面的代码添加在上面代码中间即可

<option value="请选择一个短代码!!!">插入短代码</option>

&nbsp;

注意事项:

1,将 value 值改为你需要填入的短代码,“插入短代码”文字改为你按钮的显示名称即可

2,注意引号的转义( ‘ → \’ )

 

这几篇文章你可能也喜欢:

本文由主机参考刊发,转载请注明:纯代码实现WordPress后台文章编辑器下拉式短代码,添加下拉式短代码选择,WordPress技巧分享 https://zhujicankao.com/3695.html

【腾讯云】领8888元采购礼包,抢爆款云服务器 每月 9元起,个人开发者加享折上折!
打赏
转载请注明原文链接:主机参考 » 纯代码实现WordPress后台文章编辑器下拉式短代码,添加下拉式短代码选择,WordPress技巧分享
主机参考仅做资料收集,不对商家任何信息及交易做信用担保,购买前请注意风险,有交易纠纷请自行解决!请查阅:特别声明

评论 抢沙发

评论前必须登录!