首页 » 博文 » wpbeginner » 初学指南 » 如何在 WordPress 中添加换行符(换行符)

如何在 WordPress 中添加换行符(换行符)

您想在 WordPress 中添加换行符,还是调整块之间的行距?

在大多数文字处理器中,您可以通过按几次 Enter 键轻松添加额外的空白行空间。您还可以通过格式设置选项在段落后创建双倍行距。然而,WordPress 块编辑器没有这些按钮。

在本文中,我们将向您展示如何在 WordPress 中轻松添加换行符。

如何在 WordPress 中添加换行符

在开始之前,重要的是要知道行距是由您使用的WordPress 主题控制的。

我们将向您展示如何在块编辑器中添加块之间的空间,然后我们将介绍如何更改主题中的行距(如果您对结果不满意)。

视频教程

https://www.youtube.com/embed/UJvFSfgmmag?version=3&rel=0&fs=1&showsearch=0&showinfo=1&iv_load_policy=1&wmode=transparent订阅 WPBeginner

https://www.youtube.com/subscribe_embed?usegapi=1&channel=wpbeginner&layout=default&count=default&origin=https%3A%2F%2Fwpbeginner.com&gsrc=3p&ic=1&jsh=m%3B%2F_%2Fscs%2Fapps-static%2F_%2Fjs%2Fk%3Doz.gapi.en.vQiXRrxCe40.O%2Fam%3DAQ%2Fd%3D1%2Frs%3DAGLTcCMBxIGVyXSdvvcs43a64yHt_P7dfg%2Fm%3D__features__#_methods=onPlusOne%2C_ready%2C_close%2C_open%2C_resizeMe%2C_renderstart%2Concircled%2Cdrefresh%2Cerefresh&id=I0_1448178294715&parent=https%3A%2F%2Fwpbeginner.com

如果您不喜欢该视频或需要更多说明,请继续阅读。

在块之间添加双行间距

当您按键盘上的Enter键(Windows)或Return键(Mac)来添加换行符时,WordPress 会将其视为一个新段落。

这意味着它会自动添加双行空间,前提是您的主题具有相应的样式(所有好的 WordPress 主题都是如此)。

在 WordPress 中添加双倍行距

只需转到内容编辑器并在该行后按 Enter 或 Return 键,然后在下一行中键入其他内容即可。

通过简单地执行此操作,根据您的主题样式,您应该可以看到段落之间的明显区别。

添加双行空间以在 WordPress 中创建段落

添加单行空间

现在,如果您正在编写地址之类的内容,那么您可能希望它是单倍行距而不是双倍行距。

单个空间预览

在这种情况下,您需要按 Windows 上的 SHIFT + ENTER 键或 Mac 上的 SHIFT + RETURN 键。

这将告诉 WordPress 您想要在现有段落中开始新行,因此它需要单行间距与双行间距。

修改行高和间距

有时,即使您在编辑器中添加了正确的行距,它也不会按照您希望的方式在主题中显示。

有两种方法可以修复它:

  1. 使用插件(最简单的方法)
  2. 手动使用 CSS 代码(更高级)

我们先来看看简单的方法。

使用插件添加行距

如果您想在无需学习代码的情况下对主题进行样式更改,那么使用CSS Hero这样的插件是最好的方法。

CSS Hero让您无需了解任何代码即可轻松更改 WordPress 网站的设计。

使用 CSS Hero 在 WordPress 中添加段落间距

您可以在我们完整的CSS Hero 评论中查看更多详细信息。

如果您想对主题进行更大的更改,例如移动侧边栏或添加页脚,那么拖放页面构建器插件将是更好的选择。页面构建器插件还可以让您进行一些小的调整,例如更改字体颜色或在 WordPress 中添加换行符。

不想使用插件,或者只需要更改这一点?那么手动 CSS 代码选项可能最适合您。

使用 CSS 代码手动更改段落间距

要在不使用插件的情况下手动添加换行符,您需要向主题添加一些CSS 。

CSS 基本上就像 Microsoft Word 中的格式设置功能。您将编写一些简单的 CSS 代码,而不是单击按钮。它并不像一些初学者想象的那么可怕。如果您只是按照说明进行操作,CSS 是非常容易理解的。

要将自定义 CSS 添加到您的主题,您需要访问外观 » 自定义页面。这将启动 WordPress 主题定制器,您需要单击左栏中的“附加 CSS”选项卡。

添加您的自定义 CSS

在自定义 CSS 框中,您需要添加以下 CSS 代码:

1.post p{line-height: 1.5em;}

WPCode与 ❤️ 主办

在 WordPress 中一键使用

添加自定义 CSS 以增加行高

上面显示的 CSS 规则会将段落内容的行间距更改为 1.5em。Em 是排版宽度单位。我们正在使用.postWordPress 自动添加到所有帖子的内容区域的类,以确保它只影响帖子而不影响其他地方使用的段落。

现在,这仅改变单个间距的间距。如果您想更改 WordPress 中的段落间距(即双倍间距),那么您需要添加填充。

1234.post p { line-height: 1.5em;padding-bottom: 15px;}

WPCode与 ❤️ 主办

在 WordPress 中一键使用

您可以随意调整数字以满足您的需求,并在 HTML 中添加双倍间距。

我们希望本文能帮助您在 WordPress 中添加换行符。您可能还想查看我们关于如何创建 WordPress 博客以及针对小型企业的最佳电子邮件营销服务的指南。

发表评论

您的电子邮箱地址不会被公开。 必填项已用*标注

Scroll to Top