DEDECMS分页标签及分页样式通用代码

最新推荐文章于 2022-10-20 12:09:22 发布

原创最新推荐文章于 2022-10-20 12:09:22 发布 · 1.8k 阅读

0 ·

CC 4.0 BY-SA版权

HTML前端同时被 2 个专栏收录

4 篇文章

订阅专栏

dedecms

1 篇文章

订阅专栏

本文介绍了如何在织梦(DEDECMS)中使用分页标签及通用分页样式代码，帮助站长快速高效地实现网站分页功能。通过示例代码展示分页列表模板的插入方法，并提供了相应的CSS样式，以实现美观的分页效果。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

我们站长使用织梦(dedecms)用来给自己的网站作为内核的还是比较多的，因为属于国产CMS，一来要支持一下，二来算是目前国内CMS中做的最好的开源程序之一。所以更多的朋友喜欢用来作为网站的内核。我们只需要给自己需要做的网站做一个属于自己的模板就可以了。但是在做模板的过程中我们需要用到很多功能，一些通用的功能完全可以采纳通用的样式代码操作，比如itbulu在给公司做仿站的时候需要用到的标签都做成通用版，以后要要使用的时候直接调用复制就可以，省时省力。

比如今天我要分享的是我们最为常用的分页列表及分页样式代码，很多人在这个上面花费的时间较多，其实很简单，如果使用我下面的通用版本就很轻而易举的完工。
首先，我们需要在分页列表模板中插入分页列表标签：
<ul>{dede:listpagesize='30'}

<li><ahref="[field:arcurl/]">[field:title/]</a>([field:click/]次阅读)</li>
{/dede:list}</ul>
<div id="pageNav">
<ul>{dede:pagelistlistitem="info,index,end,pre,next,pageno"listsize="5"/}</ul></div>

查看上面的代码是我们需要插入在分页列表模板中的，上面的列表样式我就不列举，主要看其中的分页这段，因为重点是这里，因为很多朋友在加入分页后出现有小圆点，或者是不是横排的。
其次，加入分页样式：
#pageNav {
    font:12px/24px Tahoma;
    height:30px;
    margin: 15pxauto 0;
    text-align:center;
    width:500px;
}
#pageNav ul {
   list-style-type: none;
    overflow:hidden;
}
#pageNav ul li {
   background-color: #FFFFFF;
    border: 1pxsolid #CCDBE4;
    color:#0B3B8C;
    display:block;
    height:22px;
    margin: 02px;
    padding: 03px;
float: left;
}
#pageNav ul li a {
   background-color: #FFFFFF;
    color:#0B3B8C;
    padding: 03px;
}
#pageNav ul li a:hover {
    color:#D87D08;
}
#pageNav ul li.hover {
    border: 0none;
    color:#000000;
    font-weight:bold;
}
#pageNav ul li.hover a {
    color:#000000;
}