风格调用文件导入安装方法

后台购买安装好风格后,认真按找下面步骤安装设置即可;

    注意:设置前记得要先把所购买的风格设置为默认,设置方法:后台—界面—风格管理—选择本模板为手机触屏版。


图片1.png 

1、进入【后台】—【工具】—【更新缓存】,更新论坛缓存;

 ==========================================================

2、选择之后,如果您的站点因没有开启手机版访问功能,所以用手机访问站点还是电脑版。这样您需要开启您网站手机版访问功能。进入【后台】—【全局】—【手机版访问设置】页面中进行设置。除了要开启手机版,还要选择【开启热帖】

 

image.png

注:由于最新版的discuz! X3.4版本新增了一个新触屏版,请不要开启新触屏版,要不就不会显示手机版样式了

 

 

 

3、功能开启,手机版某些功能需要先开启才可正常使用,所以您需要在后台开启相应的功能,以供手机版使用、调用。

image.png

image.png

风格内容的修改和使用, 请认真看下面的内容:

 

 

三、【DIY模块的添加和修改】

完成上述操作后,可能发现虽然手机版已经启用,但是打开手机版首页还是空的。是因为还没有添加DIY模块,现在就来看添加教程吧。

image.png

进入【后台】—【门户】—【模块管理】—【数据调用】—【选择模块分类】—【添加调用】

 

在添加前您需要先打开DIY模块文件”文件夹,打开后您可以看到里面的txt文件,并依次打开,根据每个txt文件的说明进行添加调用。

 

示例:添加一个幻灯片模块

步骤一:先打开“2仁天际-手机模板-幻灯片.txt”文档。

image.png

上图是打开文档完整样式,下列是文档内容中的添加说明,如果不懂设置模块属于,建议按说明中进行添加,产明中的模块分类是在点击添加调用前所选则的,其他几样则是在点击调用后添加和修改的属性。

image.png

步骤二:选择模块分类并点击添加调用

image.png

在文档的第一条说明是模块分类:帖子模块”,那我们就点击模块分类,然后选择帖子模块,然后再点击“添加调用”

 

步骤三:添加模块标题与修改参数

image.png

点击添加调用后会跳出这样一个模块属性框,我们直接把文档中的模块标识”填到这里来,再往下拉找到  必须含图片附件  选择:,再往下拉找到  显示条数  选择:5  ,然后点击确定

 

步骤四:填入模块代码

image.png

在确定后,会跳回模块列表页,我们找到模块,点击右边的属性”会跳出我们刚才添加的模块属性框,但不一样的是,多了”模块数据”和”模块模板”,在这里我们点“模块模板

image.png

image.png

然后回到幻灯片的文档,将红框中的其中一种代码全部复制,粘帖到模块模板的代码框里

image.png

填入代码后点击更新,模块添加就完成了,然后您按这方式将其它模块依次添加好。

 

示例二:添加一个静态模块

步骤一:先打开“3仁天际-手机模板-单排四个标签.txt”文档。

image.png

上图是打开文档完整样式,下列是文档内容中的添加说明,如果不懂设置模块属性,建议按说明中进行添加,说明中的模块分类是在点击添加调用前所选则的,其他几样则是在点击调用后添加和修改的属性。

image.png

步骤二:选择模块分类并点击添加调用

image.png

在文档的第一条说明是模块分类:静态模块”,那我们就点击模块分类,然后选择帖子模块,然后再点击“添加调用”

 

步骤三:添加模块标题与修改参数

image.png

步骤四:选择数据来源

图一:

image.png

图二:

image.png

填好模块标识后,直接在当前页面添加模块代码,首先需要选择数据来源,请看上图。

 

 

步骤五:填入模块代码

image.png


然后回到3仁天际-手机模板-单排四个标签.txt的文档,将红框中的代码全部复制,粘帖到模块的HTML代码框里

image.png

填入代码后点击确定,这个静态模块就完成了,然后您按这方式将其它模块依次添加好。

 

29个,添加完后类似效果如下图

image.png


三、【模块的调用】

在模块添加完成后,还需要将添加的DIY模块的内部调用代码填到管理插件“DIY模块”相应位置中,所添加的模块才能展示在手机版的首页和论坛等页面,下面打开插件“DIY模块”:

image.png

打开后可看到以下功能界面:

image.png

然后进入【后台】—【门户】—【模块管理】—【数据调用】页面,找到刚才添加的二十几个模块的后面依次选择“内部调用”,将内部调用代码复制粘贴至以上所说的相应模块放置位置中,如何排版就看您自已的意愿了。添加完成后点击“提交”,然后在后台更新缓存即可。

image.png


例如:

image.png

