前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >WordPress后台文章编辑器添加下拉式短代码选择

WordPress后台文章编辑器添加下拉式短代码选择

作者头像
于飞云计算
修改2019-06-24 17:43:27
7410
修改2019-06-24 17:43:27
举报
文章被收录于专栏:技术经验分享技术经验分享

今天全百科网给大家分享的是WordPress后台文章编辑器如何添加下拉式短代码选择样式。

效果截图

WordPress后台文章编辑器添加下拉式短代码选择
WordPress后台文章编辑器添加下拉式短代码选择

改造方法

然后奉上改造代码,直接将代码丢到主题 functions.php 文件中即可。

代码语言:javascript
复制
// 全百科网 后台编辑器添加下拉式按钮
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');

最后说下按钮的添加。直接复制新增代码中如下语句:

代码语言:javascript
复制
<option value="请选择一个短代码!!!">插入短代码</option>

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

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

本文系转载,前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文系转载前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 效果截图
  • 改造方法
相关产品与服务
验证码
腾讯云新一代行为验证码(Captcha),基于十道安全栅栏, 为网页、App、小程序开发者打造立体、全面的人机验证。最大程度保护注册登录、活动秒杀、点赞发帖、数据保护等各大场景下业务安全的同时,提供更精细化的用户体验。
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档