您想在 WordPress 中添加换行符,还是调整块之间的行距?
在大多数文字处理器中,您可以通过按几次 Enter 键轻松添加额外的空白行空间。您还可以通过格式设置选项在段落后创建双倍行距。然而,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 主题都是如此)。
只需转到内容编辑器并在该行后按 Enter 或 Return 键,然后在下一行中键入其他内容即可。
通过简单地执行此操作,根据您的主题样式,您应该可以看到段落之间的明显区别。
添加单行空间
现在,如果您正在编写地址之类的内容,那么您可能希望它是单倍行距而不是双倍行距。
在这种情况下,您需要按 Windows 上的 SHIFT + ENTER 键或 Mac 上的 SHIFT + RETURN 键。
这将告诉 WordPress 您想要在现有段落中开始新行,因此它需要单行间距与双行间距。
修改行高和间距
有时,即使您在编辑器中添加了正确的行距,它也不会按照您希望的方式在主题中显示。
有两种方法可以修复它:
- 使用插件(最简单的方法)
- 手动使用 CSS 代码(更高级)
我们先来看看简单的方法。
使用插件添加行距
如果您想在无需学习代码的情况下对主题进行样式更改,那么使用CSS Hero这样的插件是最好的方法。
CSS Hero让您无需了解任何代码即可轻松更改 WordPress 网站的设计。
您可以在我们完整的CSS Hero 评论中查看更多详细信息。
如果您想对主题进行更大的更改,例如移动侧边栏或添加页脚,那么拖放页面构建器插件将是更好的选择。页面构建器插件还可以让您进行一些小的调整,例如更改字体颜色或在 WordPress 中添加换行符。
不想使用插件,或者只需要更改这一点?那么手动 CSS 代码选项可能最适合您。
使用 CSS 代码手动更改段落间距
要在不使用插件的情况下手动添加换行符,您需要向主题添加一些CSS 。
CSS 基本上就像 Microsoft Word 中的格式设置功能。您将编写一些简单的 CSS 代码,而不是单击按钮。它并不像一些初学者想象的那么可怕。如果您只是按照说明进行操作,CSS 是非常容易理解的。
要将自定义 CSS 添加到您的主题,您需要访问外观 » 自定义页面。这将启动 WordPress 主题定制器,您需要单击左栏中的“附加 CSS”选项卡。
在自定义 CSS 框中,您需要添加以下 CSS 代码:
1 | .post p{ line-height : 1.5em ;} |
由
上面显示的 CSS 规则会将段落内容的行间距更改为 1.5em。Em 是排版宽度单位。我们正在使用.post
WordPress 自动添加到所有帖子的内容区域的类,以确保它只影响帖子而不影响其他地方使用的段落。
现在,这仅改变单个间距的间距。如果您想更改 WordPress 中的段落间距(即双倍间距),那么您需要添加填充。
1234 | .post p { line-height : 1.5em ; padding-bottom : 15px ; } |
由
您可以随意调整数字以满足您的需求,并在 HTML 中添加双倍间距。
我们希望本文能帮助您在 WordPress 中添加换行符。您可能还想查看我们关于如何创建 WordPress 博客以及针对小型企业的最佳电子邮件营销服务的指南。