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

相关推荐
今天也是爱大大的一天吖6 小时前
vscode迁移插件至cursor的三个法子
ide·vscode·编辑器·cursor
syjy26 小时前
Rank Math SEO PRO插件使用教程(含下载)
wordpress·wordpress建站
WordPress学习笔记8 小时前
用wordpress建GEO站群的可行性和优势分析
wordpress·geo
阴暗扭曲实习生9 小时前
135编辑器素材管理系统的技术架构
架构·编辑器
山峰哥1 天前
SQL优化实战:从索引策略到执行计划的极致突破
数据库·sql·性能优化·编辑器·深度优先
代龙涛1 天前
WordPress 主题开发指南:模板文件、函数与页面选型规则
开发语言·后端·php·wordpress
咬人喵喵1 天前
植树节主题核心 SVG 交互玩法 + 品牌 / 账号案例 + 组件 / 教程
前端·css·编辑器·svg·e2编辑器
阴暗扭曲实习生1 天前
基于135编辑器的SaaS/PaaS服务集成实践
java·编辑器·paas
夏至xz1 天前
类似 typora 的新一代 Markdown 编辑器
编辑器·typora·markdown·milkup·milkdown
White-Legend1 天前
我用GTP5.4写了一个飞书编辑器
人工智能·gpt·编辑器·飞书·ai编程