首页 » 博文 » wpbeginner » 初学指南 » 如何在 WordPress 中轻松缩进段落

如何在 WordPress 中轻松缩进段落

您想在 WordPress 中添加空格或缩进段落吗?虽然大部分文本都是左对齐的,但在某些情况下,您可能需要缩进段落以改进排版和更好的阅读体验。在本文中,我们将向您展示如何在 WordPress 中轻松缩进段落。

如何在 WordPress 中缩进段落

方法 1:使用可视化编辑器中的缩进文本按钮

默认情况下,大多数WordPress 主题将显示从右到左语言的左对齐或右对齐的段落。

如果您想缩进段落,则可以通过单击可视化编辑器中的增加缩进按钮来手动执行此操作。这将在段落左侧添加间距。

WordPress 编辑器中增加缩进和减少缩进按钮

如果您想要缩进多个段落,则需要选择这些段落,然后单击增加缩进按钮。

您可以多次单击添加缩进以增加间距。例如,如果您单击它两次,那么缩进间距就会加倍。

您还可以通过单击减少缩进按钮来减少间距。

方法 2:使用文本编辑器手动缩进段落

使用可视化编辑器中的缩进文本按钮是在 WordPress 中缩进段落的最简单方法。但是,这不允许您控制要添加的间距量。

更高级的用户可以切换到文本编辑器并手动添加间距。您需要做的就是将文本包裹在段落标记 <p> 和 </p> 标记周围,然后将内联CSS添加到段落文本,如下所示:

<p style="padding-left:25px;">Your paragraph text goes here...</p>

使用内联 CSS 手动缩进段落

此方法允许您控制要用作缩进的间距。如果您不需要经常缩进段落,则此方法效果最佳。但是,如果您经常缩进段落,那么这不是一个理想的解决方案。

方法 3:仅缩进段落的第一行

网页不使用文字处理程序或排版所使用的传统段落间距,后者仅缩进段落的第一行。

即使在 WordPress 中,当您缩进段落时,间距也会添加到整个段落中。

缩进段落中的所有行都会受到影响

一些网站(例如新闻、杂志网站或文学期刊)可能想要添加更传统的段落间距。在这种情况下,您需要将自定义 CSS添加到您的主题中。

首先,您需要访问外观»自定义以启动 WordPress 主题定制器。现在单击“其他 CSS”选项卡。

在 WordPress 中添加自定义 CSS

这将在左侧窗格中显示一个文本框,您可以在其中添加自定义 CSS。您需要在框中添加此 CSS 代码。

123p.custom-indent { text-indent:60px;}

WPCode与 ❤️ 主办

在 WordPress 中一键使用

此 CSS 代码只是告诉浏览器,如果一个段落具有 .custom-indent 类,则添加 60px 作为文本缩进。

您现在可以在 WordPress 中编辑帖子并切换到文本编辑器。接下来,将段落包装在 <p class=”custom-indent”> 和 </p> 标记内,如下所示:

<p class="custom-indent">Your paragraph text goes here...</p>

完成后,您可以预览您的帖子,您将看到只有段落的第一行前面有空格。

在 WordPress 中仅缩进段落的第一行

如果您只想缩进几个段落,则此方法会很有效。但是,如果您想将此样式添加到网站上的所有段落,那么您只需更改自定义 CSS,如下所示:

123article p { text-indent:60px;}

WPCode与 ❤️ 主办

在 WordPress 中一键使用

此 CSS 规则将自动缩进 WordPress帖子或页面内所有段落的第一行。

我们希望本文能帮助您了解如何在 WordPress 中缩进段落。您可能还想查看我们关于掌握 WordPress 可视化编辑器的提示。

发表评论

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

Scroll to Top