AI文章摘要的美化，自定义CSS样式！AI渐变色、液态玻璃、动效、适配暗色模式。

上一篇文章给大家介绍了，如何通过 Nvidia 的 AI 来实现 WordPress 文章的 AI 自动分类、打标签、生成摘要。

有小伙伴问我，我的首页的摘要部分的样式是如何设置的。

因为他们发现默认的摘要的样式只是类似于引文的那种，但是我的样式不仅有动效，而且是类似于现代AI的渐变色的背景，还有苹果iOS 26液态玻璃的效果。甚至还适配亮色模式和暗色模式。

今天教大家如何实现我的这个样式，非常简单。

自定义代码

你可以通过任意一种方式来实现自定义CSS代码的添加。

• 主题自带自定义 CSS：直接在主题设置或主题后台添加 CSS，是最简单、最推荐的方式。
• WordPress「额外 CSS」：通过「外观 → 自定义 → 额外 CSS」添加样式，无需修改主题文件。
• 子主题 style.css：在子主题的 style.css 中编写 CSS，适合长期维护且不会因主题更新丢失。
• 自定义 CSS 插件：使用 Simple Custom CSS、Code Snippets（配合 CSS）等插件统一管理样式。
• ……

像我一样，我是直接在我的主题上面的自定义 CSS 部分添加了代码。

代码如下你可以直接复制：

这样之后，每一次你生成的文章摘要都会有这个精美的样式了。

值得注意的是，你在后台编辑的时候，这个样式并不会生效。不用担心，在前台用户查看文章的时候，它是可以生效的。

OK，快去试试吧，有任何问题可以在评论区进行留言。