dede 分页无法修改

只想修改分页的样式（CSS）

这是最常见的需求,比如想把数字分页改成圆角按钮，或者修改当前页的字体颜色。

解决方案：修改 CSS 文件

DedeCMS 的前台页面样式都由 CSS 文件控制，分页的样式也不例外。

1. 找到 CSS 文件：

   • 登录您的 FTP 或主机文件管理器。
   • 进入您的模板目录,通常是 /templets/您的模板名称/。
   • 在这个目录下找到 style.css 文件（也可能是 main.css 或其他名称，取决于您的模板）。

2. 定位分页相关的 CSS 选择器：

   • 用文本编辑器（如 VS Code, Sublime Text, Notepad++）打开这个 CSS 文件。
   • 搜索以下关键词来找到分页相关的样式代码：
     • .page (最常用)
     • .pagelist
     • .page a
     • .page span
     • .page a:hover
     • .page .thisclass (通常表示当前页)

3. 修改样式：

   • 找到对应的 CSS 选择器后，直接修改其属性即可。

   • 示例：修改当前页样式为红色加粗

     /* 原始样式可能是这样的 */
     .page .thisclass {
         padding: 2px 8px;
         border: 1px solid #ddd;
         background: #f5f5f5;
     }
     /* 修改为红色加粗 */
     .page .thisclass {
         padding: 2px 8px;
         border: 1px solid #ff0000; /* 红色边框 */
         background: #ffcccc;       /* 浅红色背景 */
         color: #ff0000;           /* 红色文字 */
         font-weight: bold;         /* 加粗 */
     }

   • 示例：给所有分页链接加圆角

     .page a, .page span {
         display: inline-block;
         padding: 2px 8px;
         margin: 0 2px;
         border-radius: 4px; /* 添加圆角 */
         border: 1px solid #ddd;
         text-decoration: none;
     }

4. 刷新网站：

   • 保存 CSS 文件后，清除浏览器缓存（按 Ctrl + F5 强制刷新），您就能看到样式变化了。

分页的 HTML 结构不想要，想彻底自定义

如果默认的 <div class="page">...</div> 结构满足不了您的需求，比如想改成 <ul> 列表形式，就需要修改 PHP 模板文件。

解决方案：修改 PHP 模板文件

分页的 HTML 是由 PHP 代码动态生成的，这些代码位于模板文件中。

1. 找到分页代码所在的模板文件：

   • 分页代码通常出现在列表页和文章内容页。
   • 列表页：路径为 /templets/您的模板名称/list_*.htm (list_article.htm)。
   • 页：路径为 /templets/您的模板名称/article_article.htm。

2. 定位分页代码：

   • 打开对应的模板文件,搜索 {dede:pagelist} 这个标签。
   • 它通常看起来是这个样子：

     <div class="page">
       {dede:pagelist listsize='5' listitem='info,index,end,pre,next,pageno' function='html2text(@me)'}
       <span class="pageinfo">共 <strong>{dede:field.totalpage/}</strong> 页</span>
     </div>

3. 修改或替换分页标签：

   • 方法 A：在 {dede:pagelist} 标签外层添加自定义 HTML 结构 这是最简单的方法，您不需要修改标签本身，只需要把它包裹在您想要的结构里。

     <!-- 原始代码 -->
     <div class="page">
       {dede:pagelist listsize='5' listitem='info,index,end,pre,next,pageno' function='html2text(@me)'}
     </div>
     <!-- 修改后，改成 ul 列表形式 -->
     <ul class="pagination">
       <li class="pageinfo">共 {dede:field.totalpage/} 页</li>
       {dede:pagelist listsize='5' listitem='pre,next,pageno' function='html2text(@me)'/}
     </ul>

     然后您只需要在 CSS 文件中为 .pagination 和 li 标签编写样式即可。

   • 方法 B：修改 {dede:pagelist} 的 listitem 属性 listitem 属性用来控制分页显示哪些部分，您可以按需组合。

     • info: 显示共几页信息
     • index: 首页
     • pre: 上一页
     • next: 下一页
     • last: 末页
     • pageno: 页码
     • option: 下拉跳转框
     • optionplus: 带页码的下拉跳转框

     如果您只想显示“上一页、页码、下一页”，可以修改为：

     {dede:pagelist listitem='pre,next,pageno' listsize='5'/}

   • 方法 C：完全自定义分页的 HTML 模板（高级） 如果您对 {dede:pagelist} 生成的默认 HTML 非常不满意，可以创建自己的模板。

     1. 在 include/arc.listview.class.php 文件中找到 GetPageListDM 函数，找到 $listdd = str_replace('index', $indexpage, $listdd); 这类代码。
     2. 您可以修改这里的 $listdd 变量，但这非常不推荐，因为升级系统后会被覆盖。
     3. 推荐做法：直接在模板文件里用 {dede:pagelist} 结合一些判断来实现，虽然复杂，但更灵活。

修改分页函数（如 function='html2text(@me)'）

您可能发现分页里的链接是纯文本,或者格式很乱，这通常是因为 function='html2text(@me)' 这个函数在起作用，它的作用是去除 HTML 标签，只保留文本。

解决方案：移除或修改 function 属性

1. 找到 {dede:pagelist}（参考问题二）。

2. 直接删除 function='html2text(@me)' 这部分。

   <!-- 修改前 -->
   {dede:pagelist listsize='5' listitem='info,index,end,pre,next,pageno' function='html2text(@me)'}
   <!-- 修改后 -->
   {dede:pagelist listsize='5' listitem='info,index,end,pre,next,pageno'}

3. 刷新网站，您会发现分页的链接恢复了正常的 <a> 标签样式，这时您就可以通过 CSS 来自由控制了。