如何设置WordPress帖子以使用首字下沉

首字下沉是开始段落的一种优雅方式,尤其是当您在网站上创建虚构作品时。 这是当段落的第一个字符大于字体的其余字符并且高于句子底部时。

此方法也不需要用于将字符放在段落下方。 一些作者按原样使用超大字体将段落与以前的段落分开。 无论如何,这是一种突出文章并引起对本章开头的注意的方式。

在本教程中,我们将向您展示如何在WordPress中使用首字下沉。 为此,我们将看到两件事:使用代码和使用WordPress插件。 这样做会为您的写作增添一点风格,并可能吸引观众。

在WordPress中设置首字下沉 . 。.CSS 法典

这是在WordPress中实现首字下沉的更困难的方法。 你必须熟悉写作 . 。.CSS 编写代码并将其放置在样式中。。。.css 您的WordPress网站文件。 让我们看一下要编写的代码以及将其添加到样式的位置。。。.css 文件。

您可以添加以下内容 . 。.CSS 您可以直接在WordPress管理仪表板中编码到文件中,或者 FTP 客户端此示例将代码直接从管理仪表板添加到文件中。

首先,访问样式。。。.css 点击 文件>外观主题编辑器 在 WordPress 管理仪表板的左侧菜单中。

当主题文件页面出现时,打开样式表(样式。。。.css单击“文件”,然后单击它。

单击样式表文件。

在样式表文件中,滚动到底部并添加以下代码: 此代码将首字下沉添加到帖子或页面内容的第一段。

@import url('https://fonts.googleapis.com/css?family=Tangerine');
.entry-content p:first-child:first-of-type:first-letter {
font-size: 85px;
line-height: 00px;
padding-top: 10px;
padding-right: 13px;
padding-left: 4px;
color: #ff5733;
float: left;
font-family: 'Tangerine', serif;
text-shadow: 4px 4px 4px #aaa;
}

它应该类似于样式表底部的屏幕截图。

样式表代码

注意: 如果您看到无法导入以下行的警告:

@import url('https://fonts.googleapis.com/css?family=Tangerine');

只需删除该行并保存文件即可。 让主题选择字体,或尝试其他字体或导入样式。

. 。.CSS 制作落帽是有效的。 但也许编辑更好 子主题 而不是你的父母。 那你就不会输了 . 。.CSS 在WordPress中创建首字下沉的代码。

使用插件在WordPress中设置首字下沉

过去,有一些非常好的WordPress首写插件可用。 目前,它们似乎都没有更新,并且落后于WordPress标准和最佳实践。

因此,要使用插件添加WordPress首字下沉,请使用一个名为的出色工具。 简码终极版.

简码终极插件

简而言之,该插件充满了您可以在WordPress网站上使用的大量出色的短代码。 它还包含一个WordPress首字下沉短代码,用于在WordPress中设置首字下沉。

水木 安装和激活 来自管理仪表板中WordPress插件存储库的简码终极插件。

停止并激活WordPress首字下沉插件

安装并激活插件后,[ショートコード]>[利用可能なショートコード]点击。

简码中的 shrtcode 可用

这使您可以访问插件提供的所有可用短代码。 向下滚动并找到“首字下沉”短代码框。

首字下沉短代码框

单击该框将带您进入首字下沉短代码设置。 只需复制可用的短代码并将其粘贴到您希望出现首字下沉的任何位置。 此代码也适用于帖子、页面和大多数插件区域。

WordPress 首字下沉设置页面

注意: 存在一些差异 。。.css 提供样式选项插件。 下面列出了它们。 如果您想更改WordPress首字下沉的外观,只需在简码行的相关区域添加另一种语言即可。

简码样式选项

注意: 您还可以使用帖子或页面编辑屏幕中的首字下沉短代码。 单击“插入简码”按钮并选择首字下沉功能。

“插入简码”按钮

就是这样! 您已成功在您的网站上输入WordPress首字下拉。 随意玩,看看你想出了什么。

结语

在您的网站上使用 WordPress 首字下沉是另一种使您的帖子和页面脱颖而出并吸引读者注意力的方法。 试一试,不要害怕给你的写作一点兴奋。

您以前是否在帖子或页面上使用过首字下沉? 当您开始使用它时,您是否发现它独特且引人注目?

给TA打赏
共{{data.count}}人
人已打赏
WordPress 教程

如何在WordPress中轻松克隆帖子和页面

2023-3-22 19:50:01

WordPress 教程

如何在WordPress上安装谷歌标签管理器

2023-3-22 22:53:14

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
搜索