WordPress 是一款非常流行的博客平台,它可以帮助我们轻松地创建一个个性化的博客。在使用 WordPress 时,我们可能需要更改字体大小,这可以让我们的文章更加易读和吸引人。
网上更改文章字体大小的教程,概况起来无非就是这三种方法:使用段落标题、使用插件(如TinyMCE),以及使用自定义CSS代码。
下面十一张(www.11zhang.com)简单介绍一下最简单、最安全的方法:使用自定义CSS代码来更改文章字体大小。
自定义CSS代码
只需将下面的自定义CSS代码添加到 WordPress 主题中即可:
.post-content li {
list-style-position: inside
}
.post-content p {
margin-bottom: 10px;
line-height: 2;
word-wrap: break-word;
font-size: 17px;
}

简单解释一下代码的含义:
代码 | 含义 |
|---|---|
margin-bottom: 10px | 添加了底部间距,为每个段落创建了10像素的空白空间 |
line-height: 2 | 设置行高为字体大小的2倍,增加了文本行之间的间距 |
word-wrap: break-word | 允许长单词在超出容器宽度时断行并换行到下一行 |
font-size: 17px | 设置字体大小为17像素 |
另外,需要注意的是,不同的 WordPress 主题有不同的HTML结构和CSS类名。以下是一些常见的选择器示例。
●文章正文内容:.post .entry-content, .article-body, .post-content等。
●针对所有文章页面(包括列表和单篇文章):.post 或者 .entry-content
●只针对单篇文章页面:.single .entry-content
因此,最准确的方法是使用浏览器的检查工具(右键点击文章内容,选择“检查”)查看实际应用在文章内容上的类名,然后根据这些类名编写CSS选择器。
![图片[2]-如何更改 WordPress 站点文章字体的大小-十一张](https://www.11zhang.com/wp-content/uploads/2023/06/c0c9b7d3fe20250722161222.webp)
例如,我的网站用的Zibll子比主题,选择器为:wp-posts-content,如下图,修改文章字体大小代码如下:
/*更改文章字体大小 结束*/
.wp-posts-content li {
list-style-position: inside
}
.wp-posts-content p {
margin-bottom: 10px;
line-height: 2;
word-wrap: break-word;
font-size: 17px;
}
/*更改文章字体大小 结束*/
![图片[3]-如何更改 WordPress 站点文章字体的大小-十一张](https://www.11zhang.com/wp-content/uploads/2023/06/8f921a1c4120250722161222.png)
温馨提示:本文最后更新于
2025-07-24 21:59:21,某些文章具有时效性,若有错误或下载地址失效,请在文末评论区留言THE END






















暂无评论内容