魏艾斯笔记GeneratePress主题的404页面默认只有无法找到内容的提示，在本文中老魏教大家如何在GeneratePress主题的404页面显示最新文章，这样可以优化404错误页，尽量留住访客，提高页面PV及停留时间。
什么是404页面
404页是HTML标准代码，含义是服务器或网站无法响应访问请求。404页面其实是网站上最为常见的错误页提示了，经常会有人输入网页url时候输错，或者网站文章、页面在搜索引擎的搜索结果中有显示，但是实际页面却已经被从网站中删除掉，这时候访问就会出现404无法找到的提示。不知道老一批的站长是否还记得，大约10年之前国内网站流行过在 404页面放一个flash小游戏，比较常见的是一只猫咪跟随鼠标来回跑动的flash动画，可以喂食、喝水，引逗，互动性很好。那时候老魏也在404页上面添加了一个flash动画，确实能起到延长访客驻留时间的作用。
而本文中我们使用最新发布文章代替flash动画，显然对访客更有吸引力，也能更好的优化404页面。
国外建站主题及插件选择2核4G内存3M带宽能流畅运行。国内服务器：阿里云、腾讯云（都有代金券，付款时抵用省钱）， 不知道如何选择地域、配置请在页面右侧+老魏的联系方式，我们一起研究。
外贸网站、B2C/C2C等建议在国外注册域名。打开namesilo官网，在搜索框里输入要注册的域名，选择好之后注册，付费之前记得使用优惠码省钱。优惠码点击国外域名商Namesilo域名注册教程获取。
外贸网站建议选择Hostinger虚拟主机，价格便宜，性价比极高！Hostinger专题
SiteGround虚拟主机价格适中服务好！SiteGround专题
在GeneratePress主题的404页面显示最新文章
以上截图是老魏自己操作的最后结果，带有最新文章标题的404页面还是能吸引点击的。
在GeneratePress主题的404页上显示最新文章
首先要做好准备工作如下：
- GeneratePess主题免费版无法实现本文的目的，你需要再安装GP Premium插件；
- 安装WP Shows Posts插件，用于实现文章列表功能；
激活GeneratePress Premium主题中的Elements模块，操作步骤是在 WordPress仪表盘的外观 > GeneratePress > Elements > Activate。
下面开始正式操作，添加代码。
1、WP Show Posts插件设置
在WordPress仪表盘>WP Show Posts> Add New，新列表起名 Recent Posts in 404 page。
在下面选项中设置参数如下：
- Posts：post type选择post，Taxonomy选择category，Terms选择所有分类，其余参数默认即可；
- Columns：Columns设为1，Columns gutter为默认值；
- Images：不勾选images，所有选项留空；
- Content：content type选择none，勾选 Include title，Title element为p，保留所有其他默认值；
- Meta：不勾选所有设置；
- More settings：不做任何改动；
- 点击update发布；
- 以上参数你可以根据个人喜好修改，比如添加图片，增加columns数、显示文章摘要等；
- 右侧看到 shortcode简码，记住里面的数字；
WP Show Posts设置
2、在GeneratePress主题中添加Elements新元素
- 在WordPress仪表盘>外观 > Elements > Add New；
- Element Type元素类型选择Hook钩子，命名为 Recent Posts in 404 Pages；
- 把上面记住的WP Show Posts的简码数字放到下面代码中，用你自己的数字替换，在把下面的代码扔进对话框中；
<div class="recent404"><p>You might like reading these recent posts:</p></div> [ wp_show_posts id="437"]
接着设置参数如下：
- Hook选择 generate_after_content，勾选Execute Shortcodes使用简码；
- Rules：Location设为404 Template；
- 最后点击Publish发布；
3、添加CSS代码
在外观 > 自定义 > 额外的CSS中，可以考虑使用下面的 CSS代码装饰一下。
记得用你自己的shortcode替换一下ID数字。
.recent404 {
margin-top: 20px;
}
#wpsp-437 {
padding: 5px 0 0 20px;
font-weight: bold;
font-size: 18px;
}
#wpsp-437 p{
margin: -10px 0;
}
#wpsp-437 p::before{
content: "• ";
color: #1b78e2;
}
老魏总结
希望大家通过本文能够明白如何在GeneratePress主题的404页面显示最新文章，这样可以增加访客停留时间和访问页面PV数。以上操作完了你可以尝试输入一个网站中不存在的url，如果看到了和本文开头一样的404页面，带有最新文章，那么就是成功了。你还可以像上面提到的那样，更改最新文章样式，比如显示图片、显示摘要，多列等等。