以Nana主题为例优化404页面 增加一个flash小游戏

投稿  泛宝汇博客 2016-11-29 阅读 97 次 评论 13 条

泛宝汇博客使用懿古今的Nana主题有一段时间了,最近留意到它的404页面只是简单的“亲,该网页可能搬家了!”,略显单调。于是根据自己的思路折腾一翻,在404页面中增加一个flash小游戏,这次折腾相对顺利,在此也感谢友站分钱榜提供的初始引用代码,下面说说具体折腾方法:

以Nana主题为例优化404页面 增加一个flash小游戏

首先找度娘要一个flash小游戏(泛宝汇博客选择的是“黄金矿工.swf”),然后将flash小游戏上传到主题的images文件夹。特别提醒:flash小游戏的格式必须为swf后缀。

然后从主题Nana文件夹中找到并打开404.php,在

  1. <p style="text-align:center;">亲,该网页可能搬家了!</p>

代码下方加入如下代码:

  1. <br />
  2. <div class="linkstandard" style="text-align: center;">
  3. <p style="text-align:center;">玩个小游戏放松一下</p>
  4. <embed src="<?php bloginfo('home'); ?>/wp-content/themes/Nana/images/hjkg.swf" type="application/x-shockwave-flash" width="540" height="360"></embed><!--小游戏引用代码-->
  5. </div>
  6. <br />

特别提醒:如果flash小游戏是放在其它文件夹,要记得修改“小游戏引用代码”中的路径。

保存后,将404文件上传覆盖,打开一个不存在的页面就可以看到效果了(效果演示:http://www.fanbaohui.com/thisis404/)。

到这里本可以结束,但手机打开后发现页面错位,而且在手机上玩这个游戏也不好操作,于是通过修改CSS代码,让小游戏在手机端不显示,方法如下:

从主题Nana文件夹中找到并打开style.css,找到代码:

  1. .cat-dt .line-one-thumbnail,.dengji,.entry-meta .edit-link,.item-st .thimg,.p-content,.plxiaoshi,.slider-caption{display:none}

替换为(其实就是在上述代码中加入了.linkstandard):

  1. .cat-dt .line-one-thumbnail,.dengji,.entry-meta .edit-link,.item-st .thimg,.p-content,.plxiaoshi,.linkstandard,.slider-caption{display:none}

至此,Nana主题的404页面优化即已完成。其它主题也可以通过此思路进行折腾,想在手机端也显示小游戏并让它不错位的话,那可以折腾CSS,让小游戏尺寸自适应即可。

本文地址:http://boke112.com/3669.html
关注我们:请关注一下我们的微信公众号:扫描二维码,公众号:aiboke112
温馨提示:文章内容仅代表作者个人观点,不代表boke112导航赞同其观点和对其真实性负责!
版权声明:本文为投稿文章,感谢 泛宝汇博客 的投稿,版权归原作者所有,欢迎分享本文,转载请保留出处!
WordPress免费响应式主题:Nana
CPA教学与引流技巧

发表评论

呲牙憨笑坏笑偷笑色微笑抓狂睡觉酷流汗鼓掌大哭可怜疑问晕惊讶得意尴尬发怒奋斗衰骷髅啤酒吃饭礼物强弱握手OKNO勾引拳头差劲爱你

表情

  1. 金榜台博客
    金榜台博客 【县长】 @回复

    呵呵,有点意思

  2. 我爱动感单车网
    我爱动感单车网 【省长】 @回复

    [微笑] 虽然增加了404错误页面的美观性和趣味性,但估计没谁会真的去玩游戏!

  3. 闲鱼
    闲鱼 【村长】 @回复

    蛮好的,我用的那个圈猫猫游戏

  4. 明月登楼的博客
    明月登楼的博客 【总理】 @回复

    不错,这个我一直很喜欢,就是这个flash比较不喜欢!要是有H5的话最好了!

  5. 泛宝汇博客
    泛宝汇博客 【市长】 @回复

    又来迟了,没占到沙发。

  6. 分钱榜
    分钱榜 【镇长】 @回复

    哎呦,不错哦

  7. 淘金小站
    淘金小站 【队长】 @回复

    NaNa主题很强大

  8. 靠谱学生兼职网
    靠谱学生兼职网 【镇长】 @回复

    不错的小优化。

  9. 网际电脑
    网际电脑 【县长】 @回复

    不错的flash小游戏

  10. DIY大全
    DIY大全 【队长】 @回复

    挺有意思的,可以试一下

  11. 爱时尚
    爱时尚 【市长】 @回复

    有想法,不错