原文再续书接上一会，上次在《以Nana主题为例优化404页面》中说到在404页面中添加的flash小游戏只有在PC端显示为最优，而手机端还是原来的配方原来的味道，略显单调，要么折腾CSS搞自适应要么手机端不显示小游戏。
折腾CSS搞自适应好头大，那有没有其它方法来优化移动端的404页面呢？正好前两天友站分钱榜跟泛宝汇博客说，给404加个WordPress自带的带文章链接日历也不错，并给泛宝汇博客发来了调用代码。嘿嘿，这不正好可以利用么？
OK！可以开始折腾了。这时又想起前些日子在懿古今看到的《利用WordPress移动设备判断函数进行PC端或移动端广告投放》，正好可以利用老古分享的判断代码实现404页面在PC端显示flash小游戏，而在手机端显示WordPress自带的带文章链接日历。
调用WordPress自带的带文章链接日历代码如下：
<?php get_calendar(); ?>
PC或移动设备判断代码如下：
<?php if ( wp_is_mobile() ){ ?>
此处可以放置移动端显示的内容
<?php } else { ?>
此处可以放置PC端显示的内容
<?php } ?>
具体折腾方法，首先从主题Nana文件夹中找到并打开404.php，在
<p style=”text-align:center;”>亲，该网页可能搬家了！</p>
代码下方加入如下代码：
<?php if ( wp_is_mobile() ){ ?>
<div style=”text-align:center;”>点击日期查看其它文章</div>
<div class=”table”><?php get_calendar(); ?></div>
<?php } else { ?>
<div class=”linkstandard” style=”text-align: center;”>
<p style=”text-align:center;”>玩个小游戏放松一下</p>
<embed src=”<?php bloginfo(‘home’); ?>/wp-content/themes/Nana/images/hjkg.swf” type=”application/x-shockwave-flash” width=”540″ height=”360″></embed>
</div>
<?php } ?>
<br />
折腾保存好，然后从主题Nana文件夹中找到并打开style.css，在
.single-content{font-size:16px;font-size:1.6rem;line-height:25px}
下方加入：
/*让日历居中对齐 */
.single-content table{margin-left:auto; margin-right:auto}
折腾保存好后，连同刚修改好的404.php文件上传覆盖，分别用电脑和手机打开一个不存在的页面就可以看到不同的效果了。（效果演示地址：https://www.fanbaohui.com/thisis404/)
