WordPress经典编辑器【插入至文章】按钮怎么调到右上角?

我平时比较喜欢使用WordPress经典编辑器发布文章,而且几乎都是用"添加媒体 -- 从URL插入"方式添加图片。

前阵子修改了一些WordPress代码,实现在经典编辑器中点击【添加媒体】按钮,就自动打开"从URL插入"界面,而且还将对齐方式默认为"中",链接到默认为"无"。具体实现方法请参考以下教程:

现在在WordPress经典编辑器添加图片速度非常快,只需要添加图片名称即可,但是粘贴图片名称后还要移动鼠标到右下角点击【插入至文章】按钮,操作上感觉比较别扭。

我就想着是否可以将这个【插入至文章】按钮,调整到右上角显示,这样就可以在粘贴图片名称后,直接点击右上角的【插入至文章】按钮,这样操作就比较流畅了。

没想到实现方法很简单,不需要修改WordPress核心文件,只需要修改这个按钮的CSS代码即可。

如果你也想要这个功能,只需要将以下代码添加到当前主题的functions.php文件中并保存更新文件即可。

php 复制代码
// 将经典编辑器【插入至文章】按钮调整到右上角
add_action('admin_head', function () {
echo '<style>
.media-frame-toolbar {
right:49px!important;
top:0;
bottom: auto!important;;
}
.media-frame-title{width:300px;}
</style>';
});

记得清空后台浏览器缓存(或强制浏览器刷新),然后再在经典编辑器中点击【添加媒体】,看看这个【插入至文章】按钮是不是已经在右上角了,而且还不影响右上角的"X"按钮。

来源:WordPress经典编辑器【插入至文章】按钮怎么调到右上角? - 博客112

相关推荐
幸运小圣4 小时前
Buffer 新手入门【Node.js】
node.js·编辑器·vim
*wait for?9 小时前
VScode使用uv-创建python虚拟环境
ide·vscode·编辑器
lzx_00211 小时前
Linux 开发工具(二) 简单认识一下编辑器 —— vim
linux·编辑器·vim
golang学习记2 天前
VSCode AI完成任务的仪式感:撒礼花
ide·vscode·编辑器
mklpo1474 天前
在win7 sp1 系统上安装最新版 的 Visual Studio Code。2026-10-04
ide·vscode·编辑器
Highcharts.js5 天前
图表开发实战总结| 7 条“黄金法则”与“性能铁律”
前端·javascript·vue.js·编辑器·时序数据库·highcharts
广东帝工6 天前
智能防撞进入高增长周期:多技术融合推动桥梁防护从被动硬抗迈向主动预警时代
编辑器
object not found7 天前
WooCommerce 接入 KPay 后订单完成页不显示订单信息:returnUrl 动态参数问题解决
前端·wordpress·独立站支付
星辰徐哥9 天前
鸿蒙平台 KDevelop 集成开发环境适配实战:基于 Electron 壳方案的跨平台多语言代码编辑器开发
electron·编辑器·harmonyos
风华同学9 天前
vscode远程连接
ide·vscode·编辑器