点击内部调用后,弹出的框中,蓝色位置的代码,复制后粘帖到以下位置:

image.png

粘帖好后进行“提交”,然后在后台工具那更新缓存即可。

可能您会觉得这些DIY模块看起来很乱,不知道放哪个,现在给您个示例,您可以参考下,就是我们演示站app.1009.com.cn的放置模块顺序和名称:

 

演示站地址:app.1009.com.cn的DIY模块放置

门户首页DIY模块

1仁天际-手机模板-单排文字导航

2仁天际-手机模板-自动裁切不变形幻灯片

4仁天际-手机模板-单排五个标签模块

22仁天际-手机模板-双排四个标签

6仁天际-手机模板-左图右标题帖子模块

8仁天际-手机模板-单图广告-2

5仁天际-手机模板-双排八个标签

11仁天际-手机模板-图片列表

17仁天际-手机模板-无图帖子模块

7仁天际-手机模板-单图广告-1

 

论坛首页卡片样式DIY模块

因选择的是分屏样式,论坛首页没有放置DIY模块。

 

论坛首页分屏样式DIY模块

因选择的是分屏样式,论坛首页没有放置DIY模块。

 

帖子列表页顶部DIY模块:

帖子列表页置顶帖上方DIY模块:

帖子内容页顶部标题上方DIY模块:

帖子内容页打赏按扭下方DIY模块:

帖子内容页底部翻页下方DIY模块:

 

帖子内容页中部回复上方DIY模块

8仁天际-手机模板-单图广告-2

 

发现页面DIY模块

 10仁天际-手机模板-全屏单图广告-2

12仁天际-手机模板-双排八个标签-2

13仁天际-手机模板-单排四个标签-2

 

群组(圈子)首页DIY模块块:

8仁天际-手机模板-单图广告-2

 

搜索页面DIY模块

8仁天际-手机模板-单图广告-2 

 

聚合发布入口页面广告DIY模块

8仁天际-手机模板-单图广告-2

 

聚合发布入口双排八个标签DIY模块

30仁天际-手机模板-聚合发布入口双排八个标签

 

您看到以上参考,您应该就懂得方法了,对于DIY模块我们是提供了30种不同的样式DIY,但不是说就只能用建30个,如果您有需要,您可以同一个DIY模块建好几个,然后放在不同的位置,即使代码相同,但每建一个的内部调用代码都不一样,所以您可以根据您的需求增加模块的数量的,就例如幻灯片,您要同一个页面放3个,那您就建3个幻灯片的模块,放在不同的位置,以及可以分别调用不同的帖子数据。

 

 

 

 

三、DIY模块数据的修改】

示例一,帖子数据模块类的属性与内容修改:

image.png

例如幻灯片的DIY属性,在【后台】—【门户】—【模块管理】—【数据调用】—【您要修改的模

image.png

点模块的属性打开后,模块的属性功能中与我们电脑版的DIY功能是一样的,您可以在这里设置您想要调用方式,这里就不多解释各个功能了,如不懂的,可以先去理解或操作下各个功能。

image.png

对于模块的分类,比如有些用户是想调用文章而不是帖子的时候可以在这里切换,请看下图

image.png

在模块属性中可以切换模块分类,因为模板都是以论坛为主的多,所以建模块时我们优先选择了帖子模块,但选择了并非不可以修改,如果您想调用文章的,那就在这里修改下模块分类即可,直接选为文章模块再确定就可以了。

image.png


在模块中点击模块数据,在这个页面您可以添加或编辑所调用的帖子,跟电脑版页面的DIY一样的,只是这个在后台操作而以。

 

示例二,DIY模块中的静态模块类的修改:

image.png

【后台】—【门户】—【模块管理】—【数据调用】—【您要修改的模块】—【属性】,打开后直接把现有的分类名称改为您想要的,把href="#" 中的 # 号改成您的分类链接即可。修改后到后台更新下缓存。

image.png

image.png

五、【插件的开启与使用】

image.png

1、安装插件后先点击启用。

image.png

2、启用后可进行设置,请点击插件的设置进入界面。

image.png

3、请根据自已需求进行设置,可设置出不同的界面效果,右边是相应设置的简介,下面以门户信息流无限加载列表做一个示例

image.png

上图是我们演示站http://app.1009.com.cn的信息流列表,您可以看下我们演示站首页,直接往下拉,拉到底,这无限加载列表就在这了,这里加载的是选中版块的最新帖

 

这个信息流列表的设置就在管理插件的这里,请看下图

image.png

红框中全是控制信息流无限加载列表的设置,下面就一一介绍这几个设置是如何控制

 

第一项:门户是否启用无限下拉列表

