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

相关推荐
我要见SA姐118 小时前
DeepSeek Harness 开源贡献手记:从 Issue 到 Merge 的完整旅程
ide·vscode·python·自动化·编辑器
我要见SA姐12 天前
用 Claude Code 重构遗留系统:从评估到落地的完整实践指南
数据库·ide·vscode·oracle·编辑器
MR.P_H_3 天前
CCS(Code Composer Studio)修改编码格式
编辑器
Rainy Blue8834 天前
从零搭建个人动态博客
博客·wordpress
golang学习记5 天前
Zed 新特性:这次继续抄VSCode
vscode·编辑器·zed
javgo.cn5 天前
Markune:一个开源的 Local-first Markdown 工作区
笔记·编辑器
hui-梦苑7 天前
[PHP]轻量主题函数WordPress 集成 KaTeX 数学公式渲染
开发语言·php·wordpress·katex
VIP_CQCRE7 天前
用 Ace Data Cloud 把 WordPress 变成你的 AI 内容营销中枢
ai·seo·wordpress·内容营销·ace data cloud
零基础的修炼8 天前
CUDA知识汇总
开发语言·c++·编辑器