zblog
当前位置:首页 > 商学院 > zblog > 正文内容

zblog

翻页组件完整代码

豫唐网络2022-11-11 15:341758

做主题不想自己写翻页的特效怎么办?直接用现成的把。

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'] = '尾页';
}

5、完。

扫描二维码推送至手机访问。

版权声明:本文由汤阴县豫唐网络科技有限公司发布,如需转载请注明出处。

本文链接:https://www.ytecn.com/post/406.html

分享给朋友:

相关文章

zblogphp提示主题模板的编译文件不存在

zblogphp提示主题模板的编译文件不存在

首先,进入后台首页,点击“ [清空缓存并重新编译模板]”,问题解决。如解决不了,请继续观看。有时候在对zblogphp搬家的时候会出现“主题模板的编译文件不存在”的问题,造成这个问题的主要原因是因为“...

zblogphp文章页面编辑页结束接口说明

zblogphp文章页面编辑页结束接口说明

接口名称:Filter_Plugin_Edit_End接口描述:文章编辑页加载前处理内容。应用场景:可直接跳转到其他页面,处理自身业务流程。调用方法:Add_Filter_Plugin('Fi...

zblogphp文章页面编辑3号输出接口说明

zblogphp文章页面编辑3号输出接口说明

接口名称:Filter_Plugin_Edit_Response3接口描述:文章编辑页面3号输出接口,具体位置位于右侧底部。应用场景:可在文章(页面)编辑页增加自定义参数,如自定义表单字段等。调用方法...

zblogphp一键强制开启开发模式

zblogphp一键强制开启开发模式

    有时候在使用zblogphp的时候,因修改代码或者其他什么操作的时候,导致全站打不开。而,正常情况下,在运营的站点,都是不开启《开发模式》的,这个时候就...

zblogphp调试登录助手

zblogphp调试登录助手

本着不接触用户账户密码的原则,请优先根据本插件提供信息。《调试登录助手》,地址:https://app.zblogcn.com/?id=18484本插件用于在不需要给出密码明文的前提下让他人登录站点后...

zblog商业授权

zblog商业授权

        zblog的商用链接,已与2022年01月28从官网移除,git开源协议MIT。如你依然不放心,可以找豫...