WordPress中使用置顶文章的6个酷方法
置顶文章是WordPress中一种可以将内容固定在你的站点博客页面顶部的功能。你也可以在首页、分类页面、归档页面以及其他页面上显示它们。
你可能会选择置顶你WordPress网站的重要文章、顶级商品、公告或折扣优惠，这样可以获得更多的关注。
置顶文章的强大之处在于，随着你不断创作新的内容，你的旧文章可能会被埋没在新帖子下面。这样用户可能不知道你的网站上有什么重要的文章，并且难以找到这些帖子。
置顶文章的用途
- 将置顶文章显示为侧边栏中的最新文章
- 为分类设置置顶文章
- 显示最新的置顶文章
- 为自定义文章类型设置置顶文章
- 从WordPress循环中隐藏置顶文章
- 自定义置顶文章的样式
1. 将置顶文章显示为侧边栏中的最新文章
WordPress将你的置顶文章显示在网站博客页面的顶部。不过，你也可以在网站侧边栏中显示它们作为最新文章。
首先，你需要安装并激活Recent Posts Widget With Thumbnails插件。如果你需要帮助，请参阅我们的指南了解如何安装WordPress插件。
激活后，你可以从WordPress管理面板转到外观 » 小工具。接着，点击‘+’号并添加‘Recent Posts With Thumbnails’小工具块。
在小工具块设置中，你可以输入一个标题，如‘最新文章’并选择要显示的文章数量。接着，在小工具设置中滚动到‘Sticky’部分。这里你可以启用选项，仅显示置顶文章作为最新文章，并将它们置顶显示。
完成后，只需点击‘更新’按钮。然后访问你的网站，查看你标记为‘置顶’的文章显示在侧边栏中的最新文章。
2. 为分类设置置顶文章
默认情况下，置顶文章只显示在WordPress博客的首页上。但是，如果你想要在你的分类归档页面上显示特色内容怎么办？
你可以通过使用Sticky Posts – Switch插件来实现。
首先，你需要安装并激活Sticky Posts – Switch插件。更多详情请参阅我们的指南了解如何安装WordPress插件。
激活后，你可以从WordPress管理菜单转到设置 » Sticky Posts – Switch。简单勾选‘分类页面’下的‘分类’选项，以显示置顶文章。
插件还在你WordPress仪表盘上的文章页面添加了一个星形图标。这样，你可以通过简单点击图标快速将一篇文章设置为置顶，不需要打开内容编辑器或查看快速编辑设置。
查看我们如何在WordPress中为分类添加置顶文章的教程以获取更详细的说明。
3. 显示最新的置顶文章
通常，置顶文章用于显示你最重要的内容。然而，随着时间的推移，你的旧置顶文章会在归档中消失。你可以通过在自定义归档页面或网站的任何其他位置显示它们，来重新让你的旧置顶内容焕发光彩。
我们强烈建议所有人使用WPCode插件处理代码段。请务必遵循我们的指南了解如何将网络上的代码段粘贴到WordPress中。
如果你是高级用户，也可以将此代码粘贴到主题的functions.php文件中。然而，我们不建议直接编辑主题文件，因为一点小错误就可能破坏你的网站。
function wpb_latest_sticky() {
/* 获取所有置顶文章 */
$sticky = get_option( 'sticky_posts' );
/* 按最新排序置顶文章 */
rsort( $sticky );
/* 获取5个最新置顶文章（更改5为其他数量） */
$sticky = array_slice( $sticky, 0, 5 );
/* 查询置顶文章 */
$the_query = new WP_Query( array( 'post__in' => $sticky, 'ignore_sticky_posts' => 1 ) );
// 循环
if ( $the_query->have_posts() ) {
$return .= '';
while ( $the_query->have_posts() ) {
$the_query->the_post();
$return .= '- ' . get_the_title() . '
' . get_the_excerpt(). ' ';
}
$return .= '
';
} else {
// 无文章
}
/* 恢复原始文章数据 */
wp_reset_postdata();
return $return;
}
add_shortcode('latest_stickies', 'wpb_latest_sticky');添加此代码后，只需在你希望显示最新置顶文章的任何地方添加简码[latest_stickies]。详细说明请参阅我们的文章了解如何在WordPress中显示最新置顶文章。
4. 为自定义文章类型设置置顶文章
你知道你可以在WordPress中为自定义文章类型设置置顶文章吗？
通常，置顶文章功能仅对默认的WordPress文章可用，但这并不意味着你不能将此功能添加到其他文章类型中。
使用Sticky Posts – Switch插件，你可以将自定义文章类型设置为置顶文章。首先，你可以安装并激活插件。如果需要帮助，请参阅我们的指南了解如何安装WordPress插件。
激活后，只需从WordPress仪表盘转到设置 » Sticky Posts – Switch。在‘文章类型’列下，你会看到你在网站上创建的所有自定义文章类型的列表。
接着，你可以勾选你想要设置为置顶的自定义文章类型。在此示例中，我们将‘图书评论’设置为置顶。
查看我们如何在WordPress自定义文章类型中添加置顶文章的教程以获取更详细的说明。
5. 如何从WordPress循环中隐藏置顶文章
使用置顶文章时，你会注意到WordPress默认将你的文章显示在所有WordPress文章的顶部。要从WordPress循环中排除置顶文章并且显示在顶部，请在你的网站上输入以下自定义代码：
10,
'post__not_in' => get_option( 'sticky_posts' ) // 完全不显示置顶文章。
);
// 循环
$the_query = new WP_Query($args);
if ($the_query->have_posts()) {
while ($the_query->have_posts()) {
$the_query->the_post();
}
}此代码将完全从循环中排除置顶文章。详情请参阅我们的教程了解如何从WordPress循环中排除置顶文章。
6. 精美设置置顶文章样式
接下来，你是否想要为置顶文章添加自定义样式？
许多WordPress主题使用post_class()函数为每篇文章自动添加文章类。如果你的主题已经使用了post_class()函数，那么你会看到添加到置顶文章的‘sticky class’。
现在，你可以在你的WordPress主题中使用.sticky CSS类。这是一段基本的CSS代码，供你开始使用：
.sticky {
background-color:#ededed;
border:1px solid #f5f5f5;
color:#272727;
padding:5px;
}
.sticky:before {
content: "特色";
color: #FFF;
background: #f20000;
padding: 10px;
display: inline-block;
text-align: right;
float: right;
font-weight: bold;
text-transform: uppercase;
}详情请参阅我们的指南了解如何在WordPress中添加自定义CSS。
我们希望这篇文章帮助你了解如何在WordPress网站上使用置顶文章的几种酷方法。你可能还想查看我们的指南，了解如何开始一个在线商店和初学者的终极WordPress SEO指南。
如果你喜欢这篇文章，请订阅我们的YouTube频道以获取更多WordPress视频教程。你也可以在Twitter和Facebook上关注我们。
