wordpress自定义404页面

404页面自定义是每个网站不可以或缺的，不同的网站创意也有所不同。今天我们给begin主题的404页面加一个文章归档，操作很简单。

先上效果图



具体步骤如下

第一步、找到文章归档的调用代码

打开begin/pages/template-archieves.php,

<h2>  当然，你也可以看看其他精彩内容哟！</h2>
<br>
<style type="text/css">
.year {
font-size: 16px;
margin: 10px -21px 10px -21px;
padding: 0 20px;
border-bottom: 1px solid #ebebeb;
border-left: 5px solid #0088cc;
}
.mon {
color: #000;
line-height: 30px;
margin: 5px 0 5px 5px;
cursor: pointer;
}
.post_list li {
line-height: 30px;
text-indent: 2em;
}
.post_list {
color: #999;
margin: 0 0 10px 0;
}
.mon-num {
color: #999;
margin: 0 0 0 10px;
}
</style>
<?php require get_template_directory() . '/inc/function/archives.php'; ?>
<div class="archives">
<?php cx_archives_list(); ?>
</div>
<script type="text/javascript">
$(document).ready(function(){
(function(){
$('#all_archives span.mon').each(function(){
var num=$(this).next().children('li').size();
var text=$(this).text();
$(this).html(text+' <span class="mon-num">'+num+' 篇</span>');
});
var $al_post_list=$('#all_archives ul.post_list'),
$al_post_list_f=$('#all_archives ul.post_list:first');
$al_post_list.hide(1,function(){
$al_post_list_f.show();
});
$('#all_archives span.mon').click(function(){
$(this).next().slideToggle(400);
return false;
});
})();
});
</script>

上面代码有增删，有增删，有增删（大家灵活使用）

第二步、编辑404页面

打开begin/404.php，在

<?php get_search_form(); ?>

后面粘贴第一步复制的代码。这样，功能需求就实现了，赶快来试一试，定制你自己的404页面吧。

原文地址：http://liuyanzhao.com/2308.html