WordPress以对用户友好为荣,并且有充分的理由:WordPress的功能几乎是无数,其界面直观且易于理解,即使对于没有扎实的技术背景的用户也是如此。但是,根据您使用的编辑器的不同,有些效果可能需要花些力气才能实现。其中之一是用于Gutenberg块编辑器的段落缩进,尽管经常需要,但默认情况下它不是该段落块的功能。这并不意味着用古腾堡(Gutenberg)制作的WordPress网站不能有缩进的段落:这只是了解古腾堡(Gutenberg)选项的方式而已。幸运的是,您需要我们帮助您。
另一方面,“经典编辑器”使用户可以方便地更改段落缩进,以及可以利用的其他功能(以及可以轻松克服的限制)。我们还将在本文中介绍所有这些内容。
根据网站的样式和布局,段落缩进可以增强读者的体验,缩短行数,并可以提供美学价值。您还可以使用缩进来强调某些段落,这可能是更改字体大小或更改文本颜色的替代方法,如下例所示。
文本格式设置的这一明显被忽略的地方正是我们在本教程中要讨论的。我们将向您展示如何以几种不同的方式缩进WordPress中的段落:
如何在古腾堡中缩进段落
奇怪的是,古腾堡的段落块默认情况下不具有缩进功能。但是,有一种解决方法,其中包括不对文本使用段落块:您需要的块是经典块。
要将经典块添加到您的WordPress帖子中,请单击加号并在菜单中找到经典块。
我们在块中填充了占位符文本-Lorem Ipsum。这是预览中的外观:
现在,经典块在文本上方具有一些文本格式设置控件。为了增加和减少缩进量,请使用工具栏底部行中的增加/减少缩进量按钮。我们增加了两次缩进。
这就是您的文字在帖子中的表现方式。
现在,经典块的行为与段落块有所不同:Enter 键盘快捷键不会创建新块。它只会在您的文本中添加一个新行。这样,您可以将长文本格式化为具有相同缩进的单个Gutenberg经典块。
如何在经典编辑器中缩进段落
幸运的是,Classic编辑器具有用于段落缩进的内置选项。实际上,古腾堡的经典积木模仿了经典编辑器。您可以在文本上方的工具栏中找到缩进控件。
这是缩进三个实例后文本的样子。
这就是您的帖子对访问者的外观:与古腾堡经典积木完全相同。
使用递增缩进命令将使段落缩进一定的增量。您可以在经典编辑器的文本模式下对HTML标记执行相同的操作,但是您还可以执行更多操作:您可以将段落缩进任意数量的像素。
我们将从文本模式下的三个段落开始。所需的段落样式功能是左填充功能。为了设置段落的缩进,您需要使用以下HTML标记作为文本的开头:<p style =” padding-left:XXXpx;”>,当然,您将在其中将占位符XXX替换为像素数。当然,您也需要通过以</ p>结尾该段来关闭标签。
而且这种级联效果将在您的文本中清晰可见。
现在,您还可以用相同的方式格式化古腾堡(Gutenberg)的经典积木。只需访问块设置(···),然后选择Edit as HTML。
现在,您可以将样式参数添加到段落标记中。我们采用了60像素的缩进(style =” padding-left:60px;”)。
现在,您的段落将按照您指定的方式缩进。
如何缩进单行
但是,如果要缩进段落的第一行而不是整个内容,该怎么办?也有一种方法可以做到这一点,但这需要您对主题的CSS有所了解。
为此,您需要导航到WordPress主题定制器。您可以通过从WordPress仪表板中选择“外观”>“自定义”来找到它。
然后,您需要添加其他CSS。
要将所有段落的第一行缩进40个像素,请在主题的自定义CSS中添加以下代码:
单击发布以应用更改。
现在,每个段落的第一行都将缩进40像素。
如果需要,您也可以仅对选定的段落缩进第一行。为此,您需要创建一个具有必需的缩进的特殊段落类,并将其分配给您选择的段落。听起来很复杂,但实际上并非如此。您需要做的就是将此代码添加到主题的其他CSS中:
当然,您需要单击发布以应用更改。
然后,您需要将class =“ custom-indent”添加到您的段落标签中,如下所示:
并且,由于我们仅将自定义缩进类添加到了第二段,因此只有第二段才将第一行缩进。
当然,这种方法可能很耗时,但是要获得想要的外观,通常而且确实需要投资。有时候,花钱买高级解决方案是可以的。在这里,是花时间进行格式化的时间。
综上所述
如您所见,只需花一点点工作就可以将段落缩进引入您的网站文本中,无论您是要考虑整个段落还是只是第一行,都可以使外观更传统。如果您觉得您的网站可以从这种文本格式和段落样式中受益,为什么不尝试呢?