十年网站开发经验 + 多家企业客户 + 靠谱的建站团队
量身定制 + 运营维护+专业推广+无忧售后,网站问题一站解决
原因:
让客户满意是我们工作的目标,不断超越客户的期望值来自于我们对这个行业的热爱。我们立志把好的技术通过有效、简单的方式提供给客户,将通过不懈努力成为客户在信息化领域值得信任、有价值的长期合作伙伴,公司提供的服务项目有:域名申请、雅安服务器托管、营销软件、网站建设、铁西网站维护、网站推广。
WordPress有这样一个机制,就是默认的分类目录显示条数为10(可以在仪表盘-设置-阅读里进行设置),当你的主题重新自定义分类目录显示文章条数少于后台设定的值后,就会出现部分分类翻页404现象。
解决办法:
只要前往仪表盘-设置-阅读-博客页面至多显示 设置条数少于你分类目录显示条数即可。不过值的注意的是,后台这个默认文章数会影响多个页面,如:首页、分类目录、标签、作者等页面,这些页面显示文章条数默认是后台设置条数。所以要想解决分类目录翻页404的问题,要么将分类目录显示文章条数设置大于默认文章条数,要么就自定义各个页面的显示条数,在此不叙述。
我的博客里面有一篇是介绍如何页面刷新之后保持滚动条的位置,对于你这个情况只要把暂存的滚动条位置设置成网页顶端即可,代码见下方。欢迎来我博客访问^_^
网页刷新后保持滚动条的位置不变
function window.onbeforeunload(){
var scrollPos;
if (typeof window.pageYOffset != 'undefined') {
scrollPos = window.pageYOffset;
}
else if (typeof document点抗 patMode != 'undefined'
document点抗 patMode != 'BackCompat') {
scrollPos = document.documentElement.scrollTop;
}
else if (typeof document.body != 'undefined') {
scrollPos = document.body.scrollTop;
}
document.cookie="scrollTop="+scrollPos; //存储滚动条位置到cookies中
}
function window.onload()
{
if(document.cookie.match(/scrollTop=([^;]+)(;|$)/)!=null){
var arr=document.cookie.match(/scrollTop=([^;]+)(;|$)/); //cookies中不为空,则读取滚动条位置
document.documentElement.scrollTop=parseInt(arr[1]);
document.body.scrollTop=parseInt(arr[1]);
}
}
我用的是pagebar,你安装插件后,在前台在要显示的翻页列表那里写上对于的调用插件代码
对应代码:
div class="pagenavi"
?php if(function_exists('wp_pagebar')) : wp_pagebar(); ?
?php endif; ?
/div
记得css上也要写哦
/* 分页按钮效果 */
.pagebar {
margin-right: 0.1em;
margin-bottom: 1.0em;
border: 1px solid #fff;
text-decoration: none;
text-align: center;
float:left;
margin:20px 0 25px 140px;
}
.pagebar a,.pageList .this-page {
border: 1px solid #ccc;
text-decoration: none;
padding: 0.2em 0.5em;
}
.pagebar a:visited {
border:1px solid #ccc;
text-decoration: none;
}
.pagebar a:hover {
border-color: #2992c8;
background: #2992c8;
color: #fff;
}
.pagebar .break {
border:none;
text-decoration: none;
}
.pagebar .this-page {
border: 1px solid #2992c8;
padding: 0.2em 0.5em;
font-weight: bold;
background: #2992c8;
color: #fff;
}
.pagebar .inactive{
border: 1px solid #ccc;
color: #ccc;
padding: 0.2em 0.5em;
text-decoration: none;
}