首页 > 文章专栏 > 正文

WordPress置顶文章的6个酷炫玩法

什么是粘性帖子,为什么你应该使用它们?

粘性帖子(Sticky Posts)是 WordPress 中一个隐藏的宝藏。只需一个简单的技巧,就能带来强大的效果。

当策略性地使用时,粘性帖子可以将重要内容保持在博客的顶部。这确保你的关键信息始终被注意到,并有助于提升网站的转化率和用户参与度。

在本文中,我们将探讨在 WordPress 中利用粘性帖子的 6 种酷炫玩法。

WordPress 粘性帖子酷炫玩法

粘性帖子是指任何会“粘”在网站博客页面顶部的内容。你也可以将其显示在首页、分类页、存档页和其他页面上。

你可以选择将 支柱文章热门产品公告折扣优惠 设为粘性,让更多人看到它们。

粘性帖子之所以强大,是因为随着你创建更多内容,旧文章会被新博客文章淹没。结果,用户可能不知道你的最佳文章,并且在你的网站上很难找到这些帖子。

然而,许多网站所有者不知道如何充分利用 WordPress 的粘性帖子功能。在接下来的部分,我们将分享一些你可以用粘性帖子做的酷炫事情。你可以使用下面的链接跳转到你感兴趣的部分:

  • 在侧边栏将粘性帖子显示为最新文章
  • 分类页面的粘性帖子
  • 显示最新的粘性帖子
  • 自定义文章类型的粘性帖子
  • 如何从 WordPress 循环中隐藏粘性帖子
  • 为粘性帖子添加样式

让我们开始吧!

1. 在侧边栏将粘性帖子显示为最新文章

WordPress 默认会将粘性帖子显示在博客文章页面的顶部。但你也可以将它们显示在网站侧边栏中,作为最新文章。

为此,你需要安装并激活 Recent Posts Widget With Thumbnails 插件。如果你需要帮助,请参阅我们的 如何安装 WordPress 插件 指南。

激活后,从 WordPress 管理面板进入 外观 » 小工具。然后点击“+”添加“Recent Posts With Thumbnails”小工具块。

添加带缩略图的最新文章小工具块

在小工具块设置中,你可以输入标题(例如“最新文章”)并选择要显示的帖子数量。接下来,向下滚动到小工具设置中的“Sticky”部分。

在这里,你可以启用选项,仅将粘性帖子显示为最新文章,并将它们保持在列表顶部。

将粘性帖子显示为最新文章

完成后,点击“更新”按钮。现在,如果你访问你的网站,可以看到你标记为“粘性”的帖子在侧边栏中显示为最新文章。

2. 分类页面的粘性帖子

善意提醒: 此插件目前有点过时,但我们经过测试,它在我们的测试网站上仍然有效。更多信息请参阅我们的 是否应该使用过时插件 指南。

默认情况下,粘性帖子只出现在 WordPress 博客的首页。但如果你希望在分类存档页面上显示精选内容呢?

你可以使用 Sticky Posts – Switch 插件来实现。如果需要安装帮助,请参阅我们的 如何安装 WordPress 插件 指南。

激活后,从 WordPress 管理菜单进入 设置 » Sticky Posts – Switch。勾选“Categories Page”标题下的“Categories”复选框,即可显示粘性帖子。

Sticky Posts Switch 设置

该插件还会在 WordPress 仪表盘的“文章”页面上添加一个星形图标。这样,你可以通过点击该图标快速将帖子设为粘性,而无需打开内容编辑器或查看快速编辑设置。

点击星形图标将帖子设为粘性

有关更详细的说明,请参阅我们的教程:如何在 WordPress 中为分类添加粘性帖子

3. 显示最新的粘性帖子

通常,粘性帖子用于展示最突出的内容。但时间一长,这些旧的精选帖子会沉入存档中。

好消息是,你可以通过将它们显示在自定义存档页面或网站上的任何位置,让旧的精选内容重获新生。

我们强烈推荐大家使用 WPCode 插件来处理代码片段。请务必遵循我们的 如何将代码片段从网页粘贴到 WordPress 指南,获取更详细的说明。

WPCode 主页

如果你是高级用户,也可以将以下代码粘贴到主题的 functions.php 文件中。但我们不建议直接编辑主题文件,因为最小的错误也可能导致网站崩溃。

