创意电子
标题: 知头条xlmmapp [打印本页]
作者: 创意电子 时间: 2022-8-5 17:33
标题: 知头条xlmmapp
模板详细使用说明
1 模板安装时会合并下载xlmmapp触屏版管理插件 请在后台-应用-插件列表找到它安装并启用 (必须先启用)
2 模板安装后请在后台-界面-风格管理将xlmmapp手机触屏版勾选为默认
3 后台-全局-手机版访问设置如下图设置
4 后台-论坛-首页四格开启选择是,其他按自己需要来设置(这个并不是必须开启)
经过以上设置后,模板可以投入使用,也不需要去修改任何文件,非常简单。
特别说明一下管理插件里首页推荐页diy模块部分,这个是单独为首页预留的diy内部调用功能,您可以在此填入后台添加的内部调用模块
至此详细的使用说明结束
DIY内部调用模块特别说明
门户推荐幻灯片的调用
后台-门户-模块管理 数据调用 模块分类选择帖子模块,然后添加调用
弹出的编辑模块设置项按照下图设置
、将里面代码替换为
- <section class=" home-slider-box" style="margin-top:5px">
- <div class="slider-lists ">
- <div class="swiper-wrapper">
- [loop]
- <a href="{url}"{target} class="swiper-slide"><img src="{pic}" width="{picwidth}" height="{picheight}" /> <span class="xlmmhmtit">{title}</span></a>
- [/loop]
- </div>
- <div class="slider-nums flex swiper-pagination swiper-pagination-clickable swiper-pagination-bullets"></div>
- </div>
- </section>
- <script type="text/javascript">
- var xlmmsw2num = $(".slider-lists .swiper-slide").size()
- var xlmmsw2 = new Swiper('.slider-lists',{
- loop: true,
- autoplay: {
- delay: 4000,DisableOnInteraction : false,
- },
- slidesPerView : 'auto',
- loopedSlides :xlmmsw2num,
- pagination: {
- el: '.home-slider-box .swiper-pagination',
- clickable: true,
- type: 'fraction',
- },
- });
- </script>
复制代码门户推荐图标导航的调用
如下图添加
HTML代码为
- <div class="kind white cl">
- <a href="./">
- <img src="template/xlmmapp/m-img/ficon/01.jpg" style="display: block;">
- <span>生活</span>
- </a>
- <a href="./">
- <img src="template/xlmmapp/m-img/ficon/02.jpg" style="display: block;">
- <span>互联网</span>
- </a>
- <a href="./">
- <img src="template/xlmmapp/m-img/ficon/03.png" style="display: block;">
- <span>职场</span>
- </a>
- <a href="./">
- <img src="template/xlmmapp/m-img/ficon/04.png" style="display: block;">
- <span>教育</span>
- </a>
- <a href="./">
- <img src="template/xlmmapp/m-img/ficon/05.png" style="display: block;">
- <span>楼市</span>
- </a>
- </div>
复制代码门户资讯滚动的调用
如下设置
代码替换为
- <div class="xlmmhd1tit cl">
- <span class="xlmmtithd1">知资讯</span>
- <div class="xlmmggbs">
- <ul class="swiper-wrapper">
- [loop]
- <li class="swiper-slide"> <a href="{url}"{target} class="xlmmhd1tita">{title}<em class="xlmmhd1titr"> {dateline}</em></a></li>
- [/loop]
- <ul>
- </div>
- </div>
- <script type="text/javascript">
- var xlmmggbs = new Swiper('.xlmmggbs',{
- direction: 'vertical',
- loop: true,
- autoplay: {
- delay: 6000,DisableOnInteraction : false,
- },
- });
- </script>
复制代码门户资讯大标题+小标题的调用
进入后台如下设置
代码替换为
- <div class="white cl" style=" padding:0 20px;margin-top:12px">
- [index=1] <div class="xlmmmgdtit cl"> <a href="{url}"{target}>
- <h1>{title}</h1>
- <p>{summary}...</p>
- </a></div>[/index]
- <div class="xlmmmgdstit cl">
- <ul>[loop]<li><i>{dateline}</i><a href="{url}"><span>[{forumname}]</span>{title}</a></li>[/loop]</ul>
- </div>
- </div>
复制代码模板添加好了,怎么在前台显示呢,我们可以看到每个模块都有内部调用选项
我们以门户推荐幻灯片为例
可以看到它的内部调用内容为<!--{block/4}-->,然后把它填在插件里就行
欢迎光临 创意电子 (https://wxcydz.cc/) |
Powered by Discuz! X3.4 |