您想在有关您的主题的文章中添加偶数类和奇数类吗? WordPress博客 ? 添加一个类将使您可以为每篇文章显示特定样式。

在本教程中,我们将向您展示如何在WordPress上显示偶数或奇数类。

显示奇怪的WordPress检索类

为什么要添加类? 对 “或者” 奇 » 关于你的主题 WordPress博客 ?

许多 WordPress主题 对 WordPress 评论使用旧的或相同的类。 它允许用户查看一条评论的结束位置和另一条评论的开始位置。

同样,您可以在文章中使用此技术。 从美学上看,它允许用户快速扫描体积较大的页面。 这对于报纸或杂志站点的主页特别有用。

也就是说,我们将看到如何在您的文章中添加类 WordPress博客.

如何添加类偶/奇WordPress的

WordPress会生成默认的CSS类,并将它们动态添加到您网站上的其他文章中。 这些CSS类可帮助插件和主题开发人员在每篇不同的文章中添加自己的样式。

WordPress还提供了一个名为“ post_class 主题开发人员使用它来为文章添加类。

功能 post_class 也是一个过滤器,这意味着您可以使用它进行操作。 这正是我们在这里要做的。

只需将此代码添加到您的functions.php 文件中。 WordPress主题.

oddeven_post_class功能($类){$全球current_class; $类[] = $ current_class; Current_class $ =($ current_class == '奇')? “偶”“奇”; 返回$类; }的add_filter( 'post_class', 'oddeven_post_class'); 全球$ current_class; $ Current_class = '奇';

此功能只是增加了一类奇数和偶数项。

您会在网站的源代码中找到奇数和偶数类。 只需将鼠标移至文章标题,然后单击鼠标右键以检查项目。

预览奇怪的WordPress文章

现在,您已经在文章中添加了奇数和偶数类。 下一步是使用CSS为他们提供独特的样式。 您可以在子主题上添加自定义CSS代码,或使用简单的CSS插件。

这是您可以用作起点的CSS代码示例:

。即使{背景:#f0f8ff; .odd} {背景:#f4f4fb; }

结果是这样的:

备用颜色WordPress文章

您将需要一些练习才能获得良好的结果,但是为此,您将需要掌握CSS或仅使用诸如 CSS英雄.

就这么简单。 希望本教程对您有很大帮助。 随时问我们问题或在您喜欢的社交网络上与您的朋友分享本教程。