杨泽业：让mipcms侧边栏的部分栏目文章按标签样式显示（小众需求）

网站服务商杨泽业：让mipcms侧边栏的部分栏目文章按标签样式显示（小众需求）本站添加了一个叫做建站百科的栏目，因为百科是词条，字数肯定不会像普通文章那样长了，如果按照普通的文

网站服务商杨泽业：让mipcms侧边栏的部分栏目文章按标签样式显示（小众需求）

本站添加了一个叫做建站百科的栏目，因为百科是词条，字数肯定不会像普通文章那样长了，如果按照普通的文章展示的话，看起来就不太好看。

所以我就想到了词条如果和标签那样显示就好看多了，今天就根据自己的实际需要，修改了文章的显示的样式，不按普通的文章样式展示了，而是像标签一样显示。说做就做，做成以后，没有问题了，我就把教程给大家公布一下，在这里杨泽业希望各自在自己的行业里面也做一个相关的百科栏目出来，最好是顶级栏目哦！

举例 泡茶 除了茶盘 （套件），可以有一个叫 飘逸杯 的东西,用飘逸杯泡茶非常适合一个人泡茶了。

因为词条的特殊性，我计划是在词条的文章详情页的右侧，放最新的200个词条，不要标签了。在词条的栏目列表页的右侧，放最热门的200个词条，下面是改造方法：

一、文章详情页改造方法和步骤

复制一份文章详情页模板文件articleDetail.html重命名为articleDetail-baike.html把下面的：

            <section class="mip-box mip-box-default">
                <section class="mip-box-heading">
                    <h3>最新{$mipInfo['articleModelName']}</h3>
                </section>
                <section class="mip-box-body">
                    <ul class="list-unstyled">
                        {mipcms:article value="v" limit='5'}
                        <li class="li-box-list">
                            <a href="{$v.url}" data-type="mip" data-title="{$v.title}" title="{$v.title}">{$v.title}</a>
                            <p>{$v['publish_time']|date='Y-m-d',###}</p>
                        </li>
                        {/mipcms:article}
                    </ul>
                </section>
            </section>
            {include file='block/tags-new'}
        </aside>

改成：

<div class="mip-box">
    <div class="mip-box-heading">
         <h3>{$itemInfo['categoryInfo']['name']}栏目最新词条</h3>
    </div>
    <div class="mip-box-body">
        <ul class="list-unstyled tags">
           {mipcms:article value="v" cid="$itemInfo['cid']" limit='200'}
                <li class="m-b-sm"><a href="{$v.url}" data-type="mip" data-title="{$v.title}" title="{$v['title']}">{$v.title}</a></li>
            {/mipcms:article}
        </ul>
    </div>
</div>

二、栏目列表页的改造方法和步骤：

复制一份栏目列表页里面的article.html重命名为article-baike.html，把下面的：

<section class="mip-box mip-box-default">
                <section class="mip-box-heading">
                    <h3>热门{$mipInfo['articleModelName']}</h3>
                </section>
                <section class="mip-box-body">
                    <ul class="list-unstyled">
                        {mipcms:article value="v" cid='$categoryInfo["cid"]' orderBy='views' limit='6'}
                        <li class="li-box-list">
                            <a href="{$v.url}" data-type="mip" data-title="{$v.title}" title="{$v['title']}">{$v.title}</a>
                            <p>{$v['publish_time']|date='Y-m-d',###}</p>
                        </li>
                        {/mipcms:article}
                    </ul>
                </section>
            </section>
            
            {include file='block/tags-hot'}

改成：

<div class="mip-box">
    <div class="mip-box-heading">
         <h3>{$categoryInfo['name']}栏目热门词条</h3>
    </div>
    <div class="mip-box-body">
        <ul class="list-unstyled tags">
           {mipcms:article value="v" cid='$categoryInfo["cid"]' orderBy='views' limit='200'}
                <li class="m-b-sm"><a href="{$v.url}" data-type="mip" data-title="{$v.title}" title="{$v['title']}">{$v.title}</a></li>
            {/mipcms:article}
        </ul>
    </div>
</div>

三、把做好的两个模板article-baike.html和articleDetail-baike.html上传到template\模板名称\article\里面

四、后台--文章-分类管理--编辑分类--模板页选择

4.1、分类模板选择article-baike.html

4.2、详情模板选择articleDetail-baike.html

就这样，你的 百科的分类页面和详情页面就是显示百科的词条啦！

详细效果可以参考本站百科栏目哦！

参考网址：https://www.wzfws.com/jianzhan/baike/

猜你喜欢