您现在的位置是:首页 > 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后台进不去的解决方法
图文教程
利用fishpig_wordpress_integration插件整合WordPress到Magento
magento目录下新建子目录blog,上传wordpress文件到该目录,新建数据库magento_blog,也可以省略这一步,直接装在原数据库上,用前缀区分表.运行http://yourmagento.com/blog安
wordpress建站的方法
一、到官网下载wordpress程序,现在 新的版本是4.9.4,压缩包大小是9.39MB,wordpress现在已经有中文网站,看起来也很方便。
阿里云搭建WordPress博客的方法
第一步:首先你需要一台阿里云服务器ECS,如果你是学生,可以享受学生价9.5元/月 如果不是学生可以先领取优惠卷后再购买。
wordpress模版怎么用,WordPress主题安装方法
进入网站后台(一般是:域名/wp-admin),点击左侧菜单中的外观,然后点击主题,右侧会有“添加”按钮,点击“上传主题”并选择你要安装的主题压缩包
相关源码
-
工商注册财务代理记账类自适应pbootcms网站工商注册、财务代理记账企业打造的数字化门户模板,基于PbootCMS内核深度开发。采用前沿响应式架构,无缝适配手机端触控交互与PC端展示需求查看源码 -
(自适应)工业机械制造设备网站pbootcms模板下载为机械制造、工业设备类企业设计,特别适合各类机械设备、生产线、工业自动化产品展示。采用响应式技术,确保在不同设备上都能清晰展示机械产品的技术参数和细节特点。查看源码 -
(自适应响应式)宠物经验资讯咨询博客pbootcms网站源码下载除宠物资讯领域外,通过内容替换可快速适配宠物用品商城、宠物医疗咨询平台、宠物训练教程网站、动物保护组织官网、水族爱好者社区等垂直领域。查看源码 -
(自适应)高端集团跨国公司产业联盟机构网站模板免费下载基于PbootCMS内核开发的集团级企业网站模板,采用响应式设计架构,确保在各类移动设备上获得浏览体验。通过模块化布局与简约大气的视觉风格,帮助集团企业高效展示组织架构、发展历程和业务矩阵,建立专业的企业形象窗口。查看源码 -
自适应营销型IT网络工作室互联网建站公司pbootcms网站模板为IT网络服务商、建站企业打造的高性能营销门户,基于PbootCMS开源内核深度开发采用HTML5自适应架构,实现PC与手机端数据实时同步交互。查看源码 -
(自适应)宽屏大气红色机械设备pbootcms模板源码下载为机械设备制造企业设计的响应式网站模板,采用PbootCMS内核开发。宽屏布局突出设备展示效果,红色工业风格贴合机械行业属性,支持PC端与手机端自动适配查看源码
| 分享笔记 (共有 篇笔记) |

