资讯详情
首页 / 营销学院 / 文章详情

WordPress图下一篇功能怎么设置?对比评测帮你选方案

WordPress图下一篇功能怎么设置?对比评测帮你选方案

WordPress图下一篇功能怎么设置?对比评测帮你选方案

改个需求建站公司拖一周,不是因为你要求多,而是他们不会用WordPress图下一篇功能,或者根本没懂。这功能不是摆设,是提高用户停留时间的关键点,今天就带你用【对比评测】的方式搞懂怎么设置。

为什么WordPress图下一篇功能重要?

很多甲方觉得图下一篇功能可有可无,其实它对SEO和用户体验都有直接影响。简单来说,当用户看完一篇文章后,图下一篇会推荐下一篇文章的封面图和标题,增加用户点击率,也能提高搜索引擎抓取频率。据MDN Web Docs相关数据,良好的文章推荐功能可提升20%以上的页面停留时间。

图下一篇怎么设置?一步步教你

很多人问,WordPress图下一篇功能怎么设置?其实只需要两步:一、安装插件;二、配置插件。目前主流的插件有Next Post Navigation和Smart Scroll Posts,两者功能相似,但略有差异。

1. 安装Next Post Navigation插件

  • 登录WordPress后台;
  • 进入插件 → 安装新插件;
  • 搜索“Next Post Navigation”,点击安装并激活。

2. 安装Smart Scroll Posts插件

  • 同样在插件页,搜索“Smart Scroll Posts”;
  • 安装并激活后,进入插件设置页。

3. 配置插件

以Next Post Navigation为例:

  • 插件激活后,进入设置页面;
  • 找到“显示位置”选项,选择“文章底部”或“文章侧边栏”;
  • 勾选“显示缩略图”和“显示文章标题”;
  • 保存设置。

Smart Scroll Posts的配置界面更复杂,支持更多自定义选项,比如显示文章作者、发布时间等。如果你需要更丰富的功能,推荐用Smart Scroll Posts。

图下一篇和相关文章推荐的区别在哪?

很多甲方会混淆“图下一篇”和“相关文章推荐”。其实区别挺大,一个是固定的下一篇文章,一个是根据标签、分类等推荐其他文章。

相关文章推荐插件推荐

  • Related Posts by Taxonomy:根据文章分类推荐;
  • Yet Another Related Posts Plugin (YARPP):根据文章标签和内容推荐;
  • Related Posts by Tag:根据文章标签推荐。

这些插件虽然功能强大,但和图下一篇不是同一个作用,一个是引导用户阅读下一篇文章,一个是推荐相似内容,不能混为一谈。

怎么让图下一篇自动获取下一篇文章的缩略图?

很多开发者问,WordPress图下一篇功能怎么自动获取下一篇文章的缩略图?其实插件本身已经支持,但有些主题可能默认不显示。

1. 检查主题是否支持

  • 在WordPress后台,进入“外观 → 主题”;
  • 查看当前使用主题的文档或设置页面,是否有相关配置项;
  • 有些主题需要手动在文章底部添加代码。

2. 手动添加代码

如果你不想用插件,也可以通过代码实现图下一篇功能。以下是一个简单的代码片段:

// 在single.php文件中,文章底部位置添加以下代码
<?php
$prev_post = get_previous_post();
$next_post = get_next_post();
?>
<div class="post-navigation"><?php if (!empty($prev_post)): ?><div class="prev-post"><a href="<?php echo get_permalink($prev_post->ID); ?>"><img src="<?php echo get_the_post_thumbnail_url($prev_post->ID, 'thumbnail'); ?>" alt="<?php echo $prev_post->post_title; ?>"><h3><?php echo $prev_post->post_title; ?></h3></a></div><?php endif; ?><?php if (!empty($next_post)): ?><div class="next-post"><a href="<?php echo get_permalink($next_post->ID); ?>"><img src="<?php echo get_the_post_thumbnail_url($next_post->ID, 'thumbnail'); ?>" alt="<?php echo $next_post->post_title; ?>"><h3><?php echo $next_post->post_title; ?></h3></a></div><?php endif; ?>
</div>

这段代码会在文章底部显示“上一篇”和“下一篇”的缩略图和标题,适合不想安装插件的开发者使用。

图下一篇功能和SEO优化的关系

很多甲方问,WordPress图下一篇功能和SEO优化有关吗?答案是:有,但不是直接关联。

图下一篇功能可以提高页面停留时间,而停留时间是搜索引擎评估页面质量的重要指标。根据MDN Web Docs,搜索引擎会更倾向于推荐用户体验良好的网站。

但图下一篇本身并不影响SEO评分,它更多是提升用户体验的辅助功能。如果你希望提高SEO,还是应该优先优化文章内容、标题、关键词等。

图下一篇功能是否会影响页面加载速度?

这是很多前端开发者关心的问题。图下一篇功能本身不会显著影响页面加载速度,但如果你使用了多个插件,或者插件中加载了很多图片资源,可能会有影响。

优化建议

  • 选择轻量级插件;
  • 压缩图片资源;
  • 使用CDN加速加载;
  • 延迟加载图片资源。

这些优化方法可以有效提升页面加载速度,同时不影响图下一篇功能的正常使用。

怎么让图下一篇显示更多文章?

有些甲方希望图下一篇不仅显示“上一篇”和“下一篇”,还能显示更多文章。这其实是“文章推荐”功能,不是图下一篇能实现的。

如何实现更多文章推荐?

  • 使用插件:推荐使用YARPP或Related Posts by Taxonomy;
  • 手动添加代码:在single.php文件中添加以下代码:
<?php
$args = array('numberposts' => 5,'orderby' => 'post_date','order' => 'DESC','post_type' => 'post','post_status' => 'publish'
);
$recent_posts = get_posts($args);
?>
<ul><?php foreach ($recent_posts as $post): setup_postdata($post); ?><li><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></li><?php endforeach; ?><?php wp_reset_postdata(); ?>
</ul>

这段代码可以显示最近5篇文章的标题和链接,适用于首页或文章底部推荐。

图下一篇功能是否支持自定义分类?

很多甲方希望图下一篇功能可以根据分类显示不同文章,而不是固定顺序。这在WordPress中是可以通过插件或代码实现的。

1. 使用插件实现

  • Smart Scroll Posts插件支持按分类、标签、作者等多种方式推荐文章;
  • Related Posts by Taxonomy插件也可以实现类似功能。

2. 使用代码实现

如果你希望自定义分类,可以通过代码实现。以下是一个简单的示例:

// 在single.php文件中添加以下代码
$args = array('posts_per_page' => 1,'post_type' => 'post','tax_query' => array(array('taxonomy' => 'category','field' => 'slug','terms' => 'your-category-slug'))
);
$next_post = get_posts($args);
?>
<div class="custom-next-post"><?php foreach ($next_post as $post): setup_postdata($post); ?><a href="<?php the_permalink(); ?>"><img src="<?php echo get_the_post_thumbnail_url($post->ID, 'thumbnail'); ?>" alt="<?php echo $post->post_title; ?>"><h3><?php echo $post->post_title; ?></h3></a><?php endforeach; ?>
</div>

这段代码可以根据指定的分类显示下一篇文章,适合需要自定义推荐内容的场景。

你的网站用的什么技术栈?评论区聊聊

还不确定哪种方案适合您?

留下需求,尧图科技资深顾问30分钟内为您出具免费诊断报告与定制建站方案

立即免费咨询
拨打电话📞 在线留言💬