指点聚博客一直在使用DUX主题,最近注意到它的404页面只是“专业版,页面可能是搬家!”,略显单调。所以根据我自己的想法折腾,在404页面添加一个flash游戏,这个折腾比较顺畅,还要感谢友站分钱榜提供的初始参考代码,具体方法如下:
首先,找到一个Flash游戏(泛宝汇博客选择“Gold Miner.swf”),然后将Flash游戏上传到主题图像文件夹。特别提醒:flash游戏的格式必须是swf后缀。
然后在主题Nana文件夹中找到并打开404.php,在
- <p style=”text-align:center;”>亲,该网页可能搬家了!</p>
在代码下面添加以下代码:
- <br />
- <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>
- <br />
特别提醒:如果将Flash游戏放在另一个文件夹中,请记住修改“小游戏参考码”中的路径。
保存后,上传404文件以覆盖并打开一个不存在的页面以查看效果(效果演示:http://www.fanbaohui.com/thisis404/)。
它可以在这里完成,但手机被打开后被发现放错了手机,并且在手机上玩这个游戏并不容易。因此,通过修改CSS代码,游戏不会显示在手机上,如下所示:
从DUX主题文件夹中查找并打开style.css,然后找到代码:
- .cat-dt .line-one-thumbnail,.dengji,.entry-meta .edit-link,.item-st .thimg,.p-content,.plxiaoshi,.slider-caption{display:none}
替换为(事实上,将.link标准添加到上面的代码中):
- .cat-dt .line-one-thumbnail,.dengji,.entry-meta .edit-link,.item-st .thimg,.p-content,.plxiaoshi,.linkstandard,.slider-caption{display:none}
此时,DUX主题的404页面优化已完成。其他主题也可以通过这个想法抛出。如果你想在手机上显示一个小游戏并使它成为一个好地方,你可以投入CSS并使游戏大小适应。