09/07/2022

为什么让WordPress自定义文章置顶？

如果您为WordPress网站创建了不同格式的内容，例如书评网站，您可能已经创建了“书评”这一自定义文章类型。将重要内容置顶是突出时效性和受欢迎内容的最佳方式之一。然而，WordPress默认的置顶功能不适用于自定义文章类型。

在自定义文章类型中添加置顶文章

首先，您需要安装并激活“Sticky Posts – Switch”插件。在激活后，访问插件设置页面，勾选您希望置顶的自定义文章类型，例如“书评”。保存更改后，在该自定义文章类型的管理页面，您会看到一个新列，点击星标即可置顶文章。

在自定义文章归档中显示置顶文章

要将置顶文章显示在自定义文章归档页面顶部，需创建新的模板文件。使用FTP客户端或文件管理器，进入网站的/wp-content/themes/YOURTHEME/目录，创建一个新文件，例如archive-POSTTYPE.php，将archive.php的内容复制粘贴到这个新文件中。

之后，在主题的functions.php文件或代码片段插件中添加以下代码：

function wpb_cpt_sticky_at_top( $posts ) {
    if ( is_main_query() && is_post_type_archive() ) {
        global $wp_query;
        $sticky_posts = get_option( 'sticky_posts' );
        $num_posts = count( $posts );
        $sticky_offset = 0;
        for ($i = 0; $i < $num_posts; $i++) {
            if ( in_array( $posts[$i]->ID, $sticky_posts ) ) {
                $sticky_post = $posts[$i];
                array_splice( $posts, $i, 1 );
                array_splice( $posts, $sticky_offset, 0, array($sticky_post) );
                $sticky_offset++;
                $offset = array_search($sticky_post->ID, $sticky_posts);
                unset( $sticky_posts[$offset] );
            }
        }
        if ( !empty( $sticky_posts) ) {
            $stickies = get_posts( array(
                'post__in' => $sticky_posts,
                'post_type' => $wp_query->query_vars['post_type'],
                'post_status' => 'publish',
                'nopaging' => true
            ) );
            foreach ( $stickies as $sticky_post ) {
                array_splice( $posts, $sticky_offset, 0, array( $sticky_post ) );
                $sticky_offset++;
            }
        }
    }
    return $posts;
}
add_filter( 'the_posts', 'wpb_cpt_sticky_at_top' );
function cpt_sticky_class($classes) {
    if ( is_sticky() ) : 
        $classes[] = 'sticky';
        return $classes;
    endif; 
    return $classes;
}
add_filter('post_class', 'cpt_sticky_class');

此代码将置顶文章移至顶部，并在主题的样式表中应用“sticky”类名，从而您可以使用CSS对其进行样式化。

使用以下示例代码在style.css文件中调整样式：

.sticky {
background-color:#ededed;
background-image:url('http://example.com/wp-content/uploads/featured.png');
background-repeat:no-repeat;
background-position:right top;
}

我们希望这篇教程能帮助您在WordPress自定义文章类型归档中添加置顶文章，您可能还会对以下内容感兴趣：