Xunm模版升级成功,原购买的朋友可以联系作者进行升级操作
首页 » 福利 » typecho导航调用分类,并实现折叠效果
typecho导航调用分类,并实现折叠效果
  • admin
  • 2018-12-22
  • 66 次
  • 1 条
  • 福利

  • 最近开始尝试开发typecho模板,说实话是相当容易了,大多数的功能百度一下都有解决方案的教程,所以制作起来也算容易,只不过没有模板引擎的缘故,各种标签其实就是php的代码。然后对于博客新的页面,希望以更加直观的方式呈现分类,所以要实现折叠显示的效果,其实效果这些css就可以解决,主要还是数据的循环调用问题,查阅了很多的资料,进行多次调试之后,才完善起来,所以决定记录下来。

    代码如下:

    <?php $this->widget('Widget_Metas_Category_List')->to($categorys); ?>
    
    <?php while($categorys->next()): ?>
    
    <?php if ($categorys->levels === 0): ?>
    
    <?php $children = $categorys->getAllChildren($categorys->mid); ?>
    
    <?php if (empty($children)) { ?>
    
    <li id="menu-item-<?php $categorys->mid(); ?>" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-<?php $categorys->mid(); ?>"><a href="<?php $categorys->permalink(); ?>"><?php $categorys->name(); ?></a></li>
    
    <?php } else { ?>
    
    <li id="menu-item-<?php $categorys->mid(); ?>" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-<?php $categorys->mid(); ?>"><a href="<?php $categorys->permalink(); ?>"><?php $categorys->name(); ?><span class="caret"></span></a>
    
    <ul class="sub-menu">
    
    <?php foreach ($children as $mid) { ?>
    
    <?php $child = $categorys->getCategory($mid); ?>
    
    <li id="menu-item-<?php echo $child['mid'] ?>" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-<?php echo $child['mid'] ?>"><a href="<?php echo $child['permalink'] ?>"><?php echo $child['name']; ?></a></li>
    
    <?php } ?>
    
    </ul>
    
    </li>
    
    <?php } ?>
    
    <?php endif; ?>
    
    <?php endwhile; ?>
    

    循环出的html代码截图,可以看到子类在父类标签内部被循环调出:
    836405567.png

    最终效果如下:
    895227122.png



    最后修改于:2018-12-22 15:12
    分享

      仅有一条评论
      寻梦天下
      2018-12-22 20:28

      奇乐网APP客服端评论测试

      App客服端 回复

    博主介绍

  • 博主:寻梦xunm
  • 邮箱:vipshiyi@qq.com
  • 微信:shiihk
  • 熊掌号:奇乐之梦
  • 语录:追寻最初的梦想,坚持走下去!
  • 博主说说

    申请转正的朋友请在或者文章下面进行评论留言即可,

    转正评论留言格式为:你注册的用户名称或者邮箱即可!