如何在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

  • 2025-01-06
  • WordPress 基础知识

在经营网上商店时,Stripe提供了便利的支付方式,但其手续费可能会迅速累积,影响利润。在这篇文章中,我们将分享一些经过验证的策略,帮助您在不影响客户体验的情况下,减少WordPress中的Stripe交易费用。

閱讀更多
  • 2024-10-30
  • WordPress 基础知识

WordPress表单是连接访客和扩展受众的重要工具。无论是联系表单、调查问卷还是反馈表,嵌入到您网站中都是收集访客信息的快速便捷方式。我们在所有项目中都使用表单,从联系页面到新闻订阅甚至结账表单。在过程中,我们学习了嵌入WordPress表单所需的所有步骤,并将从头到尾引导您完成整个过程。

閱讀更多
  • 2024-10-16
  • WordPress 基础知识

同时运行多个网站听起来很酷, 直到你开始担心安全问题。许多用户忧心管理一个WordPress多站点可能需要花费更多时间在安全方面。这种担忧不无理由。我们见过单个弱点可以让整个网络内的每个站点面临风险。好消息是,只要采取正确的步骤,WordPress多站点是可以安全的。我们已经运行我们的多站点设置一段时间了,在本指南中,我们将分享我们试验并测试过的WordPress多站点安全提示,以帮助保护您的网络。

閱讀更多

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