如何仅更改 WordPress Sticky 文章类名？

2024-03-01 18:17:22

WordPress 中处理 Sticky 文章类名的指南

简介

在 WordPress 中，"sticky" 类名被 Foundation 和 WordPress 本身使用，这可能导致冲突。为了解决这个问题，可以使用一个函数将 WordPress 的 sticky 类名更改为 "wp-sticky"。然而，有时这个函数可能会错误地应用于所有文章，包括非 sticky 文章。本文旨在提供一个分步指南，帮助你仅将类名应用于 sticky 文章，而不影响非 sticky 文章。

问题：意外应用类名

不幸的是，当前使用的函数可能会将 "wp-sticky" 类名应用于所有文章，包括非 sticky 文章。这会导致不希望的样式更改和混乱。我们的目标是仅更改 sticky 文章的类名。

解决方案：

1. 检查代码

检查当前使用的函数，确保它仅在文章 sticky 时才更改类名。该函数应该如下所示：

function remove_sticky_class($classes) {
    if (is_sticky()) {
        $classes = array_diff($classes, array("sticky"));
        $classes[] = 'wp-sticky';
    }
    return $classes;
}
add_filter('post_class','remove_sticky_class');

2. 排除非 sticky 文章

要解决问题，我们需要添加一个附加检查，以排除非 sticky 文章。修改后的函数如下所示：

function remove_sticky_class($classes) {
    if (is_sticky()) {
        $classes = array_diff($classes, array("sticky"));
        $classes[] = 'wp-sticky';
    } else {
        $classes = array_diff($classes, array("wp-sticky"));
    }
    return $classes;
}
add_filter('post_class','remove_sticky_class');