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

相关推荐
console.log('npc')13 小时前
周期任务功能完整实现:CRON 编辑器 + 模板变量 + 执行历史
javascript·vue.js·编辑器
徐小夕@趣谈前端1 天前
Web 端 OFD 编辑器踩坑记:从“只能预览”到“在线改”
前端·编辑器
李纲明2 天前
WordPress 前台改完还是旧页:浏览器、CDN、页面缓存、对象缓存怎么分层清
缓存·cdn·wordpress·devdiy
Solange__2 天前
AI模型编辑器、Blender和3D Agent怎么选?按5类修改任务比较局部编辑、拓扑与自动化
人工智能·3d·自然语言处理·编辑器·音视频·blender·游戏策划
2601_954005623 天前
# ricon SVG 编辑器:工业图元的“军火工厂“
前端·物联网·数学建模·架构·编辑器·制造
李纲明3 天前
WordPress 结账页一直转圈不跳支付:AJAX、缓存排除、支付回调和 REST 怎么逐层核
运维·ajax·缓存·wordpress·woocommerce·devdiy·结账
dswfgds4 天前
开源项目吐槽大会:一篇技术文章的大纲设计
编辑器
李纲明4 天前
WordPress 安装或更新插件提示「无法创建目录」:权限、磁盘空间与 FS_METHOD 排查
wordpress·插件安装·devdiy·无法创建目录·fs_method
李纲明4 天前
WordPress 后台登录马上被踢回登录页:Cookie 域、HTTPS、盐值和页面缓存怎么查
运维·缓存·https·php·wordpress·cookie
用户60968624266084 天前
页面构建器做的页面翻译:短代码、区块、动态内容各自会踩什么坑
php·wordpress