巧用移动设备判断代码和日历调用代码优化404页面

转载砖家更新于 2019-09-12 12:54:59首发于 2016-12-02 11:18:24476

上次在《以 Nana 主题为例优化 404 页面增加一个 flash 小游戏》中说到在 404 页面中添加的 flash 小游戏只有在 PC 端显示为最优，而手机端还是原来的配方原来的味道，略显单调，要么折腾 CSS 搞自适应要么手机端不显示小游戏。

折腾 CSS 搞自适应好头大，那有没有其它方法来优化移动端的 404 页面呢？正好前两天友站分钱榜跟泛宝汇博客说，给 404 加个 WordPress 自带的带文章链接日历也不错，并给泛宝汇博客发来了调用代码。嘿嘿，这不正好可以利用么？

OK！可以开始折腾了。这时又想起前些日子在懿古今看到的《利用 WordPress 移动设备判断函数进行 PC 端或移动端广告投放》，正好可以利用老古分享的判断代码实现 404 页面在 PC 端显示 flash 小游戏，而在手机端显示 WordPress 自带的带文章链接日历。

巧用移动设备判断代码和日历调用代码优化404页面-第1张-boke112百科(boke112.com)

调用 WordPress 自带的带文章链接日历代码如下：

PC 或移动设备判断代码如下：

具体折腾方法，首先从主题 Nana 文件夹中找到并打开 404.php，在

代码下方加入如下代码：

<?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，在

下方加入：

折腾保存好后，连同刚修改好的 404.php 文件上传覆盖，分别用电脑和手机打开一个不存在的页面就可以看到不同的效果了。（效果演示地址：http://www.fanbaohui.com/thisis404/）

来源：泛宝汇博客