如何在WordPress中通过视图显示热门文章

您想在WordPress中按视图显示热门文章吗? 显示你的热门文章可以帮助你产生更多的流量,让访问者在你的网站…

您想在WordPress中按视图显示热门文章吗?

显示你的热门文章可以帮助你产生更多的流量,让访问者在你的网站上停留更长时间,并建立社交证明。

在本文中,我们将向您展示如何在WordPress中通过视图显示您的热门文章,无论有没有插件。


如何在WordPress中通过视图显示热门文章

为什么要在WordPress中按视图显示热门文章

有时候你的访问者很难找到你最好的内容。当你有成千上万的博客文章时,即使是你最受欢迎的文章也会丢失。

显示您最受欢迎的文章可以让您在中的任何地方显示您最受欢迎的文章WordPress博客。

你的热门文章是最成功的内容,这是有原因的。通过向您的访问者显示这些,您将建立信任,提高社会证明,并确保您的访问者在您的网站上停留更长时间。


如何在WordPress中通过视图显示热门文章

当你的访客停留在你的WordPress网站更长的时间,这给你更多的时间说服他们购买,加入你的电子邮件,或者采取另一种行动。

说了这么多,让我们看看如何使用2种方法在WordPress中简单地按视图显示热门文章。

方法1:用WordPress中的插件按视图显示热门文章

有很多热门文章插件你可以用它来显示你最受欢迎的内容,但是最容易使用的插件是MonsterInsights。

MonsterInsights是WordPress的最佳分析解决方案,被300多万个网站使用。它可以让你在WordPress网站的任何地方简单地显示你的热门帖子。


如何在WordPress中通过视图显示热门文章

您也可以使用在线热门文章功能直接在内容中显示您的热门文章。

你需要做的第一件事是安装插件。

注意:有一个免费版的MonsterInsights可用,但我们将使用pro版本,因为它包括流行的post功能。

激活并设置后,转到见解热门文章然后单击“热门文章小部件”菜单项。


如何在WordPress中通过视图显示热门文章

在此屏幕上,您可以选择想要使用的流行文章样式。这将控制你的热门文章的外观。

还有很多额外的定制选项。

例如,在“主题预览”元框下,您可以在内容下方以“宽”格式显示您的热门文章,或者在页面右侧使用“窄”选项。


如何在WordPress中通过视图显示热门文章

接下来,您可以更改文章标题、作者和日期的颜色和大小。

“部件-布局选项”菜单将改变显示的列数。您还可以在此屏幕上自定义其他显示选项。

在您进行更改后,MonsterInsights将自动保存所有设置。


如何在WordPress中通过视图显示热门文章

一旦你定制了你的热门文章的外观,你将会有一些不同的方法将它们添加到WordPress中。

在“嵌入选项”元框中,有4个不同的显示选项。您甚至可以一起使用多个显示选项。最简单的方法是打开“自动放置”开关。


如何在WordPress中通过视图显示热门文章

您也可以使用中的古腾堡区块显示热门文章新的WordPress编辑器,带有短代码,或由将小部件添加到边栏。

要使用古腾堡区块显示您的热门文章,请打开文章或页面你想编辑。

之后,单击“添加块”图标。


如何在WordPress中通过视图显示热门文章

在搜索栏中搜索“热门文章”,然后选择“热门文章”或“内嵌热门文章”选项。

然后,在右侧边栏中,您可以进一步自定义热门文章的外观。


如何在WordPress中通过视图显示热门文章

这些设置类似于我们上面突出显示的MonsterInsights插件菜单中的设置。

添加和自定义热门文章的外观后,请确保单击“发布”或“更新”保存更改。

现在,你的访问者在访问你的网站时会看到你的热门文章。

方法2:在WordPress中不使用插件按视图显示热门文章

如果你不想使用插件,或者你已经使用太多插件,则可以使用此代码方法。

