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

相关推荐
Magnum Lehar6 小时前
ApophisZerg游戏引擎项目目录展示
人工智能·vscode·编辑器·游戏引擎
设计源10 小时前
尝试通过DeepSeek来优化提高WordPress网站的打开速度,还真有效!
wordpress·deepseek
亦双城的双子娴11 小时前
基于ueditor编辑器的功能开发之重写ueditor的查找和替换功能,支持滚动定位
编辑器
电子云与长程纠缠12 小时前
Unreal Niagara制作SubUV贴图翻页动画
学习·ue5·编辑器·贴图·niagara
帅云毅15 小时前
文件上传--解析漏洞和编辑器
笔记·学习·安全·web安全·编辑器·php
编程猪猪侠15 小时前
VSCode如何修改默认扩展路径和用户文件夹目录到其他盘以及微信开发工具如何修改扩展路径到其他盘
ide·vscode·编辑器
哈哈幸运16 小时前
Linux Sed 深度解析:从日志清洗到 K8s 等12个高频场景
linux·运维·编辑器·sed
姜太小白16 小时前
【VSCode】VS Code自动换行设置方法
ide·vscode·编辑器
●^●21 小时前
Linux 命令行与 vi/vim 编辑器完全指南
linux·编辑器·vim
Kusunoki_D1 天前
使用 VSCode 编写 Markdown 文件
vscode·编辑器·markdown