纯代码实现WordPress后台文章编辑器下拉式短代码，添加下拉式短代码选择，WordPress技巧分享
建站教程
2022-10-13 03:20:48
374
(adsbygoogle = window.adsbygoogle || []).push({});
本站：VPS参考评测推荐，专注分享VPS服务器优惠信息！若您是商家也可以在本站进行投稿，查看详情！此外我们还提供软文收录、PayPal代付、广告赞助等服务，查看详情！
部分文章发布时间较久远，可能存在未知因素，购买时建议在本站搜索商家名称，可查看相关文章充分了解商家！若非中文页面可使用谷歌浏览器同步翻译！PayPal代付/收录合作
尽管 WordPress 5.0 之后的默认编辑器已经变成了块编辑器，但我仍然更喜欢经典的编辑器，所以让我们继续改造经典的编辑器吧
在后台增加个下拉选择以集合各个快捷按钮，添加完成后文章编辑器显示效果如下：
1，直接将下面的代码加在当前使用的主题 functions.php 文件中即可
// 后台编辑器添加下拉式按钮
//https://本站.com/3695.html
function QGG_select(){
echo '
<select id="short_code_select">
<option value="请选择一个短代码！！！">插入短代码</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>
注意事项：
1，将 value 值改为你需要填入的短代码，“插入短代码”文字改为你按钮的显示名称即可
2，注意引号的转义（ ‘ → \’ ）
(adsbygoogle = window.adsbygoogle || []).push({});
这几篇文章你可能也喜欢：
热网互联Hotiis，年底特惠活动，海外高质量免备案VPS云主机5折，中国香港/美国/日本数据中心，1核1G内存15Mbps带宽，低至20元/月，默认赠送5G DDOS防御
RAKsmart，黑色星期五特别优惠，特价独立主机/独服30美刀/月，全场VPS云主机/裸金属主机终身7折，美国/香港/日本/韩国数据中心，E3-1230处理器16G内存100Mbps带宽，30美刀/月
最新消息：GoDaddy近日向SEC美国证券交易委员会披露了一起黑客入侵事件，约120万账户信息因此次事件被泄露
99%的人不知道阿里云主机15%性能爆发式主机在无限模式下打开仍然有100%性能
#实时更新#最新2021年服务器商双十一活动汇总，国内外VPS服务器商双11促销优惠活动汇总，海外免备案VPS云主机/独立主机超大带宽无限流量双11活动
本文由本站刊发，转载请注明：纯代码实现WordPress后台文章编辑器下拉式短代码，添加下拉式短代码选择，WordPress技巧分享，https://本站.com/3695.html
如今做站的人不多了，多个朋友多条路子，加入站长论坛和大佬们同道交流，Tips：可以免费打广告哦~
点击立即加入>>
