大人,时代变了!目前typecho最完美的解决方案了,因为百度只能看到固定思维的代码。

先看看实际生成的html代码截图,干净到让人窒息

完全的自定义,包括给li元素加上class,给a元素加上class,给上一页下一页加上class,去除typecho自带用于表示更多的li标签。甚至里面的内容我也能添加一些文字。

废话不多说,上源码:

此处内容已隐藏回复后方可阅读。

要想理解为什么,首先你要了解$this->pageNav()这段代码做了什么,具体你可以百度,很多人自定义都是用的这个,这里我放一下自己常用的解释:

<!-- page翻页
wrapTag 外层包裹标签名, 默认ol
wrapClass 外层包裹类名
itemTag 内层标签名, 默认li
textTag 直接输出文字的标签名
currentClass 当前聚焦类名
prevClass 上一页类名
nextClass 下一页类名 -->

基本就ok了,只要领悟能力够应该很容易就从源码中发现怎么自定义了。

分类: Typecho博客教程 标签: typecho分页自定义分页

评论

全部评论 179

  1. 新程序已上线
    新程序已上线
    Google Chrome Windows 10
    学习一下
  2. 毒蛊
    毒蛊
    QQ Browser Android
    好的
  3. 清酒
    清酒
    Google Chrome Windows 7
    冲啊花花
  4. Veen
    Veen
    Google Chrome Windows 10
    [滑稽]来看看
  5. 明石
    明石
    Google Chrome Windows 10
    来看看,写分页样式把我写无语了
  6. Yuki
    Yuki
    Google Chrome Windows 10
    样式很好看,正好最近在进行typecho主题的DIY,特来学习学习
  7. qwer
    qwer
    Google Chrome Windows 10
    简直完美
  8. 波波头
    波波头
    Google Chrome MacOS
    来看看[doge]
  9. 格格巫
    格格巫
    Google Chrome Android
    真的好看哈哈哈
    1. 木灵鱼儿
      木灵鱼儿
      FireFox Windows 10
      @格格巫样式需要自己写的
  10. 格格巫
    格格巫
    Google Chrome Android
    是什么样子的

目录