如何在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-10-30
  • WordPress 基础知识

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

閱讀更多
  • 2024-09-27
  • WordPress 基础知识

多年来,我们管理过数个 WordPress 多站点网络。实际操作中我们发现,拥有合适权限来管理所有网站的合适人员,可以极大地提高效率。而这正是超级管理员用户角色发挥作用的地方。然而,在 WordPress 多站点中添加超级管理员用户与在单一站点中添加新用户略有不同。对于初学者来说,这个过程可能有些困惑。文章中,我们将向您展示如何在 WordPress 多站点中添加超级管理员用户角色,提供两个简单的方法,并附加一些关于如何妥善保护 WordPress 多站点的技巧。

閱讀更多
  • 2024-08-25
  • WordPress 基础知识

人工智能 (AI) 的话题热度不减,许多人开始好奇如何利用人工智能来创建自己的 WordPress 网站。AI 承诺简化网站制作过程,加快创作速度,甚至启发新灵感,但如此多的工具让人无从下手。WPressize Me 经过广泛实验,探索 AI 如何提升 WordPress 体验,从 AI 页面构建器到内容生成器,并在此为您分享发现与方法。

閱讀更多

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