这个是这整块列表的总开关,选择“是”则开启,选择“否”则关闭这列表。

 

第二项:门户无限下拉列表显示样式

这个是设置列表中帖子信息显示的样式,例下我们两个演示站,http://app.1009.com.cn和http://demo.1009.com.cn/app,两个演示站的这个位置样式是显示不一样的,您可以直接查看这两个演示站,下面我也帖出图片,以示差别

image.png

这是http://app.1009.com.cn的

image.png

这是http://demo.1009.com.cn/app的

 

大家可以看出这是同一个帖子,但不同的效果,这个功能中有5种效果,跟帖子列表样式的效果一样,您可以设置选用哪种效果。

第三项:门户无限下拉列表显示关注

image.png

该功能选“是”这里显示的是关注,选择“否”,则显示来自版块的名称。

 

第四项:门户无限下拉列表每次显示条数

这个就是每一次加载会加载多少条

 

第五项:门户无限下拉列表选择版块

这项比较重要,这是决定无限下拉列表内容来自哪里,插件默认是未选择,请根据自已显示需求选择要显示的内容版块,可按住 CTRL 多选请注意选择了版块可不要还选着空

 

门户无限下拉列表设置介绍完毕,大家可举一反三,因一个教程只能上传20M以下的大小,插件的功能太多,现没有一一列出,近期我们会着手将所有插件的设置和效果对比在我们网站上做成在线版教程。

 

六、以下是帖子列表样式

image.png

帖子列表样式选择请点击插件的帖子列表样式进行设置,再根据您的需求设置不同的版块使用不同的样式即可。

 

 

 

模板的的一些修改,请仔细看以下说明

 

总体信息说明:

风格所有文件在:template/rtj1009_app/

1、主LOGO修改:template/rtj1009_app/image/logo.png (注意:最佳高度为50px~60px,建议不要太大或太小,且为 png格式。实际显示高度为30px,即不论多大都会缩放至30px)

2、所有模板风格一般图片都在这个目录下:template/rtj1009_app/image/

3、一般模板的广告图、DIY模块图标都在这个目录下:template/rtj1009_app/icon/

4、所有模板的CSS样式文件都在这个目录下:template/rtj1009_app/CSS/

 

 

一、模板文字的修改

为了更好的兼容不同的编码程序,不出现乱码,我们模板使用了语言包,以调用语言包的方式显示文字,下面就来说下修改文字的方法

 

一般这些固定都不需要修改的,但为了一些站长们有特殊需求要修改的,以下给出修改的具体方法

1、语言包文件目录在template\rtj1009_app\php\下的,下图红框所示

image.png

ren_lang.SC_GBK.php为简体GBK编码的

ren_lang.SC_UTF8.php为简体UTF8编码的

ren_lang.TC_BIG5.php为繁体BIG5编码的

ren_lang.TC_UTF8.php为繁体UTF8编码的

 

下面就以社区首页顶部导航中的字为例讲解下修改方法

image.png

2、修改方法

首先我打开底部导航的所在文件,路径为\template\rtj1009_app\touch\forum下的discuz.php文件,打开文件后如下图,图中红框是我们语言的代码调用代码

image.png

例如:{$rtj1009_lang['ren002']} 解析在页面上是中文“社区”,但代码中看的却不是显示中文的,而这个调用方法是这样的,我们来打开另一个文件,也就是我们的语言包文件,请看下图:

image.png

上图中是打开了ren_lang.SC_GBK.php文件,因导航的文字直接排在前面,您可以很直观的就看到这些文字,它是这样对应的,如:{$rtj1009_lang['ren002']},我们看当中的ren002”它在语言包文件中对应的是“社区这两个字,简单点说,也就是在语言包设定了编号,再给编号指定它的内容,这个内容就是文字,然后以代码输出到模板文件中,例如您把语言包文件中的社区改成论坛,那导航上的“社区就会随着变成论坛了。

 

这样修改请注意修改时不要漏掉任何标点符号,多个或少个都有可能影响到全局的代码,修改后直接上传覆盖原文件,然后后台更新缓存查看效果,请记住修改前一定要先备份,以免改错无备份就只能重装模板


最后给您推荐下我们的电脑版的精品模板,演示站为下:

城市门户|生活论坛http://demo.1009.com.cn/008/

城市生活|地方门户:http://demo.1009.com.cn/007/

亲子门户|母婴育儿:http://demo.1009.com.cn/006/

户外旅游|旅行游记:http://demo.1009.com.cn/004/

地方门户|门户模板:http://demo.1009.com.cn/003/

摄影图片|相册|模特:http://demo.1009.com.cn/002/


同时购买我们电脑版+手机版,可享受总价立减100元的优惠!!