如何在WordPress帖子中添加首字下沉

您是否正在寻找一种在WordPress中添加首字下沉的方法?首字下沉是开始段落的好方法。通过有一个大的第一封信,他们可以帮助您吸引读者的注意力并让他们有兴趣阅读您的内容。在本文中,我们将向您展示如何在WordPress帖子中轻松添加首字下沉。

如何在WordPress帖子中添加首字下沉

什么是落帽?

首字下沉是一种样式技术,通常用于具有较长阅读功能的印刷书籍和杂志。每章起始段落的第一个字母使用大字体。

通常,大写字母向下延伸以低于前几行,这就是为什么它被称为“首字下沉”。

落帽

添加首字下沉有助于您的内容脱颖而出并吸引访问者的注意力。它们为您网站的设计增添了更正式和传统的触感。

有几种方法可以为WordPress网站添加首字下沉。您可以使用WordPress块编辑器中的内置选项或使用插件。

话虽如此,让我们看看如何使用不同的方法轻松地在WordPress帖子中添加首字下沉。

方法 1.使用WordPress块编辑器添加首字下沉

建议所有用户使用此方法,因为它在WordPress块编辑器中是默认的。当它起作用时,您必须为每个帖子手动执行此操作。如果要查找自动方法,请跳到方法 2。

首先,从WordPress管理仪表板转到帖子»添加新页面。

现在,只需单击屏幕左上角的“添加块”(+)按钮。

之后,只需找到并单击段落块即可将其添加到您的帖子中。

将段落块添加到帖子

接下来,您需要打开右栏中的块设置面板。

完成此操作后,请转到“排版”部分,然后单击旁边的三点图标以打开排版选项。

接下来,您需要从列表中选择“首字下沉”选项以将其添加到“排版”部分。

在排版下启用首字下沉

添加首字下沉功能后,只需切换“首字下沉”选项旁边的开关,即可在段落开头显示一个大的首字母。

不要忘记单击顶部的“保存草稿”或“发布”按钮以保存更改。

拨动落盖开关

您现在已成功将首字下沉添加到您的帖子中。

这就是它在我们的演示网站上的样子。

首字下沉预览

请注意,块编辑器中的内置首字下沉选项将使用 WordPress 主题的样式来显示第一个字母的颜色、字体和大小。

如果您想在WordPress块编辑器中更改首字下沉的样式,则必须使用自定义CSS代码来设置首字下沉的样式。

方法 2.使用 CSS 代码添加首字下沉

对于此方法,我们将添加自定义CSS代码以自动将首字下沉添加到每个帖子的第一段。您可以将 CSS 代码添加到主题的样式表中,也可以使用代码片段插件。

我们建议使用 WPCode,这是全球超过 1,1,000 个站点使用的 #000 代码片段插件。它使将代码添加到您的网站变得非常容易,没有任何麻烦。

首先,您需要安装并激活免费的WPCode插件。

激活后,您需要从WordPress管理侧边栏访问代码片段»+添加片段页面。

从这里,您需要将鼠标悬停在“添加自定义代码(新代码段)”选项上。

这将显示您需要单击的“使用代码段”按钮。

现在,您已进入“创建自定义代码段”页面,请先输入代码段的标题。它可以是任何可以帮助您识别代码段的内容。

之后,您需要从右侧的下拉菜单中选择“CSS片段”作为“代码类型”。

选择 CSS 代码段作为代码类型

接下来,只需将以下代码复制并粘贴到“代码预览”框中即可。

<style type="text/css">
.entry-content p:first-child:first-of-type:first-letter {
    font-size: 85px;
    line-height: 1;
    padding-top: 0px;
    padding-right: 10px;
    padding-left: 4px;
    color: #000080;
    float: left;
    font-family: 'Tangerine', serif;
    text-shadow: 4px 4px 4px #aaa;
</style>
}

这就是将代码粘贴到“代码预览”后的外观。

首字下沉代码的代码预览

现在,如果要在整个站点中执行代码,则需要向下滚动到插入部分并选择“自动插入”方法。

如果您只想为特定帖子添加首字下沉,则可以使用“短代码”方法。

保存代码段后,您将获得一个短代码,您可以将其粘贴到要添加首字下沉的帖子的块编辑器中。

选择插入方法

之后,返回页面顶部并将开关切换为“活动”。

最后,单击“保存代码段”按钮。

保存首字下沉代码段

您的 CSS 代码段现在将出现在您的网站上。

这就是使用上面的 CSS 代码段在我们的演示网站上首字下沉的外观。

自定义代码预览

方法 3.使用插件添加首字下沉

如果您对添加自定义 CSS 犹豫不决,那么您也可以使用首字母插件添加首字下沉。

此插件还允许您更改首字下沉的大小、颜色和字体。

注意:请记住,初始字母插件尚未使用最新版本的WordPress进行测试,并且不再由开发人员维护。

但是,我们测试了该插件,它工作正常。

话虽如此,首先,您需要安装并激活首字母插件。

激活后,从管理员侧边栏导航到设置 » 首字母页面。

从这里,您需要配置首字下沉的设置。

首先,您需要选择是否要将首字下沉自动应用于新帖子。

只需从“帖子默认”选项旁边的下拉菜单中选择“是”或“否”。

接下来,您需要选择首选的字体、颜色、大小和首字下沉的填充。

注意:您可能需要在预览网站后返回设置以调整这些样式选项。

配置首字母插件的设置

之后,如果您希望为帖子摘录启用首字下沉,请选中“为摘录启用”选项旁边的框。

如果您只想在帖子的第一段中添加首字下沉,也可以选中“仅限第一段”选项旁边的框。

单击“保存更改”按钮

最后,不要忘记单击“保存更改”按钮来存储您的设置。

您现在可以访问您网站上的任何帖子,并且您会在帖子的第一段看到首字下沉。

首字下沉插件预览

如果您想删除帖子的首字下沉,也可以通过在块编辑器中打开帖子来实现。

到达那里后,向下滚动到“首字母”部分,然后从下拉菜单中选择“否”选项。

这将禁用该帖子的首字下沉。

禁用帖子中的首字下沉

5efa732701047b080616670e3439dbb

WooCommerce独立站
Image

联系我们

六翼为您提供更丰富的服务项目,涵盖设计、开发、多媒体、营销、云服务等,驱动品牌网站的互联网创新发展,释放品牌潜力。

联系电话

400-188-6006
010-86469696

在线咨询