!
也想出现在这里? 联系我们
广告位
当前位置:首页>技术分享>网站运维>WordPress 后台文章编辑器添加下拉式短代码选择

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

虽然 WordPress 5.0 之后默认的编辑器变成了块编辑器,但是个人还是倾向于经典编辑器。所以说还是继续对经典编辑器进行改造吧!熟悉我博客的朋友们应该知道,博客之前发布过一些对后台编辑器进行改造的文章,比如:

  • WordPress添加文章密码保护功能
  • 纯代码为网站添加公众号涨粉功能
  • 纯代码实现WordPress文章页展开收缩功能
  • 网站新增彩色警示文本框
  • DUX主题为亮点功能添加快捷按钮

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

之前发布的这些文章添加的按钮大多是通过 QuicktagsAPI 添加的,关于 QuicktagsAPI 大家有兴趣的可以查看下这篇文章>>> 使用QuicktagsAPI为WP文本编辑器添加快捷按钮 。随着后台文章编辑器添加的功能增多,发现两个问题:① 过多的快捷按钮占用了文章编辑器空间;② 每次都要切换到文本编辑器调用快捷按钮比较麻烦。

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

于是决定改变下快捷按钮的显示方式,在后台增加个下拉选择以集合各个快捷按钮。添加完成后文章编辑器显示效果如下:

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

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

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

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

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

给TA打赏
共{{data.count}}人
人已打赏
网站运维

wp2wb—WordPress 同步微博插件

2022-9-7 12:31:34

网站运维

WordPress 主题添加最新更新文章列表功能

2022-9-7 12:32:16

声明 本站上的部份代码及教程来源于互联网,仅供网友学习交流,若您喜欢本文可附上原文链接随意转载。无意侵害您的权益,请发送邮件至 admin@s9h.cn 或点击右侧 私信:少羽 反馈,我们将尽快处理。
0 条回复A文章作者M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索