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

  • 时间:
  • 浏览:385次
  • 来源:网站服务商官网 网址:https://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/

本文地址:https://www.wzfws.com/bqysxs.html


网站服务商经典语录
欢迎关注我的微信和微信公众号

猜你喜欢

视频教程:在自己的电脑上安装phpstudy软件,创建本地网站环境,搭建各种网站

我们做网站的人经常要安装各种网站程序,看看这个网站程序适合不适合自己的要求,这个网站源码到底是否可用等,本地安装测试,要比上传到虚拟主机或者服务器上面修改要方便得多。php中文

2019-07-24  分类:基础知识  浏览:215次


免费在线智能AI文章伪原创工具源码

免费在线智能AI文章伪原创工具源码出售本工具源码不写入数据库,上传到任意支持php的网站空间即可,部分空间需要开启相关的参数,才能正确使用。伪原创工具的工作原理是:使用谷歌翻译

2019-07-19  分类:小工具  浏览:283次


网站服务商diy模板更新

更新的地方有:1、6月19日增加了两个栏目单页面模板。2、6月22日修改了文章详情页的字体大小和间距。3、6月23日调整了上一篇、下一篇和猜你喜欢的位置。4、6月24日,在上一篇、下一篇的上方,增加一个回到目录的提示与地址。

2019-07-01  分类:本站公告  浏览:268次


杨泽业:mipjz网站的MIP数据提交到神马搜索的实现方法

今天早上研究了一下,怎么把mipjz程序的文章链接和标签链接推送到神马搜索里面。我们的程序是mip的,神马搜索页也支持MIP数据提交。神马搜索里面只是提供了api,没有提交的入

2019-07-01  分类:mipcms  浏览:351次


工信部批复设立中国自己的域名根服务器

6月26日,工信部发布通告《工业和信息化部关于同意中国互联网络信息中心设立域名根服务器(F、I、K、L根镜像服务器)及域名根服务器运行机构的批复》及《工业和信息化部关于同意互联

2019-06-28  分类:行业资讯  浏览:256次


给你的网站添加百度商桥的在线沟通的功能

今天我访问我的一个买了我的mip网站模板的客户的网站,发现了他的网站添加了百度商桥的在线沟通的功能。我认为添加了商桥的代码,肯定就不能通过百度mip的验证了。但是,我错了。我经

2019-06-21  分类:基础知识  浏览:390次


景安虚拟主机免费一键开启https安全访问的方法

今天在杨泽业网站建设交流群(群号:187388018)群友普密斯精密仪器问我:“群主,你网站上有把mipcms加上https的教程吗?”我回答说:“没有,你遇到什么问题了,直接

2019-06-20  分类:基础知识  浏览:322次


网站服务商diy模板618更新:全站删除文章缩略图,让网站访问更加快速

网站服务商讯:网站服务商站长杨泽业基于mipjz官方模版制作的diy模板,在2019年6月18日进行更新:全站删除文章缩略图,让网站访问更加快速。本次删除的缩略图的地方有首页列

2019-06-17  分类:本站公告  浏览:254次


给网站添加网站地图

网站地图,又称站点地图,它就是一个引导页面,让用户或者搜索引擎更加方便的找到自己需要的内容,搜索引擎蜘蛛非常喜欢网站地图。网站地图分为html地图和xml地图。html地图给用

2019-06-10  分类:基础知识  浏览:302次


网站地图

网站地图,又称站点地图,它就是一个引导页面,让用户或者搜索引擎更加方便的找到自己需要的内容,搜索引擎蜘蛛非常喜欢网站地图。网站地图分为html地图和xml地图。html地图给用

2019-06-10  分类:建站百科  浏览:194次