Zblog资源类主题模板涉及的接口较多,而且目前上线的主题中基本都有一个常用的功能,那就是分类模板页的排序,可以自由组合,按照时间、浏览、评论等等,部分主题模板还可能设计了免费、收费、VIP等等功能,所以这个排序是必要的。参考了百度和几位朋友的介绍算是实现了,但是跟可风大佬聊天的时候顺带说了这个事,因为蕞初的排序有一部分代码是可风写的,然后大佬告诉我有更简介高效的代码,好吧,有技术就是任性,不多说,直接上代码。
首先挂载接口
需要在主题核心文件(include.php)中挂载接口
Add_Filter_Plugin(&39;Filter_Plugin_LargeData_Article&39;,&39;LargeData_Article&39;);
然后接口对应代码:
//分类模板排序
functionLargeData_Article($select,$w,&$order,$limit,$option,$type){
global$zbp;
switch($type){
case&39;category&39;:
//分类模板标签,此段可删除
case&39;tag&39;:
//标签模板标签,此段可删除
$pagebar=$option[&39;pagebar&39;];
$sort=GetVars(&39;sort&39;,&39;GET&39;)?&39;ASC&39;:&39;DESC&39;;
switch($o=GetVars(&39;order&39;,&39;GET&39;)){
case&39;view&39;:
$order=array(&39;log_ViewNums&39;=>$sort);
break;
case&39;comment&39;:
$order=array(&39;log_CommNums&39;=>$sort);
break;
case&39;newest&39;:
default:
$order=array(&39;log_PostTime&39;=>$sort);
$sort==&39;DESC&39;&&$o=null;
break;
}
if($o){
$pagebar->UrlRule->__construct($zbp->option[&39;ZC_CATEGORY_REGEX&39;].($zbp->Config(&39;system&39;)->ZC_STATIC_MODE!=&39;REWRITE&39;?&39;&&39;:&39;?&39;).&39;order={%order%}&sort={%sort%}&39;);
$pagebar->UrlRule->Rules[&39;{%order%}&39;]=$o;
$pagebar->UrlRule->Rules[&39;{%sort%}&39;]=(int)GetVars(&39;sort&39;,&39;GET&39;);
}
break;
}
}其次在模板添加代码:
找到主题分类模板(catalog.php)文件,在适当的位置加入排序代码:
<formid="sort-list"class="filter-tag">
<spanclass="filter-l"><iclass="iconfont-paixu"></i>排序</span>
<liclass="filterorder">
<ahref=""rel="nofollow"class="{ifGetVars(&39;order&39;,&39;GET&39;)==&39;newest&39;||!GetVars(&39;order&39;,&39;GET&39;)}current{/if}"data-type="newest">蕞新<iclass="iconfont-chevron-{ifGetVars(&39;sort&39;,&39;GET&39;)}up{else}down{/if}"></i></a>
<ahref=""rel="nofollow"class="{ifGetVars(&39;order&39;,&39;GET&39;)==&39;view&39;}current{/if}"data-type="view">浏览<iclass="iconfont-chevron-{ifGetVars(&39;sort&39;,&39;GET&39;)}up{else}down{/if}"></i></a>
<ahref=""rel="nofollow"class="{ifGetVars(&39;order&39;,&39;GET&39;)==&39;comment&39;}current{/if}"data-type="comment">评论<iclass="iconfont-chevron-{ifGetVars(&39;sort&39;,&39;GET&39;)}up{else}down{/if}"></i></a></li>
{if$zbp->Config(&39;system&39;)->ZC_STATIC_MODE!=&39;REWRITE&39;}<inputtype="hidden"name="cate"value="{$category->ID}">{/if}
<inputtype="hidden"name="order"value="{GetVars(&39;order&39;,&39;GET&39;)}">
<inputtype="hidden"name="sort"value="{php}echo(int)GetVars(&39;sort&39;,&39;GET&39;){/php}">
</form>添加之后css样式自己修改,图标采用的是阿里图标库,如果您的奥森图标或者其他请自行更改<i class="icon font-paixu"></i>代码,值得注意的是 name="cate" 默认是指分类模板,如果是标签模板页需要修改成 name="tags" 就可以了。
蕞后添加js代码:
找到主题模板自带的js文件,在蕞后的位置添加如下代码,如果是放在html里,记得首位加上<script>如下代码</script>
//分类排序
!function(f){
vara=f.find(&39;.ordera&39;),o=f.find(&39;[name=order]&39;),s=f.find(&39;[name=sort]&39;);
a.click(function(){
varv=$(this).data(&39;type&39;);
if(v===o.val()){
s.val(s.val().toString()===&39;1&39;?0:1);
}else{
s.val(&39;&39;===o.val()&&!$(this).index()?1:0);
o.val(v);
}
f.submit();
returnfalse;
})
}($(&39;sort-list&39;))效果如开篇的图,大功告成。
来源:李洋博客
