{hide}

<a class="item active" href="https://blog.heylie.cn/" title="首页"><i class="iconfont icon-shouye"></i> 首页</a>
        <?php $this->widget('Widget_Contents_Page_List')->to($pages); ?>
        <?php if (count($pages->stack) <= $this->options->JNavMaxNum) : ?>
        <?php foreach ($pages->stack as $item) : ?>
          <?php 
        $iconClassMap = [
            'start-page' => 'icon-message',
            //你的页面名和对应的图标
        ];
        $iconClass = isset($iconClassMap[$item['slug']]) ? $iconClassMap[$item['slug']] : '';
    ?>
    <a class="item <?php echo $this->is('page', $item['slug']) ? 'active' : '' ?>" href="<?php echo $item['permalink'] ?>" title="<?php echo $item['title'] ?>">
        <?php if ($iconClass !== '') : ?>
            <i class="iconfont <?php echo $iconClass ?>"></i>
        <?php endif; ?>
        <?php echo $item['title'] ?>
    </a>
     <?php endforeach; ?>
        <?php else : ?>

{/hide}

{mtitle title=”步骤三：引用iconfont-阿里巴巴矢量图标库“/}

为了在顶部图标中使用来自阿里巴巴矢量图标的字体图标，你需要先在iconfont.cn上注册并上传、管理你的图标。然后获取对应的在线CSS链接或者下载到本地引用。

假设你已经在iconfont.cn上完成了图标管理和项目创建，你可以获得一个在线CSS链接，通常格式如下：

<link rel="stylesheet" 
  href="//at.alicdn.com/t/c/font_4470129_d0s6krp92yp.css">

将这个链接添加到你的主题的header.php文件或者其他适当位置（例如style.css文件的头部），确保它能够在页面加载时被正确引入。这样，你就可以在HTML代码中通过类名来使用这些图标了，如在上述PHP代码中的

 <link rel="stylesheet" href=
   "//at.alicdn.com/t/c/font_4470129_d0s6krp92yp.css">

请根据实际情况替换上述URL中的font_4470129_d0s6krp92yp.css为你的项目实际生成的样式链接ID。

{mtitle title=”后续“/}

后续我会在本页面更新一个引用！

版权声明

   站内部分内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供网络资源分享服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容， 请 联系我们 一经核实，立即删除。并对发布账号进行永久封禁处理。在为用户提供最好的产品同时，保证优秀的服务质量。

---

本站仅提供信息存储空间,不拥有所有权,不承担相关法律责任。