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

相关推荐
iCxhust17 小时前
8088单板机VScode集成开发环境使用方法
ide·笔记·vscode·编辑器·微机原理·8088单板机
流浪打工人20 小时前
Unity3D编辑器初始化场景物体
编辑器
Molesidy20 小时前
【VSCode】基于win10系统老版本和VSCode最新版本下出现的VSCode内置的终端窗口不能运行的问题的解决方案
ide·vscode·编辑器
Web极客码1 天前
如何让用户订阅WordPress评论?提升用户互动的有效策略
运维·服务器·wordpress
fobwebs1 天前
Wordpress Xstore 主题安装Elementor Pro 后找不到某些Elements 组件的解决方法
element·wordpress·form·xstore·pro elements·elementor pro
weixin_469273812 天前
.md文件是什么?.md如何打开?
前端·编辑器
代龙涛2 天前
WordPress sidebar.php 侧边栏开发教程
开发语言·php·wordpress
W_chuanqi2 天前
VSCode + Claude Code + DeepSeek:打造 AI 编程神器
ide·vscode·编辑器·ai编程
凌云拓界2 天前
NodeVerdict | .ndv 二进制格式:为 WASM 解码器设计的紧凑布局
安全·架构·开源·node.js·编辑器·软件工程·wasm
New_Horizons6663 天前
远程linux终端中支持vscode的code命令
ide·vscode·编辑器