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

对于资深站长使用肯定经常 WordPress 文章编辑功能,但是对于幸好经常折腾的博主,就非常清楚 WordPress 默认的编辑器非常差劲,可视化界面显得有点中规中矩使用极其不方便,文本模式又不够强大非常鸡肋,但是幸好 wordprees 为我们提供了强大扩展功能,都喜欢添加自定义丰富主题的功能。以前发布的这些文章添加的按钮大多是通过 QuicktagsAPI 添加的,关于 QuicktagsAPI 大家有兴趣的可以查看下这篇文章>>> 使用 QuicktagsAPI 为 WP 文本编辑器添加快捷按钮 。随着后台文章编辑器添加的功能增多,发现两个问题:① 过多的快捷按钮占用了文章编辑器空间;② 每次都要切换到文本编辑器调用快捷按钮比较麻烦。
WordPress 文章编辑器添加下拉式短代码选择-云模板如上图编辑器上部一堆按钮,难看不说寻找也比较麻烦,于是决定改变下快捷按钮的显示方式,在后台增加个下拉选择以集合各个快捷按钮,添加完成后文章编辑器显示效果如下:
WordPress 文章编辑器添加下拉式短代码选择-云模板那么我们就奉上改造代码,直接将代码丢到主题 functions.php 文件中即可:

  1. // 后台编辑器添加下拉式按钮
  2. function wzt_select(){
  3. echo '
  4. <select id="short_code_select">
  5. <option value="请选择一个短代码!!!">插入短代码</option>
  6. <option value="【ghide keyword='关键字' key='验证码']隐藏内容[/ghide]">公众号隐藏</option>
  7. <option value="【pwd_protected_post key='保护密码']您需要选择一个短代码[/pwd_protected_post]">文章密码保护</option>
  8. <option value="【collapse title='说明文字'][/collapse]">展开/收缩按钮</option>
  9. </select>';
  10. }
  11. if (current_user_can('edit_posts') && current_user_can('edit_pages')) {
  12. add_action('media_buttons', 'wzt_select', 11);
  13. }
  14. 
    
  15. function wzt_button() {
  16. echo '<script type="text/javascript">
  17. jQuery(document).ready(function(){
  18. jQuery("#short_code_select").change(function(){
  19. send_to_editor(jQuery("#short_code_select :selected").val());
  20. return false;
  21. });
  22. });
  23. </script>';
  24. }
  25. add_action('admin_head', 'wzt_button');

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

  1. <option value="请选择一个短代码!!!">插入短代码</option>

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

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

原创文章,作者:DavidWu,如若转载,请注明出处:https://www.davidwu.net/archives/96541

WordPress安全防护插件
服务项目 服务内容 收费标准(元)
开发定制 WordPress主题/插件开发定制 (以最终需求为准)
主题/插件汉化 汉化团队WordPress主题/插件,翻译率95% (以标的主题/插件的句子数量为准)
服务器环境配置 基于您现有服务器,搭建配置网站运行环境,结合我们多年来实战经验,可完美支持WordPress等PHP程序运行,并配置伪静态规则、优化目录权限等问题。服务器我们强烈推荐使用Linux系统。 100元/次
网站托管 若贵站目前尚无技术人员,无法完成服务器环境配置,可选择我们的网站托管服务,直接交付正常运行的WordPress站点,并且无需担心服务器的后续维护工作,一切都由我们来帮您完成。 标配套餐:1000元/年/站点 高配套餐:联系客服获取
网站加速优化 从服务器后端配置优化到WordPress数据库缓存、前端页面缓存、JS和CSS压缩合并,全方位优化网站加载速度,实现秒开。(此服务仅针对(云)服务器/VPS) 500元/次(仅站内优化200元/次)
主题配置 本站所有主题均支持,可快速实现,若有任何问题可以咨询客服解决,若您希望我们提供配置服务,可选购此服务。 英文主题安装 60元/次 汉化主题安装 30元/次
HTTPS配置 HTTPS已经不断普及,并且有着更高的安全性以及SEO上的优待。该服务收取的为服务费,SSL证书产生的费用请自行承担。 100元/次
网站搬家 迁移网站所有文件和数据库信息、网站相关配置的调整、以及迁移中的疑难问题故障排除。 标准收费:500元/次 若网站数据量大,需协商
网站运维 提供整站的运维服务,保证网站正常运行。包含:网站故障定位及排除、网站数据备份和恢复、网站攻击及木马等问题的处理等 标准收费:2000元/年 IP 5000以上需协商

发表评论

电子邮件地址不会被公开。 必填项已用*标注

51建站客服微信二维码
点击这里购买