当前位置:
首页 > 网站建设 > 主题开发 > 为WordPress添加一个萌萌哒的404页面

为WordPress添加一个萌萌哒的404页面

               

为WordPress添加一个萌萌哒的404页面

整体效果如上,图片本来是动态的!

那么话不多说,开始发教程。

先下载必要的文件:点击下载

下载好之后解压到你的主题根目录,然后我们在根目录创建一个404.php文件,在这里面我们贴上代码

<html>
    <head>
        <meta charset="UTF-8">
        <title>亲,你走失啦!</title>
        <style type="text/css" abt="234"></style>
        <link rel="stylesheet" href="<?php bloginfo('template_url'); ?>/css/style.css">
        <style type="text/css">
        object, embed {
            -webkit-animation-duration:.001s;
            -webkit-animation-name:playerInserted;
            -ms-animation-duration:.001s;
            -ms-animation-name:playerInserted;
            -o-animation-duration:.001s;
            -o-animation-name:playerInserted;
            animation-duration:.001s;
            animation-name:playerInserted;
        }
        @-webkit-keyframes playerInserted {
            from {
                opacity:0.99;
            }
            to {
                opacity:1;
            }
        }
        @-ms-keyframes playerInserted {
            from {
                opacity:0.99;
            }
            to {
                opacity:1;
            }
        }
        @-o-keyframes playerInserted {
            from {
                opacity:0.99;
            }
            to {
                opacity:1;
            }
        }
        @keyframes playerInserted {
            from {
                opacity:0.99;
            }
            to {
                opacity:1;
            }
        }
        </style>
    </head>
    <body>
        <div align="center">
            <img src="<?php bloginfo('template_url'); ?>/404/404.gif" border="0" height="">
            <br>找不到这个页面啦!是不是天然呆打错啦!
            <br>
            <br>
            <audio src="<?php bloginfo('template_url'); ?>/404/404.mp3" controls="controls"></audio>
            <br>
            <br>
            <div class="qq-qun" style="text-align:center;"><a class="button_green" href="<?php echo get_option('home'); ?>" target="_blank" rel="nofollow">返回首页</a></div>
            <br>&copy; 2018 <?php echo get_option('name'); ?> All Rights Reserved.</div>
        <div id="cli_dialog_div"></div>
    </body>
</html>

保存刷新,大功告成,是不是萌萌哒的呢!

下载地址

网友评论2

  1. 沙发
    suming:

    怎么没有预览呢?

    2018-08-20 下午 9:16 [回复]
    • Ken:

      有的有的!加上了?

      2018-08-20 下午 9:35 [回复]

发表评论

表情
还能输入210个字