Zblog翻页导航条组件

作者:zuoyv 时间:22-11-13 阅读数:94人阅读

Zblog主题的制作少不了要做翻页导航条,实际上免费主题上也有的参考。本着百度拿来就用原则,番茄计划在豫唐网络上发现了本组件,可用于主题制作上。

1、在列表页的模板文件添加代码

<div class="pagebar">{template:pagebar}</div>

2、在主题的文件夹的template目录,创建pagebar.php文件,写入代码

{if $pagebar && $pagebar.PageAll > 1}
    {foreach $pagebar.buttons as $k => $v}
        {if $pagebar.PageNow==$k}
        <span class="now-page">{$k}</span>
        {else}
        <a href="{$v}">{$k}</a>
        {/if}
    {/foreach}{/if}

3、在css页面写入

.pagebar{width:100%;margin:0 auto;padding:15px 0 10px;font-size:0;text-align:center;border-radius:3px;box-sizing:border-box;}.pagebar .now-page{font-size:14px;color:#fff;font-weight:400;padding:5px 10px;margin:0 5px 5px;border:1px solid #0188fb;border-radius:2px;background:#0188fb;display:inline-block}.pagebar a{margin:2px;padding:5px 10px;font-size:14px;color:#777;font-weight:400;border:1px solid #e2e2e2;border-radius:2px;background:#fff;display:inline-block}.pagebar a:hover{color:#fff;border:1px solid #0188fb;background:#0188fb}.pagebar{box-shadow:0 1px 5px 0 rgba(0,0,0,0.05)}

4、如果想让样式加上汉语标识,可以在主题目录的include.php文件里的ActivePlugin函数添加代码

function ActivePlugin_ytecn(){
    global $zbp;
    $zbp->lang['msg']['first_button'] = '首页';
    $zbp->lang['msg']['prev_button'] = '上页';
    $zbp->lang['msg']['next_button'] = '下页';
    $zbp->lang['msg']['last_button'] = '尾页';}

副本_副本_火星人__2022-11-13+17_39_40.png

本文转载自豫唐网络:翻页组件完整代码

本文链接:https://plan.zuoyv.com/?id=6 转载请保留链接地址!

分享到:

发表评论