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

  • 时间:
  • 浏览:136
  • 来源:网站服务商官网
  • 网址:www.wzfws.com

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

猜你喜欢

杨泽业:给mipcms文章列表页,文章发布时间的右侧添加栏目及标签详细教程

网站服务商杨泽业:给mipcms文章列表页,文章发布时间的右侧添加栏目及标签详细教程今天我把我的网站首页和栏目列表页,文章发布时间的右侧,添加了文章所在的栏目分类,以及该文章的

2018-10-18 @mipcms  栏目标签

杨泽业:mipcms模板开发者必须熟悉的模板结构、调用标签和调用代码合集(持续更新中)

网站服务商杨泽业:mipcms模板开发者必须熟悉的模板结构、调用标签和调用代码合集(持续更新中)网站服务商即将推出新的网站模板,供大家免费使用,同时也希望更多的人学会开发属于自

2018-10-16 @mipcms  mipcms调用代码调用标签

杨泽业:给你的mipcms网站添加文章标签内链的插件

网站服务商杨泽业:给你的mipcms网站添加文章标签内链的插件我上次分享过添加文章评论的插件,今天来讲讲给你的mipcms网站添加文章标签内链的功能。我们为什么要添加文章标签内

2018-10-04 @mipcms  文章标签内链文章关键词内链

杨泽业:给你的网站添加自定义标签分组,并且在前台显示出来的详细教程

网站服务商杨泽业:给你的网站添加自定义标签分组,并且在前台显示出来昨天我在本站发布了《给你的mipcms添加个性化的自定义模板,让你的网站运营更轻松》的文章,这篇文章是今天分享

2018-09-21 @mipcms  添加标签分类景安虚拟主机阿里云虚拟主机西部数码虚拟主机分类标签模板标签分组

修改你的mipcms网站的标签样式,让网站看起来更好看

如果你有多个网站的话,每个网站都是一样的模板的话,让人看起来太普通了一点,如果换一个标签的样式,给人的感觉就与众不同了,当然这就是个人的爱好问题了,想修改成和网站服务商的网站一

2018-09-14 @mipcms  样式表网站服务商代码