【wordpress教程】萌萌哒404动态页面


今天西瓜君给大家分享一个萌萌哒404动态页面，下面看我的纤细教程

效果图

使用方法

1.前往下载地址下载文件
2.下载好后解压到自己在主题跟目录里然后创建个404.php页面，把以下代码复制粘贴进去即可

404代码

<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;2020 <?php echo get_option('name'); ?>独家博客-西瓜君</div>
        <div id="cli_dialog_div"></div>
    </body>
</html>

 

《【wordpress教程】萌萌哒404动态页面》有2个想法

发表评论