如何修改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百科

相关推荐
一木 之林13 小时前
手搓家庭服务器:二手装机、Docker部署、端口映射与frp内网穿透
服务器·人工智能·git·编辑器
东木月1 天前
PyCharm 集成 Claude Code 插件:安装、配置与使用指南
python·pycharm·编辑器
boke112百科2 天前
WordPress经典编辑器【插入至文章】按钮怎么调到右上角?
编辑器·wordpress·wordpress教程·经典编辑器
我要见SA姐12 天前
DeepSeek Harness 开源贡献手记:从 Issue 到 Merge 的完整旅程
ide·vscode·python·自动化·编辑器
我要见SA姐13 天前
用 Claude Code 重构遗留系统:从评估到落地的完整实践指南
数据库·ide·vscode·oracle·编辑器
MR.P_H_4 天前
CCS(Code Composer Studio)修改编码格式
编辑器
Rainy Blue8835 天前
从零搭建个人动态博客
博客·wordpress
golang学习记6 天前
Zed 新特性:这次继续抄VSCode
vscode·编辑器·zed
javgo.cn6 天前
Markune:一个开源的 Local-first Markdown 工作区
笔记·编辑器
hui-梦苑8 天前
[PHP]轻量主题函数WordPress 集成 KaTeX 数学公式渲染
开发语言·php·wordpress·katex