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

相关推荐
leoufung14 分钟前
vim 多个关键字高亮插件介绍
linux·编辑器·vim
Hylan_J5 小时前
【VSCode】MicroPython环境配置
ide·vscode·python·编辑器
mcusun200010 小时前
VScode 使用Deepseek又方便又好用的另一款插件
ide·vscode·编辑器·deepseek
leoufung11 小时前
VIM FZF 安裝和使用
linux·编辑器·vim
CodeWithMe12 小时前
[ Vim ] 常用命令 and 配置
linux·编辑器·vim
莲动渔舟13 小时前
国产编辑器EverEdit - 洞察秋毫!内置文件比较功能!
编辑器·emeditor·notepad·everedit
waicsdn_haha16 小时前
Visual Studio Code 2025 安装与高效配置教程
c语言·ide·windows·vscode·微软·编辑器·win7
莲动渔舟18 小时前
国产编辑器EverEdit - 在编辑器中对文本进行排序
java·开发语言·编辑器
安冬的码畜日常2 天前
【Mastering Vim 2_05】第四章:深入理解 Vim 的结构化文本
编辑器·vim·undotree·文本编辑·ctags·youcompleteme·结构化文本
莲动渔舟2 天前
国产编辑器EverEdit - 语法着色及嵌入式多语言着色
编辑器·emeditor·notepad·everedit