如何在WordPress中添加换行(新的行间距)

最近有用户询问我们是否有方法在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主题的指南。



Related Posts

  • 2024-07-28
  • WordPress 基础知识

WordPress主题定制器提供了出色的功能,使你无需触碰代码即可创建一个视觉上吸引人的站点。然而,导航各种自定义选项有时可能让人觉得不知所措。在这篇文章中,我们将引导你了解默认面板,并教你如何像专业人士一样使用WordPress主题定制器。

到文章结尾,你将能够使你的网站看起来更加精致和专业。

閱讀更多
  • 2024-07-26
  • WordPress 基础知识

默认情况下,WordPress会在30天后自动删除垃圾箱中的内容。然而,有些用户可能希望更频繁或手动清空垃圾箱。在本文中,我们将向您展示如何限制或禁用WordPress自动清空垃圾箱。

閱讀更多
  • 2024-07-23
  • WordPress 基础知识

您是否想在WordPress博客文章中嵌入视频?视频可以为您的网站带来活力,并且是增加用户参与度的绝佳方式。WordPress使得从YouTube、Vimeo、Facebook、Twitter等视频托管网站嵌入视频变得非常简单。在这个初学者指南中,我们将向您展示如何在WordPress博客文章、页面和侧边栏小部件中轻松嵌入视频。

閱讀更多

{"email":"Email address invalid","url":"Website address invalid","required":"Required field missing"}
>