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

  • 时间:
  • 浏览:200
  • 来源:网站服务商官网

网站服务商杨泽业:让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/

猜你喜欢

最新mjpjz5.0模板全新为你服务,功能更强体验更佳

mipcms源码升级为全新的mipjz,新的源码,有着新的改变,让网站功能更佳强大,用户体验也更加友好。网站服务商杨泽业一直致力于mipjz的模板的改进与优化,同步推出了使用于

2019-02-18  分类:本站公告  浏览:12次

全新mipcm5.0的模板上线,现在预订只要30元

由于团长在2019年元旦放出了mipcms5.0的最新源码,MIPCMSv5.0是基于MIPCMSv3.6基础上重构版本,新增标签分类模板功能,新增标签推送功能,新增搜索功能等

2019-01-09  分类:本站公告  浏览:127次

永久虚拟主机即将下架,目前特价预定中,一旦错过就再也没有了!

永久虚拟主机即将下架,目前特价预定中,一旦错过就再也没有了!由网站服务商杨泽业代理的永久美国虚拟主机和永久的香港虚拟主机12月31日下架,元旦以后再也买不到了。因此,未来想做多

2018-12-30  分类:本站公告  浏览:156次

杨泽业:给你的mipcms网站添加自定义缩略图的功能

网站服务商杨泽业:给你的mipcms网站添加自定义缩略图我们在最新版本的mipcms3.6中的,默认的文章里面,在添加文章的时候,是没有自定义缩略图的功能,而在我们实际发布文章

2018-12-30  分类:mipcms  浏览:149次

杨泽业:修改mipcms网站后台地址的方法

在mipcms的网站系统里面,默认的网站后台地址是/admin或者/?s=/admin因为每个人都知道这个网站后台地址,所以就容易引起别人的暴力破解,我们修改了网站后台的登陆地

2018-12-25  分类:mipcms  浏览:240次