如何修改WordPress经典编辑器的默认高度?

boke112百科有一个使用WordPress搭建的小网站,文章内容就是几个字不到一行,但是每次使用经典编辑器编辑文章时,都觉得编辑器默认高度太高了,影响了我添加文章摘要和其他属性,有没有办法修改WordPress经典编辑器的默认高度呢?

经过查看源代码,发现WordPress经典编辑器的高度是直接在id="content_ifr"的iframe中设定高度为300px(height:100px)。具体如下图红色箭头所示:

所以想要修改WordPress经典编辑器的高度,那么我们只需要在后台页面添加一个CSS代码,设置id="content_ifr"的iframe高度为我们想要的高度即可。CSS代码如下:

复制代码
<style>#content_ifr {height:100px!important;}</style>

接下来我们只需要将这个CSS代码添加到WordPress后台页面即可,只需要将以下代码添加到当前主题的functions.php文件中并保存更新文件即可。

复制代码
add_action('admin_head', 'custom_admin_editor_height');
function custom_admin_editor_height() {
echo '<style>#content_ifr {height:100px!important;}</style>';
}

当然,你也可以增加一个判断代码,设定只在文章编辑页面出现以上代码。

成功添加以上代码并更新文件后,再回到WordPress后台编辑页面,就可以看到经典编辑器的高度变成了100px。

如果你不想设置为100PX,只需要修改上述代码中的100px为自己想要的高度即可。

来源:如何修改WordPress经典编辑器的默认高度? - boke112百科

相关推荐
小短腿的代码世界9 小时前
Qt量化策略编辑器深度解析:从DSL解析到可视化编排的完整架构
qt·架构·编辑器
咬人喵喵9 小时前
五一劳动节 SVG 交互图文案例大全
低代码·微信·编辑器·交互·svg
啾啾啾66610 小时前
VScode用cookie登录时,输入cookie值后按回车没反应
ide·vscode·编辑器
syjy211 小时前
Polylang Pro WordPress多语言插件使用教程(含下载)
wordpress·wordpress插件
Misnice11 小时前
Cursor 常用快捷键总结
编辑器
WordPress学习笔记21 小时前
镌刻中式美学的高端WordPress主题
大数据·人工智能·wordpress
北漂的老猿1 天前
SEO&网络营销服务WordPress主题
wordpress
WordPress学习笔记1 天前
WordPress多语言外贸独立站
wordpress·wordpress多语言·wordpress独立站
望眼欲穿的程序猿1 天前
苹果系统使用VsCode开发QT
ide·vscode·编辑器
其实防守也摸鱼1 天前
带你了解与配置phpmyadmin
笔记·安全·网络安全·pdf·编辑器·工具·调试