VPS参考测评推荐
专注分享VPS主机优惠信息
阿里云618年中促销

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

PacificRack20200501
主机参考:服务器测评参考推荐网,专注分享服务器优惠信息!如果您想在本站投放您的广告,点此直达!如果您不想付费,您也可以免费投稿您的产品信息,点此直达联系我们
部分文章发布时间较久远,可能存在未知因素,购买时建议在本博客搜索商家名称,可查看相关文章充分了解商家!若非中文页面可使用谷歌浏览器同步翻译!跑路不诚信商家列表

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

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

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

 

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

// 后台编辑器添加下拉式按钮
//https://zhujicankao.com/3695.html
function QGG_select(){
echo '
<select id="short_code_select">
	&lt;option value="请选择一个短代码!!!"&gt;插入短代码</option&gt;
	<option value="【ghide keyword=\'关键字\' key=\'验证码\']隐藏内容[/ghide]"&gt;公众号隐藏</option&gt;
	<option value="【pwd_protected_post key=\'保护密码\']您需要选择一个短代码[/pwd_protected_post]">文章密码保护</option>
	<option value="【collapse title=\'说明文字\'][/collapse]">展开/收缩按钮</option>
</select>';
}
if (current_user_can('edit_posts') &amp;&amp; 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,注意引号的转义( ‘ → \’ )

&nbsp;

打赏
转载请注明原文链接:主机参考 » 纯代码实现WordPress后台文章编辑器下拉式短代码,添加下拉式短代码选择,WordPress技巧分享
主机参考仅做资料收集,不对商家任何信息及交易做信用担保,购买前请注意风险,有交易纠纷请自行解决!

评论 抢沙发