最近有用户询问我们是否有方法在WordPress中添加换行或调整区块之间的行间距。
在大多数文字处理器中,你可以通过按几次回车键轻松添加额外的空白行空间。你还可以从格式选项中创建段落后的双倍行距。然而,WordPress的区块编辑器没有那些按钮。
在本文中,我们将向您展示如何轻松地在WordPress中添加换行。
在区块之间添加双倍行距
当你在键盘上按下Windows的Enter键或Mac的Return键时,WordPress会将其视为一个新段落。这意味着它将自动添加双倍行距,前提是你的主题具有相应的样式(所有好的WordPress主题都具备)。
只需进入内容编辑器,按下行尾的Enter或Return键,然后在下一行输入其他内容。这样做后,根据你的主题样式,你应该能看到段落之间的明显区分。
添加单倍行距
如果你在写一些像地址之类的内容,你可能希望它在WordPress网站上是单倍行距而不是双倍行距。
在这种情况下,你需要在Windows上按下SHIFT + ENTER键,或者在Mac上按下SHIFT + RETURN键。这将告诉WordPress你希望在现有段落内开始换行,因此需要单倍行距而不是双倍行距。
修改行高和间距
有时候,即使你在编辑器中添加了正确的行间距,也可能在主题中不会按你的需求显示。有两种方法来修正它:
- 使用插件(简单方法)
- 手动添加CSS代码(更高级)
首先来看一下简单的方法。
使用插件添加行间距
如果你想在不学习代码的情况下对主题进行样式更改,使用插件如CSS Hero是最好的方式。CSS Hero使得无需知道代码就能轻松更改你网站的设计。
如果你想对主题进行更大的更改,如移动侧边栏或添加页脚,那么拖放页面构建器插件会是更好的选择。页面构建器插件还允许你进行小调整,如更改字体颜色或在WordPress中添加换行。
如果你不想使用插件,或者只是需要进行此更改,那么手动添加CSS代码可能是最适合你的。
使用CSS代码手动更改段落间距
要手动添加换行而不使用插件,你需要将一些CSS添加到你的主题中。CSS基本上就像Microsoft Word中的格式功能。不同的是,你将编写一些简单的CSS代码。对于初学者来说,CSS并不可怕。只需按照指示,它非常容易理解。
要向主题添加自定义CSS,你需要访问“外观”»“自定义”页面。这将启动WordPress主题定制器,你需要点击左栏中的‘额外CSS’标签。
在自定义CSS框中,添加以下CSS代码:
.post p {line-height: 1.5em;}
上面的CSS规则将段落内容的行间距更改为1.5em。Em是排版的单位宽度。我们使用.post类,这是WordPress自动添加到所有帖子内容区域的类,以确保它只影响帖子而不是其他地方使用的段落。
这仅改变单行间距。如果你想更改WordPress中的段落间距(即双倍行距),你需要添加填充:
.post p {
line-height: 1.5em;
padding-bottom: 15px;
}
随意调整数字以满足你的需求并在HTML中添加双倍行距。
你还可以使用WPCode插件向你的网站添加自定义CSS。该插件使得插入和管理网站上的代码变得非常容易。
更多详细信息,请参阅我们关于如何向你的网站添加自定义CSS的指南。
我们希望这篇文章能帮助你在WordPress中添加换行。你可能还想查看我们关于如何使用WordPress区块模式和最佳的Gutenberg友好WordPress主题的指南。