标奇创意《EAST自媒体+手机版》安装修改及DIY导入说明 电脑版安装说明 1、 设置我们的模板为电脑版,然后提交、再更新下css缓存。
2、 开通门户(其他站点功能按需开通)
3、添加门户频道并为频道选择使用我们的文章列表模板
4、 设置论坛首页显示边栏
4.2、瀑布流设置
5、 编辑设置你要开启主题列表右边栏的版块(可以批量开启)
6、 版块主题列表页左侧版块导航开启说明,宽度130开启,0即为关闭(作者建议关闭)
7、完成上面的后台设置后,下面就是在前台导入不同页面的DIY文件 7.1、在门户首页(http://你的域名/portal.php)导入《portal-index.xml》;
按上面方法导入下面DIY文件: 7.2在频道文章列表页面(例如:http://你的域名/portal.php?mod=list&catid=1),导入《portal-list_1.xml》 7.3在频道文章内容页面(例如:http://你的域名/portal.php?mod=view&aid=1),导入《portal-view_1.xml》 7.4在论坛首页(例如:http://你的域名/forum.php),导入《forum-discuz.xml》; 7.5在第5步开启主题列表边栏的版块列表页(例如:http://你的域名/forum.php?mod=forumdisplay&fid=),导入《forum-forumdisplay.xml》; 7.6随便点开一个帖子,导入《forum-viewthread.xml》 8、网站LOGO及底部等图片修改在template\biaoqi_east\images图片目录中。 9、门户首页图文每页显示数量在template\biaoqi_east\portal\index.php中最下面的js修改。
标奇创意《EAST自媒体+手机版》手机配置说明 一、Discuz后台开启手机版 1、http//你的域名/admin.php后台,全局》手机版访问设置,如下图:
2、设置本模板为手机触屏版,如下图:
二、首页DIY调用教程 1、通过服务器或FTP打开模板文件template\ biaoqi_east\touch\portal\index.php
2、打开后台,门户,模块管理,数据调用,如下图:
(1)首页幻灯片DIY教程 选择“帖子模块”点击添加调用:
在出现的界面中设置参数:
模块标识:随意起 特殊主题过滤:普通主题 必须含图片附件:选“是” 名称长度:默认 显示条数:3 设置完成,点击确定。 然后点击“属性”,如下图:
点击模块模板:
复制下面的代码,替换模块模板中的代码,点击更新: - <div id="imgSwipe" class="swipe">
- <div class="swipe-wrap">
- [loop]
- <div class="swipe_pic">
- <a href="{url}">
- <img src="{pic}" width="{picwidth}" height="{picheight}" alt="{title}">
- <h3 class="swipe_h3"><em class="newstxt">{title}</em></h3>
- </a>
- </div>
- [/loop]
- </div>
- <ul class="swipe_num">
- <li class="dot active"></li>
- <li class="dot"></li>
- <li class="dot"></li>
- </ul>
- </div><span style="font-family: 微软雅黑, sans-serif; background-color: rgb(255, 255, 255);"> </span>
复制代码再次点击“属性”,向下拉,找到“缩略图宽度”,“缩略图高度”, 缩略图宽度:800 缩略图高度:400 点击确定。 如第一那样点击“内部调用”,复制内部调用代码: 在刚才打开的index.php文件中,找到“<!--{block/1111}-->”,替换掉! (2)幻灯下四个快捷导航 数据调用,选择静态模块,把下面代码填进自定义HTML代码框 - <div class="index_navlist">
- <ul>
- <li><a href="#">
- <div class="iconimg"><i class="biaoqicn_kj_ico forum_icon"></i></div>
- <p>版块</p>
- </a></li>
- <li><a href="#">
- <div class="iconimg"><i class="biaoqicn_kj_ico sign_icon"></i></div>
- <p>自定义</p>
- </a></li>
- <li><a href="#">
- <div class="iconimg"><i class="biaoqicn_kj_ico convert_icon"></i></div>
- <p>自定义</p>
- </a></li>
- <li><a href="#">
- <div class="iconimg"><i class="biaoqicn_kj_ico try_icon"></i></div>
- <p>自定义</p>
- </a></li>
-
- </ul>
- </div>
复制代码在index.php文件中,找到“<!--{block/2222}-->”,替换掉! (3)今日头条添加 数据调用,选择“帖子模块”点击添加调用:
在出现的界面中设置参数:
模块标识:随意起 特殊主题过滤:普通主题 必须含图片附件:选“是” 名称长度:默认 显示条数:1 设置完成,点击确定。 然后点击“属性”,点击模块模板: 复制下面的代码,替换模块模板中的代码,点击更新: - <div class="recom-item cl">
- <div class="biaoqicn_module-hd">
- <h2>今日头条
- <span><a href="#"><i class="iconfont biaoqicn-more"></i></a></span>
- </h2>
- </div>
- [loop]
- <div class="J_link cl">
- <div class="icon">
- <a href="{url}" rel="nofollow"><img src="{pic}" width="{picwidth}" height="{picheight}" /></a>
- </div>
- <div class="info">
- <p class="name">
- <a href="{url}">{title}</a>
- <a href="{url}" class="btn" >详情</a>
- </p>
- <p class="tag">
- <span>作者</span>
- <span>{author}</span>
- </p>
- <p class="desc">{summary}</p>
- </div>
- </div>
- [/loop]
- </div><span style="font-family: 微软雅黑, sans-serif; background-color: rgb(255, 255, 255);"> </span>
复制代码点击确定。 如第一那样点击“内部调用”,复制内部调用代码: 在刚才打开的index.php文件中,找到“<!--{block/3333}-->”,替换掉! (4)推荐主题调用 选择“帖子模块”点击添加调用:
在出现的界面中设置参数: 模块标识:随意起 特殊主题过滤:普通主题 名称长度:默认 显示条数:7 设置完成,点击确定。然后再点击“属性” 点击模块模板:
复制下面的模板,替换模块模板中的代码,点击更新: - <div class="recom-item cl">
- <div class="biaoqicn_module-hd"><h2>推荐主题<span><a href="#"><i class="iconfont biaoqicn-more"></i></a></span></h2></div>
- <div class="recom-item-box cl">
- [index=1]
- <div class="recom-cell">
- <a href="{url}" title="{title}">
- <img src="{pic}" width="{picwidth}" height="{picheight}" title="{title}" />
- <div class="desc">{title}</div>
- </a>
- </div>
- [/index]
- [index=2]
- <div class="recom-cell">
- <a href="{url}" title="{title}">
- <img src="{pic}" width="{picwidth}" height="{picheight}" title="{title}" />
- <div class="desc">{title}</div>
- </a>
- </div>
- [/index]
-
- <ul class="news">
- [loop]<li class="J_link"><a href="{url}">{title}</a></li>[/loop]
- </ul>
-
- <ul class="cat">
- <li><a href="#">推荐</a></li>
- <li><a href="#">新游</a></li>
- <li><a href="#">专栏</a></li>
- <li><a href="#">趣闻</a></li>
- </ul>
- </div>
- </div><span style="font-family: 微软雅黑, sans-serif; background-color: rgb(255, 255, 255);"> </span>
复制代码再次点击“属性”,向下拉,找到“缩略图宽度”,“缩略图高度”, 缩略图宽度:400 缩略图高度:240 点击确定。 点击“内部调用”,复制内部调用代码: 在刚才打开的index.php文件中,找到“<!--{block/4444}-->”,替换掉 (5)最新热门调用 选择“帖子模块”点击添加调用:
在出现的界面中设置参数: 模块标识:随意起 特殊主题过滤:普通主题 名称长度:默认 显示条数:随意设置 设置完成,点击确定。 然后点击“属性”,再点击模块模板: 复制下面的模板,替换模块模板中的代码,点击更新: - <div class="biaoqicn_hot_box">
- <div class="biaoqicn_module-hd"><h2>最新热门<span><a href="#"><i class="iconfont biaoqicn-more"></i></a></span></h2>
- </div>
-
- [loop]
- <div class="biaoqicn_hot_list">
- <ul>
-
- <div class="biaoqicn_hot">
- <a href="{url}" title="{title}">
- <img src="{pic}" width="{picwidth}" height="{picheight}" alt="{title}">
- </a>
- </div>
-
- <div class="biaoqicn_hot_ctt">
- <h3><a href="{url}">{title}</a></h3>
- <div class="mob-author">
- <span><img src="{avatar}" /></i>{author}</span>
- <span class="y">
- <em class="views"><i class="iconfont biaoqicn-chakan"></i>{views} </em>
- <em class="replys"><i class="iconfont biaoqicn-huifu"></i>{replies} </em>
- </span>
- </div>
- </div>
-
- </ul>
- </div>
- [/loop]
- </div><span style="font-family: 微软雅黑, sans-serif; background-color: rgb(255, 255, 255);"> </span>
复制代码再次点击“属性”,向下拉,找到“缩略图宽度”,“缩略图高度”, 缩略图宽度:300 缩略图高度:200 点击确定。 点击“内部调用”,复制内部调用代码: 在刚才打开的index.php文件中,找到“<!--{block/5555}-->”,替换掉 (6)首页热门版块调用 数据调用,版块模块
模块标识:随意起 版块排序方式:今日发帖 显示条数:8 复制下面代码替换DIY属性里的代码 - <div class="newcarpic cl">
- <div class="biaoqicn_module-hd"><h2>热门版块<span><a href="forum.php?forumlist=1&mobile=2"><i class="iconfont biaoqicn-more"></i></a></span></h2></div>
- <ul class="bd cl">
- [loop]
- <li><a href="{url}"><img src="{icon}" /><p>{title}</p></a></li>
- [/loop]
- </ul>
- </div>
复制代码
在刚才打开的index.php文件中,找到“<!--{block/6666}-->”,替换掉! (7)底部AD广告添加 同上面操作一样,选择静态模块,把下面代码填进自定义HTML代码框 - <div class="biaoqicn_ads">
- <a href="#" alt="自定义广告语"><img src="template/biaoqi_east/images/touch/ad/ad1.jpg" /></a>
- </div>
复制代码在index.php文件中,找到“<!--{block/7777}-->”,替换掉! 保存文件,上传到空间,覆盖原来的文件,后台更新缓存。 三、顶部左上角点击弹窗文字和链接修改 Template\ biaoqi_east\touch\common\header.php 四、底部导航文字和链接修改 template\ biaoqi_east\touch\common\footer.php 五、图片替换说明 图片目录为: template\ biaoqi_east\touch\common\images\touch
|