zblog自定义文章列表页分页条组件完整代码

介绍

在这篇文章中,我们将会向您展示如何使用 Z-Blog 搭建自定义的文章列表页分页条组件。这样,您就不必再使用默认的翻页条组件,而是用自己喜欢的方式进行定制。

步骤

下面是具体步骤:

1.创建一个插件

在Z-Blog的应用中心里创建一个新插件,命名为“CustomPagination”,并保存。

2.创建模板文件

在您插件的目录下创建一个名为“custom_pagination.php”的文件,并在其中编写以下代码:


<nav class="pagination">

  <ul>

    <?php if($page>1) { ?>

    <li><a href="<?php echo $pageurl; ?>1">«</a></li>

    <li><a href="<?php echo $pageurl; ?><?php echo $page-1; ?>">»</a></li>

    <?php } else { ?>

    <li class="disabled"><a href="#">«</a></li>

    <li class="disabled"><a href="#">»</a></li>

    <?php } ?>

    <?php if($page>5) { ?>

    <li class="disabled"><a href="#">…</a></li>

    <?php } ?>

    <?php for($i=$page-5;$i<=$page+5;$i++) { ?>

    <?php if($i>0&&$i<=$maxpage) { ?>

    <?php if($i==$page) { ?>

    <li class="active"><a href="<?php echo $pageurl; ?><?php echo $i; ?>"><?php echo $i; ?></a></li>

    <?php } else { ?>

    <li><a href="<?php echo $pageurl; ?><?php echo $i; ?>"><?php echo $i; ?></a></li>

    <?php } ?>

    <?php } ?>

    <?php } ?>

    <?php if($page<$maxpage-5) { ?>

    <li class="disabled"><a href="#">…</a></li>

    <?php } ?>

    <?php if($page<$maxpage) { ?>

    <li><a href="<?php echo $pageurl; ?><?php echo $page+1; ?>">»</a></li>

    <li><a href="<?php echo $pageurl; ?><?php echo $maxpage; ?>">«</a></li>

    <?php } else { ?>

    <li class="disabled"><a href="#">»</a></li>

    <li class="disabled"><a href="#">«</a></li>

    <?php } ?>

  </ul>

</nav>

3.操作

现在我们可以将这个组件应用到我们的博客中了,只需要在文章列表模板中插入如下代码:


<?php if(isset($module['custom_pagination'])){echo $module['custom_pagination']->Content;} ?>

至此,我们的文章列表页自定义分页组件已经设置完毕。

晓白博客网版权所有,原文地址https://www.xbnb.cn/4818
© 版权声明
THE END
喜欢就支持一下吧
点赞0 分享
评论 如有资源失效请在下面及时反馈,谢谢!! 抢沙发

请登录后发表评论

    请登录后查看评论内容