您现在的位置是:首页 > cms教程 > WordPress教程WordPress教程
WordPress后台文章编辑器添加下拉式短代码选择的方法
路留时2023-06-16WordPress教程已有人查阅
导读虽然WordPress 5.0之后的默认编辑器已成为块编辑器,但个人更喜欢经典编辑器。 所以继续改造经典编辑器!

于是决定改变下快捷按钮的显示方式,在后台增加个下拉选择以集合各个快捷按钮。添加完成后文章编辑器显示效果如上:
直接将代码丢到主题 functions.php 文件中即可
// 后台编辑器添加下拉式按钮
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');
较后说下按钮的添加,直接复制新增代码中如下语句:
<option value="请选择一个短代码!!!">插入短代码</option>
将 value 值改为你需要填入的短代码,“插入短代码”文字改为你按钮的显示名称即可。注意引号的转义( ‘ → ’ )
本文标签:
很赞哦! ()
相关教程
- WordPress后台设置WordPress地址和站点地址的方法
- wordpress后台打开慢的解决方法
- WordPress后台上传自定义网站Logo的实现方法
- WordPress后台添加侧边栏菜单add_menu_page的实现方法
- wordpress后台登陆地址怎么修改
- WordPress后台MySQL操作命令整理
- WordPress后台功能菜单介绍与操作说明
- wordpress后台首页加载ajax.googleapis特别慢怎么办
- wordpress后台地址是什么
- wordpress后台登录地址怎么找,找wordpress后台登录网址的方法
- wordpress后台菜单错位的解决方法
- wordpress后台进不去的解决方法
图文教程
WordPress显示备案号的方法
备案时,需要显示备案号,而wordpress默认模板本身不带这个信息,为了更快速应付备案,解决方案如下:根据wp-config.php的提示选择菜单->设置->常规-编辑备案号信息
wordpress搬家迁移数据的方法
WordPress是一种使用PHP语言开发的博客平台,用户可以在支持PHP和MySQL数据库的服务器上架设属于自己的网站。
CentOS 7怎么安装WordPress
1、安装Apache web服务器安装Apache web服务器:yum install -y httpd启动Apache服务器systemctl start httpd使用浏览器打开检查Apache安装是否成功。成功后,浏览器显示如
手机怎么访问本地电脑环境中的wordpress网页
如何手机访问本地电脑下的wordpress网页手机和电脑必须在同一个局域网内。1.需要知道自己电脑的ip ,可以通过ifconfig查看,端口号要知道,可以在mamp软件中查看服务的端口。
相关源码
-
(自适应响应式)高新技术科技能源pbootcms网站HTML5模板本模板基于PbootCMS内核开发,为高新技术、科技研发、能源技术等科技型企业设计。采用HTML5+CSS3前沿技术,具备完善的响应式布局,能够自动适配手机、平板和电脑等多种终端设备。模板设计风格简约大气查看源码 -
自适应新闻资讯技术博客个人网站pbootcms模板该模板基于PbootCMS开源内核深度开发,该模板适用于游戏新闻网站、游戏博客等企业或个人网站,新闻资讯技术博客pbootcms模板;采用六级分辨率断点适配技术查看源码 -
(自适应响应式)蓝色律师事务所法务团队网站pbootcms模板为律师事务所和法律服务机构打造的专业网站模板,展现法律专业性与权威性,手工编写标准DIV+CSS代码,结构清晰优化,确保高效运行,自动适配电脑、平板和手机等各类设备,提供更好浏览体验查看源码 -
响应式HTML5家居建材办公家具桌椅pbootcms模板为家居建材、办公家具企业打造的响应式网站模板,同时支持多行业快速适配通过替换文字图片即可转型为其他行业官网,大幅降低开发成本。查看源码 -
(自适应响应式)绿色环保防腐木材轻钢别墅建材pbootcms模板下载本模板为环保防腐木材、轻钢别墅建材类企业设计开发,基于PbootCMS内核构建,充分考虑了建材行业的展示需求与产品特点。模板设计风格自然环保,布局清晰合理,呈现建材产品特性与专业优势,帮助访客直观了解产品特点并建立信任感。查看源码 -
(PC+WAP)红色厨具厨房用品设备pbootcms模板源码下载为厨具设备企业设计的响应式网站模板,采用PbootCMS内核开发,适用于商用厨房设备、家用厨具、厨房用品等企业展示。模板包含产品展示、新闻动态、案例中心等标准模块,助您快速搭建专业级行业网站。查看源码
| 分享笔记 (共有 篇笔记) |