function wpb_latest_sticky() { 
    /* 获取所有粘性帖子 */
    $sticky = get_option( 'sticky_posts' );
    /* 按最新排序 */
    rsort( $sticky );
    /* 获取最新的 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 .= '<ul>';
        while ( $the_query->have_posts() ) {
            $the_query->the_post();
            $return .= '<li><a href="' .get_permalink(). '" title="'  . get_the_title() . '">' . get_the_title() . '</a><br />' . get_the_excerpt(). '</li>';
        }
        $return .= '</ul>';
    } else {
        // 没有帖子
    }
    wp_reset_postdata();
    return $return; 
}
add_shortcode('latest_stickies', 'wpb_latest_sticky');

添加此代码后,只需在你的网站上任何位置插入短代码 [latest_stickies],即可显示最新的粘性帖子。

有关详细说明,请访问我们的文章:如何在 WordPress 中显示最新粘性帖子

4. 自定义文章类型的粘性帖子

你知道吗?你可以让自定义文章类型(Custom Post Types)在 WordPress 中变成粘性。

通常,粘性帖子功能仅适用于默认的 WordPress 文章,但这并不意味着你不能为其他文章类型添加此功能。

使用 Sticky Posts – Switch 插件,你可以将自定义文章类型粘在网站上。

首先,你需要安装并激活该插件。如果需要帮助,请参阅我们的 如何安装 WordPress 插件 指南。

激活后,从 WordPress 仪表盘进入 设置 » Sticky Posts – Switch。在“Post type”列下,你会看到网站上所有自定义文章类型的列表。

接下来,勾选你想要设为粘性的自定义文章类型对应的复选框。在本例中,我们将“Book Reviews”文章类型标记为粘性。

进入设置 » Sticky Posts - Switch 页面配置插件

有关更详细的说明,请查看我们的教程:如何在 WordPress 自定义文章类型中添加粘性帖子

5. 如何从 WordPress 循环中隐藏粘性帖子

当使用粘性帖子时,你会注意到 WordPress 默认会将它们显示在所有文章的最顶部。

要将粘性帖子从 WordPress 循环中排除,不让它们出现在顶部,只需在网站上添加以下自定义代码:

<?php
// 循环参数
$args = array(
    'posts_per_page' => 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() 函数自动为每个帖子添加 CSS 类。如果你的主题已经使用了 post_class() 函数,你会看到粘性帖子上会添加一个 sticky 类。

粘性帖子 CSS 类

现在,你可以在 WordPress 主题中使用 .sticky CSS 类。

这里有一些基本 CSS 可以帮你入门:

.sticky { 
    background-color:#ededed;
    border: 1px solid #f5f5f5;
    color:#272727;
    padding:5px;
}
.sticky:before {
    content: "Featured";
    color: #FFF;
    background: #f20000;
    padding: 10px;
    display: inline-block;
    text-align: right;
    float: right;
    font-weight: bold;
    text-transform: uppercase;
}

更多详情,请参阅我们的 如何在 WordPress 中添加自定义 CSS 指南。

额外技巧:更多博客酷炫玩法

既然你已经学会了一些粘性帖子的酷炫技巧,让我们探索其他能够提升访客体验的博客技巧。在本节中,我们将讨论 预估文章阅读时间博客链接文本编辑功能

开设新博客时,吸引访客并让他们在你的网站上停留更长时间非常重要。更长的访问时间能让用户更深入地参与你的内容,从而增加他们订阅你的邮件列表、购买产品或再次访问的可能性。

最常见的方法之一是在用户滚动文章时显示 阅读进度条。另一种方法是显示文章的 预估阅读时间

阅读时间预览

想了解更多,请查看我们的分步指南:如何在 WordPress 文章中显示预估阅读时间

接下来,博客链接 是一个指向与你 WordPress 博客相关的其他博客的链接列表,包括你的其他网站、你喜欢的博客或你希望用户查看的网站。

博客最初依靠个人联系蓬勃发展,博主们会链接到他们喜欢的其他博客。猫哥网站在侧边栏中展示了博客链接,以展示其产品家族。

猫哥网站上的博客链接

在 WordPress 中添加博客链接可以帮助用户发现其他推荐网站,无论是你自己的网站还是你欣赏的博客。有关更详细的说明,请参阅我们的指南:如何为你的 WordPress 网站添加博客链接

最后,文本编辑 也是一个很酷的功能。

编辑涉及将文本涂黑以隐藏敏感信息,这样你就可以在保护隐私的同时公开分享文档。例如,分享带有个人信息的简历时,可以使用编辑功能。

文本编辑示例

在 WordPress 中,编辑后的内容仍然可以访问,以便日后移除。编辑功能还可以用于在会员网站上预览内容,鼓励访客购买完整版本。更多信息,请查看我们的文章:如何在 WordPress 中编辑文本

希望本文能帮助你了解在 WordPress 网站中使用粘性帖子的各种酷炫玩法。你可能还想查看我们的 如何高效管理 WordPress 文章系列 指南,或我们精选的 最佳博客示例

如果你喜欢这篇文章,请订阅我们的 YouTube 频道 获取 WordPress 视频教程。你也可以在 TwitterFacebook 上找到我们。

文章标签:#WordPress#内容管理#博客技巧#粘性帖子#网站优化

版权声明:本文为「猫哥建站」的原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接及本声明。

本文链接:https://maogeo.top/blog/wordpress置顶文章的6个酷炫玩法