跳到主要内容

您是否曾经想过,热门网站如何为回头客突出新帖子?清晰地向回访者突出显示新帖子是帮助用户找到新内容并增加您的综合浏览量的好方法。在本文中,我们将向您展示如何突出显示WordPress中回访者的新帖子。

如何在wordpress中突出显示用于回访者的新帖子
如何在wordpress中突出显示用于回访者的新帖子

为什么要突出显示回头客的新帖子?

回访者通常是喜欢您的内容并回来寻找更多内容的用户。但是,这些用户大多数只花几秒钟,如果找不到任何有趣的东西,他们就会离开。

通过突出显示新内容,可以将用户的注意力吸引到最新内容。这不仅可以帮助您增加网页浏览量,还可以帮助用户查找新内容。

方法1:使用插件突出显示新的WordPress帖子

在这种方法中,我们将使用一个插件突出显示回头客的新帖子。此方法易于实现,建议初学者使用。

您需要做的第一件事是安装并激活Mark New Posts插件。有关更多详细信息,请参阅有关如何安装WordPress插件的分步指南。

激活后,您需要访问设置»标记新帖子以设置插件。

首先,您需要选择标记位置。插件可以在帖子标题之前,帖子标题之后或两者同时显示新的帖子标记。

之后,您需要选择标记类型。有很多选择。默认情况下,插件将显示一个小图像作为标记。

您可以选择显示圆圈,自定义图像,“新建”文本或标志。

最后,您需要选择何时希望标记消失。如果您选中“打开后将帖子标记为只读”旁边的复选框,则插件将继续向用户显示未读帖子。

这可能会使您的用户感到烦恼。我们建议不要选中它,以便只向您的用户通知自上次访问以来的新帖子。

不要忘记单击保存按钮来存储您的设置。

就是这样,该插件现在将突出显示新帖子,以使用您选择的标记类型的回头用户。

方法2:通过手动添加代码突出显示新帖子

此方法需要将代码添加到WordPress网站。如果您有信心将代码段添加到WordPress网站,则可以尝试此方法。

与往常一样,请确保在将代码段添加到站点之前备份WordPress

您需要做的第一件事是将此代码复制并粘贴到主题的functions.php文件或特定于站点的插件中。

functionwpb_lastvisit_the_title ( $title, $id) {
if( !in_the_loop() || is_singular() || get_post_type( $id) == 'page') return$title;
// if no cookie then just return the title
if( !isset($_COOKIE['lastvisit']) ||  $_COOKIE['lastvisit'] == '') return$title;$lastvisit= $_COOKIE['lastvisit'];$publish_date= get_post_time( 'U', true, $id);if($publish_date> $lastvisit) $title.= '<span class="new-article">New</span>';return$title;  }
add_filter( 'the_title', 'wpb_lastvisit_the_title', 10, 2);  // Set the lastvisit cookie
functionwpb_lastvisit_set_cookie() {
if( is_admin() ) return;$current= current_time( 'timestamp', 1);setcookie( 'lastvisit', $current, time()+60+60*24*7, COOKIEPATH, COOKIE_DOMAIN );}
add_action( 'init', 'wpb_lastvisit_set_cookie');

当用户到达您的网站时,此代码将查找一个名为lastvisit的cookie。如果找不到cookie,则将cookie设置为当前时间。

如果找到Cookie,则将“新”添加到自用户上次访问以来发布的文章的标题。

注意,“ New”标签中有一个new-article<span>。您将使用此类使用CSS设置文本样式。

我们在演示中使用了以下CSS。只需将其复制并粘贴到主题或子主题的样式表中即可。

.new-article { background: #feffdd;padding: 3px;border: 1px solid #eeefd2;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;margin-left:5px;font-size: small;font-weight: bold;}

这就是我们的演示网站上的样子。

我们希望本文能帮助您重点介绍WordPress中回访者的新文章。玩转代码,更改突出显示的文本和CSS以满足您的需求。

回到顶部