使用这种方法有一些缺点。首先,它涉及向WordPress添加代码,并且对初学者不友好。

其次,代码方法没有像MonsterInsights插件那样优化性能,所以它会增加服务器负载,如果你有很多内容,还会降低你的网站速度。

话虽如此,让我们看看如何在没有插件的情况下在WordPress中添加热门文章。

在这种方法中,您需要向WordPress文件中添加代码。

现在您已经知道如何在WordPress中添加代码,让我们继续将以下代码添加到您的functions.php文件,在特定站点插件,或者使用代码片段插件。

2
3
5
6
8
9
10
11
12
13
14

function wpb_set_post_views($postID) {

    $count_key = 'wpb_post_views_count';

    $count = get_post_meta($postID, $count_key, true);

    if($count==''){

        $count = 0;

        delete_post_meta($postID, $count_key);

        add_post_meta($postID, $count_key, '0');

    }else{

        $count++;

        update_post_meta($postID, $count_key, $count);

    }

}

//To keep the count accurate, lets get rid of prefetching

remove_action( 'wp_head', 'adjacent_posts_rel_link_wp_head', 10, 0);

上面的代码将检测文章视图计数,并将其存储为每个文章的自定义字段。

一旦你把这个函数添加到WordPress中,你需要在你的单个文章页面上调用这个函数。现在,您需要告诉函数哪个文章获得了视图的信任。

为此,请将以下代码复制并粘贴到单柱回路。

wpb _ set _ post _ view(get _ the _ ID());

如果你正在使用一个子主题,或者你只是想让事情变得简单,那么你应该使用wp _头钩

为此,请将以下代码粘贴到主题的functions.php文件或站点特定插件中(如上所示):

2
3
5
6
8
9

function wpb_track_post_views ($post_id) {
    if ( !is_single() ) return;
    if ( empty ( $post_id) ) {
        global $post;
        $post_id = $post->ID;   
    }
    wpb_set_post_views($post_id);
}
add_action( 'wp_head', 'wpb_track_post_views');

一旦您放置了这个,每次用户访问文章时,自定义字段都会更新。

注意:如果您正在使用缓存插件,那么默认情况下这种技术将不起作用。您可以使用一些高级缓存插件提供的分段缓存功能来绕过缓存插件。

现在,你可以做一些很酷的事情,比如显示文章的浏览量,或者根据浏览量对文章进行排序。让我们来看看如何做这些很酷的事情。

您可以在单个文章页面上显示文章查看计数,通常在评论计数或您的旁边社交分享按钮。

要做到这一点,在你的主题的functions.php文件或网站特定的插件(上面突出显示)中添加以下内容。

2
3
5
6
8
9
10
function wpb_get_post_views($postID){     $count_key = ‘wpb_post_views_count’;     $count = get_post_meta($postID, $count_key, true);     if($count==”){         delete_post_meta($postID, $count_key);         add_post_meta($postID, $count_key, ‘0’);         return “0 View”;     }     return $count.’ Views’; }

然后在您的post循环中添加以下代码:

wpb _ get _ post _ view(get _ the _ ID());

如果您想按浏览量对文章进行排序,那么您可以使用wp_query post_meta参数。

最基本的循环查询示例如下所示:

2
3
5
6
8
<?php  $popularpost = new WP_Query( array( ‘posts_per_page’ => 4, ‘meta_key’ => ‘wpb_post_views_count’, ‘orderby’ => ‘meta_value_num’, ‘order’ => ‘DESC’  ) ); while ( $popularpost->have_posts() ) : $popularpost->the_post();   the_title();   endwhile; ?>

要添加其他WP_Query参数,如时间范围,请参考开发者手册中的WP_Query页面。

我们希望这篇文章能帮助你学习如何在WordPress中通过视图显示热门文章。

类别:WordPress开发

本文收集自互联网,转载请注明来源。
如有侵权,请联系 wper_net@163.com 删除。

评论 (0)COMMENT