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

wordpress自定义404页面相关推荐

html页面在ie上出现404怎么解决,如何解决自定义404页面在IE等浏览器中无法显示问题...
网站设置自定义404页面之后(如何在IIS下正确设置404页面?),如无法在浏览器中正常显示,可能是以下原因: 1.404页面文件权限设置错误我们需要为404页面文件添加上用户everyone的可读 ...
怎么自定义服务器的404,如何自定义404页面
404错误页面是WWW网站访问比较经常出现的错误.大家最熟悉的也是最常见的出错提示:404 not found.404页面就是当用户输入了错误的链接时,返回的页面.而默认的404错误页面呆板麻木,让访 ...
自定义404页面并打包docker部署项目
前言最近看了docker的用法,对于容器的理解感觉还行,当是自我感觉总是不靠谱的.所以现在就来使用docker容器实际部署一下项目,检验自己对于知识的掌握. SpringBoot项目和docker的 ...
【Laravel】自定义404页面
前言: 查看了一些网上的方法,很多都是使用自定义异常类来处理自定义404页面,我只是想用 Laravel8自带异常类来进行处理,所以记录一下自己的方法. 方法: 文件: app\Exceptions\ ...
给你的Zeit page自定义404页面
本文章最初发表在XJHui's Blog,未经允许,任何人禁止转载! 为使您获得最好的阅读体验,强烈建议您点击这里前往 XJHui's Blog 查看! 前言本教程仅适用于部署在Zeit.co的 ...
Magento如何自定义404页面？
Magento修改404页面 Magento有默认的404页面,如果想自定义一个404页面,又该如何做呢? 方法一首先,先来看下默认的404页面: 1.Magento的CMS部分,可以通过定义它来改 ...
html404页面怎么添加,网站要如何设置自定义404页面？
之前我们讲述过网站设置404页面对于优化或是用户体验的重要意义,大家可移步到<网站为什么要设置404页面>查看,今天我们讲解的是网站要如何设置自己的404页面. 现在大多数空间商都有了40 ...
linux中httpd错误页面图片,自定义404页面
呵呵,我看大前端上没有404的相关文章,于是就拿过来了. 自定义404界面.懂得人可以无视,毕竟我是初学者哈. 看我的这个图片: 当然,上面的东西是我自己编的,在出现无法找到所请求的页面的时候,会进行 ...
Django 自定义404页面
目录结构特别说明:我的views.py 已做了拆分 myproject/myproject/settings.pyurls.pymyapp/templates/myapp/404.htmlviews ...
网站怎么自定义404页面
404页面是客户端在浏览网页时,服务器无法正常提供信息,或是服务器无法回应,且不知道原因所返回的页面,简单的说就是当别人访问你网站的某一个已经删除或不存在的网页的时候,服务器自动显示的页面.404页面 ...

wordpress自定义404页面

wordpress自定义404页面相关推荐

最新文章

热门文章