如何修改WordPress经典编辑器的默认高度?

devtools/2024/11/8 12:05:08/

boke112百科有一个使用WordPress搭建的小网站,文章内容就是几个字不到一行,但是每次使用经典编辑器编辑文章时,都觉得编辑器默认高度太高了,影响了我添加文章摘要和其他属性,有没有办法修改WordPress经典编辑器的默认高度呢?

经过查看源代码,发现WordPress经典编辑器的高度是直接在id=”content_ifr”的iframe中设定高度为300px(height:100px)。具体如下图红色箭头所示:

如何修改<a class=WordPress经典编辑器的默认高度?-第1张-boke112百科(boke112.com)" height="406" src="https://img-blog.csdnimg.cn/img_convert/609d68f67c2a95dc15253994d8612b07.png" width="720" />

所以想要修改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。

如何修改<a class=WordPress经典编辑器的默认高度?-第2张-boke112百科(boke112.com)" height="236" src="https://img-blog.csdnimg.cn/img_convert/f3c6021e7215d7b49a7a49fa181abc4e.png" width="720" />

如果你不想设置为100PX,只需要修改上述代码中的100px为自己想要的高度即可。

来源:如何修改WordPress经典编辑器的默认高度? - boke112百科 


http://www.ppmy.cn/devtools/132302.html

相关文章

Java:数据结构-再谈String类

字符串常量池 首先我们来思考这段代码&#xff0c;为什么运行结果一个是true&#xff0c;一个是false呢&#xff1f; public class Test {public static void main(String[] args) {String s1"123";String s2"123";String s3new String("555")…

Java Map介绍及实现原理

一、Map 介绍 在 Java 中&#xff0c;Map是一个接口&#xff0c;用于存储键值对&#xff08;key-value pairs&#xff09;。它提供了一系列方法来操作键值对&#xff0c;如添加、获取、删除等。Map的主要特点是可以根据键快速查找对应的值&#xff0c;非常适合需要通过特定标识…

Oracle Sql查询和性能优化(持续更新)

目录 索引优化 查询重写 EXISTS vs. IN 避免全表扫描 合理使用UNION操作符 优化子查询 执行计划分析 表设计优化 规范化与反规范化 分区表 存储参数调整 SGA配置 共享池 数据缓冲区 SGA自动管理 PGA配置 RAID配置 日志文件优化 性能诊断工具 AWR ASH 定期…

lua入门教程:lua函数

1. 定义函数 在 Lua 中&#xff0c;你可以使用 function 关键字来定义一个函数。以下是一个简单的例子&#xff1a; -- 定义一个名为 add 的函数&#xff0c;接受两个参数 a 和 b function add(a, b)return a b end你也可以使用匿名函数&#xff08;lambda 函数&#xff09;…

Ethernet 系列(8)-- 基础学习::ARP

目录 1. ARP的目的&#xff1a; 1.1 什么是ARP 1.2 什么时候用ARP 2. ARP如何工作&#xff1a; 2.1 主机-主机的直接通信 2.2 主机-路由-主机的间接通信 3. ARP header&#xff1a; 1. ARP的目的&#xff1a; 1.1 什么是ARP: ARP-地址解析协议&#xff0c;是第3层地址&#xff…

80后聊架构:架构设计中两个重要指标,延时与吞吐量(Latency vs Throughput) | 架构师之路...

《架构师之路&#xff1a;架构设计中的100个知识点》 3.延时与吞吐量 有朋友问我说&#xff0c;架构优化时&#xff0c;什么时候要重点优化延时&#xff0c;什么时候要重点优化吞吐量&#xff1f; 画外音&#xff1a;补充阅读材料在最后。 延时&#xff08;Latency&#xff09;…

【NOIP提高组】合唱队形

【NOIP提高组】合唱队形 C语言Java &#x1f490;The Begin&#x1f490;点点关注&#xff0c;收藏不迷路&#x1f490; N位同学站成一排&#xff0c;音乐老师要请其中的(N-K)位同学出列&#xff0c;使得剩下的K位同学排成合唱队形。 合唱队形是指这样的一种队形&#xff1a;设…

LeetCode :150. 逆波兰表达式求值(含求后缀表达式和中缀转后缀表达式)

目录 题目描述: 代码: 拓展: 中缀表达式转后缀表达式代码: 题目描述: 给你一个字符串数组 tokens &#xff0c;表示一个根据 逆波兰表示法 表示的算术表达式。 请你计算该表达式。返回一个表示表达式值的整数。 注意&#xff1a; 有效的算符为 、-、* 和 / 。每个操作数…