百变百搭-APP手机版6.6正式版
一套模板可DIY设置出上百种不同的界面效果,赶快体验一下吧!演示站:https://dome.cydz.eu.org/ 账号:text 密码:123456
模板介绍
1、内置微信JSSDK自定义分享接口,微信分享有图标、描述、标题(需已认证的公众号);
2、在微信打开站点发帖时调用微信原生上传功能(需已认证的公众号),该功能在扩展组件中另售;
3、内置头像上传修改的功能,(无需再购买此类插件);
4、列表页与内容页均支持外链图片(网络图片)显示;
5、支持发布和显示分类信息、活动、投票、悬赏、商品、辩论等特殊主题;
6、支持评分(赞赏);
7、内置视频解析,支持腾讯、爱奇艺、优酷、土豆视频网(无需再购买此类插件);
8、提供12种配色,前后台都可设置使用不同的颜色风格;
9、提供9种帖子列表样式,不同的版块可设置使用不同的样式;
10、33种DIY模块,门户或论坛、发现等页面您可随心搭配出不一样的界面效果;
11、3种论坛首页样式以及多种样式中的细节小样式随您切换;
12、为地方门户论坛还配备了17种分类信息扩展,因考虑到购买此模板的站点不一定是地方门户,分类信息您可根据自已需求购买,不购买也不会影响模板,省钱才是硬道理!
......太多功能了,说多了让您看得眼花,您还是直接体验下吧!!
仁天际网络模板安装说明 风格调用文件导入安装方法 后台安装好风格后,认真按找下面步骤安装设置即可; 注意:设置前记得要先把所购买的风格设置为默认,设置方法:后台—界面—风格管理—选择本模板为手机触屏版。 1、进入【后台】—【工具】—【更新缓存】,更新论坛缓存; ========================================================== 2、选择之后,如果您的站点因没有开启手机版访问功能,所以用手机访问站点还是电脑版。这样您需要开启您网站手机版访问功能。进入【后台】—【全局】—【手机版访问设置】页面中进行设置。除了要开启手机版,还要选择【开启热帖】。 注:由于最新版的discuz! X3.4版本新增了一个新触屏版,请不要开启新触屏版,要不就不会显示手机版样式了
3、功能开启,手机版某些功能需要先开启才可正常使用,所以您需要在后台开启相应的功能,以供手机版使用、调用。
风格内容的修改和使用, 请认真看下面的内容:
三、【DIY模块的添加和修改】完成上述操作后,可能发现虽然手机版已经启用,但是打开手机版首页还是空的。是因为还没有添加DIY模块,现在就来看添加教程吧。
进入【后台】—【门户】—【模块管理】—【数据调用】—【选择模块分类】—【添加调用】 在添加前您需要先打开“DIY模块文件”文件夹,打开后您可以看到里面的txt文件,并依次打开,根据每个txt文件的说明进行添加调用。 示例:添加一个幻灯片模块步骤一:先打开“2仁天际-手机模板-幻灯片.txt”文档。上图是打开文档完整样式,下列是文档内容中的添加说明,如果不懂设置模块属于,建议按说明中进行添加,产明中的模块分类是在点击添加调用前所选则的,其他几样则是在点击调用后添加和修改的属性。 步骤二:选择模块分类并点击添加调用在文档的第一条说明是“模块分类:帖子模块”,那我们就点击模块分类,然后选择帖子模块,然后再点击“添加调用” 步骤三:添加模块标题与修改参数 点击添加调用后会跳出这样一个模块属性框,我们直接把文档中的“模块标识”填到这里来,再往下拉找到必须含图片附件选择:是,再往下拉找到显示条数选择:5,然后点击确定。 步骤四:填入模块代码 在确定后,会跳回模块列表页,我们找到模块,点击右边的“属性”会跳出我们刚才添加的模块属性框,但不一样的是,多了”模块数据”和”模块模板”,在这里我们点“模块模板”
然后回到幻灯片的文档,将红框中的其中一种代码全部复制,粘帖到模块模板的代码框里 填入代码后点击更新,模块添加就完成了,然后您按这方式将其它模块依次添加好。 示例二:添加一个静态模块步骤一:先打开“3仁天际-手机模板-单排四个标签.txt”文档。 上图是打开文档完整样式,下列是文档内容中的添加说明,如果不懂设置模块属性,建议按说明中进行添加,说明中的模块分类是在点击添加调用前所选则的,其他几样则是在点击调用后添加和修改的属性。 步骤二:选择模块分类并点击添加调用在文档的第一条说明是“模块分类:静态模块”,那我们就点击模块分类,然后选择帖子模块,然后再点击“添加调用” 步骤三:添加模块标题与修改参数 步骤四:选择数据来源图一: 图二:填好模块标识后,直接在当前页面添加模块代码,首先需要选择数据来源,请看上图。 步骤五:填入模块代码然后回到3仁天际-手机模板-单排四个标签.txt的文档,将红框中的代码全部复制,粘帖到模块的HTML代码框里 填入代码后点击确定,这个静态模块就完成了,然后您按这方式将其它模块依次添加好。 共29个,添加完后类似效果如下图 三、【模块的调用】在模块添加完成后,还需要将添加的DIY模块的内部调用代码填到管理插件“DIY模块”相应位置中,所添加的模块才能展示在手机版的首页和论坛等页面,下面打开插件“DIY模块”:打开后可看到以下功能界面:
然后进入【后台】—【门户】—【模块管理】—【数据调用】页面,找到刚才添加的二十几个模块的后面依次选择“内部调用”,将内部调用代码复制粘贴至以上所说的相应模块放置位置中,如何排版就看您自已的意愿了。添加完成后点击“提交”,然后在后台更新缓存即可。
例如:点击内部调用后,弹出的框中,蓝色位置的代码,复制后粘帖到以下位置:粘帖好后进行“提交”,然后在后台工具那更新缓存即可。可能您会觉得这些DIY模块看起来很乱,不知道放哪个,现在给您个示例,您可以参考下,就是我们演示站app.1009.com.cn的放置模块顺序和名称: 演示站地址:app.1009.com.cn的DIY模块放置门户首页DIY模块:1仁天际-手机模板-单排文字导航2仁天际-手机模板-自动裁切不变形幻灯片4仁天际-手机模板-单排五个标签模块22仁天际-手机模板-双排四个标签6仁天际-手机模板-左图右标题帖子模块8仁天际-手机模板-单图广告-25仁天际-手机模板-双排八个标签11仁天际-手机模板-图片列表17仁天际-手机模板-无图帖子模块7仁天际-手机模板-单图广告-1 论坛首页卡片样式DIY模块:因选择的是分屏样式,论坛首页没有放置DIY模块。 论坛首页分屏样式DIY模块:因选择的是分屏样式,论坛首页没有放置DIY模块。 帖子列表页顶部DIY模块:无帖子列表页置顶帖上方DIY模块:无帖子内容页顶部标题上方DIY模块:无帖子内容页打赏按扭下方DIY模块:无帖子内容页底部翻页下方DIY模块:无 帖子内容页中部回复上方DIY模块:8仁天际-手机模板-单图广告-2 发现页面DIY模块: 10仁天际-手机模板-全屏单图广告-212仁天际-手机模板-双排八个标签-213仁天际-手机模板-单排四个标签-2 群组(圈子)首页DIY模块块:8仁天际-手机模板-单图广告-2 搜索页面DIY模块:8仁天际-手机模板-单图广告-2 聚合发布入口页面广告DIY模块:8仁天际-手机模板-单图广告-2 聚合发布入口双排八个标签DIY模块:30仁天际-手机模板-聚合发布入口双排八个标签 您看到以上参考,您应该就懂得方法了,对于DIY模块我们是提供了30种不同的样式DIY,但不是说就只能用建30个,如果您有需要,您可以同一个DIY模块建好几个,然后放在不同的位置,即使代码相同,但每建一个的内部调用代码都不一样,所以您可以根据您的需求增加模块的数量的,就例如幻灯片,您要同一个页面放3个,那您就建3个幻灯片的模块,放在不同的位置,以及可以分别调用不同的帖子数据。 四、【DIY模块数据的修改】示例一,帖子数据模块类的属性与内容修改:例如幻灯片的DIY属性,在【后台】—【门户】—【模块管理】—【数据调用】—【您要修改的模块】—【属性】点模块的属性打开后,模块的属性功能中与我们电脑版的DIY功能是一样的,您可以在这里设置您想要调用方式,这里就不多解释各个功能了,如不懂的,可以先去理解或操作下各个功能。 对于模块的分类,比如有些用户是想调用文章而不是帖子的时候可以在这里切换,请看下图在模块属性中可以切换模块分类,因为模板都是以论坛为主的多,所以建模块时我们优先选择了帖子模块,但选择了并非不可以修改,如果您想调用文章的,那就在这里修改下模块分类即可,直接选为文章模块再确定就可以了。 在模块中点击模块数据,在这个页面您可以添加或编辑所调用的帖子,跟电脑版页面的DIY一样的,只是这个在后台操作而以。 示例二,DIY模块中的静态模块类的修改:在【后台】—【门户】—【模块管理】—【数据调用】—【您要修改的模块】—【属性】,打开后直接把现有的分类名称改为您想要的,把href="#" 中的 # 号改成您的分类链接即可。修改后到后台更新下缓存。 五、【插件的开启与使用】1、安装插件后先点击启用。 2、启用后可进行设置,请点击插件的设置进入界面。 3、请根据自已需求进行设置,可设置出不同的界面效果,右边是相应设置的简介,下面以门户信息流无限加载列表做一个示例上图是我们演示站http://app.1009.com.cn的信息流列表,您可以看下我们演示站首页,直接往下拉,拉到底,这无限加载列表就在这了,这里加载的是选中版块的最新帖 这个信息流列表的设置就在管理插件的这里,请看下图红框中全是控制信息流无限加载列表的设置,下面就一一介绍这几个设置是如何控制 第一项:门户是否启用无限下拉列表这个是这整块列表的总开关,选择“是”则开启,选择“否”则关闭这列表。 第二项:门户无限下拉列表显示样式这个是设置列表中帖子信息显示的样式,例下我们两个演示站,http://app.1009.com.cn和http://demo.1009.com.cn/app,两个演示站的这个位置样式是显示不一样的,您可以直接查看这两个演示站,下面我也帖出图片,以示差别
这是http://app.1009.com.cn的 这是http://demo.1009.com.cn/app的 大家可以看出这是同一个帖子,但不同的效果,这个功能中有5种效果,跟帖子列表样式的效果一样,您可以设置选用哪种效果。 第三项:门户无限下拉列表显示关注该功能选“是”这里显示的是关注,选择“否”,则显示来自版块的名称。 第四项:门户无限下拉列表每次显示条数这个就是每一次加载会加载多少条 第五项:门户无限下拉列表选择版块这项比较重要,这是决定无限下拉列表内容来自哪里,插件默认是未选择,请根据自已显示需求选择要显示的内容版块,可按住 CTRL 多选,请注意选择了版块可不要还选着空。 门户无限下拉列表设置介绍完毕,大家可举一反三,因一个教程只能上传20M以下的大小,插件的功能太多,现没有一一列出,近期我们会着手将所有插件的设置和效果对比在我们网站上做成在线版教程。 六、以下是帖子列表样式帖子列表样式选择请点击插件的帖子列表样式进行设置,再根据您的需求设置不同的版块使用不同的样式即可。 模板的的一些修改,请仔细看以下说明 总体信息说明:风格所有文件在: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\下的,下图红框所示ren_lang.SC_GBK.php为简体GBK编码的ren_lang.SC_UTF8.php为简体UTF8编码的ren_lang.TC_BIG5.php为繁体BIG5编码的ren_lang.TC_UTF8.php为繁体UTF8编码的 下面就以社区首页顶部导航中的字为例讲解下修改方法2、修改方法首先我打开底部导航的所在文件,路径为\template\rtj1009_app\touch\forum下的discuz.php文件,打开文件后如下图,图中红框是我们语言的代码调用代码例如:{$rtj1009_lang['ren002']}解析在页面上是中文“社区”,但代码中看的却不是显示中文的,而这个调用方法是这样的,我们来打开另一个文件,也就是我们的语言包文件,请看下图:上图中是打开了ren_lang.SC_GBK.php文件,因导航的文字直接排在前面,您可以很直观的就看到这些文字,它是这样对应的,如:{$rtj1009_lang['ren002']},我们看当中的“ren002”它在语言包文件中对应的是“社区”这两个字,简单点说,也就是在语言包设定了编号,再给编号指定它的内容,这个内容就是文字,然后以代码输出到模板文件中,例如您把语言包文件中的“社区”改成“论坛”,那导航上的“社区”就会随着变成“论坛”了。 这样修改请注意修改时不要漏掉任何标点符号,多个或少个都有可能影响到全局的代码,修改后直接上传覆盖原文件,然后后台更新缓存查看效果,请记住修改前一定要先备份,以免改错无备份就只能重装模板*完成*风格九配色使用说明 为部份站长需求不同颜色风格但却又不懂修改代码的难题,也能给使用您网站的用户能在个人空间设置自已喜欢的颜色风格。 配色功能在演示站的个人空间可体验到,后台可设置默认的风格,即用户未设置自已的颜色风格时打开您网站所显示的颜色风格,后台也可以设置选定风格而不开放给用户设置风格。 一、后台设置方法及截图如下:1、进入【后台】—【界面】—【风格管理】— 手机版的—【编辑】
2、点击【编辑】后,跳转到手机版的扩展设置,如需给用户在个人中心设置自已喜欢的颜色则将扩展配色下的12种颜色进行勾选(可单选也可多选),在默认配色中需选一种颜色为默认色(即用户未设置自已的颜色风格时打开您网站所显示的颜色风格),不可选【默认】设置就这样简单的完成了。 二、下例说下在个人空间中切换配色的方法: 1、打开我的空间页面,在这点击红框中的【风格设置】 2、点击后即出现配色选项,在这点击任意一种颜色,再点下方完成设置,这样颜色风格设置就完成了。*完成*频道单页使用说明 我们设计了一种可无限DIY单页的功能,这与一般手机版单页不一样,优势在于是使用后台创建的频道来使用,可以与PC版频道内容打通的,而一般单页则是只有手机版,不能与PC版打通的,但目前仍有不完善的地方,例如修改起来需要在代码上手动修改,我们会尽快完善这一功能,也会在我们PC版推出多种分类的频道DIY页,例如专门针对旅游、美食、摄影、新闻聚合等等这类的频道页。 在手机版单页功能完善前,对现频道单页的修改和使用做个详细的教程,如需使用这类单页,可按教程进行修改和设置。 一、创建频道注:如果是已经创建有频道了的,您可以直接忽略该创建教程1、进入【后台】—【门户】—【添加频道】
2、频道信息自已填写,以下图文件教您选择列表页模板如果有是用我们PC版模板的,可直接选用频道的模板,如果不是我们的PC版,您按需求选择即可。 注:选好模板后,往下看有一个“启用”的单选项,这里一定要选“是”,如果不开启有可能样式不显示。评论可根据需求开启,下面的启用请一定开启,并在创建时就选择启用。 一、查看频道单页ID1、点击频道右边的查看,跳出频道地址
2、打开频道地址后,查看频道的最后一个数字,这个就是频道的ID注:如果是频道填写了目录名称,打开的地址看不到频道ID的,可以删除目录名称后再点查看,找出ID后再重新设置目录名称即可。 二、修改频道单页DIY1、打开手机版频道列表页的文件,路径为:\template\rtj1009_app\touch\portal下的list.php文件注:登录FTP,下载这个文件,用 代码编写软件 或 记事本 打开这个文件修改(修改前先复制备份一份) 2、找到要修改的代码上图红框中为要修改的代码 3、修改代码适配频道ID因每个站的频道ID都不一样,我们只填写了示例,这个需要您修改成您的频道ID4、添加更多频道ID与DIY入口文件如需适配更多频道单页的,需复制下代码与DIY模块入口文件,并修改下完整的复制这两行代码复制后直接在这两行代码下面粘帖您所复制的代码,然后将频道ID改成您要适配的频道ID,以及文件名,如<!--{subtemplatertj1009_core/block_portal_list2}-->中的block_portal_list2为文件名,我下图中把block_portal_list2改成了block_portal_list3 5、添加DIY入口文件代码上修改了文件名后,我们需要添加一个与您修改的文件名一样的文件,入口文件路径为:\template\rtj1009_app\touch\rtj1009_core中的block_开头的文件图中为文件夹中所有原始文件,您可以看到红框中的文件就是代码中的文件名这时候我们下载一下红框中的这文件,下载到本地后修改其文件名,改成跟您修改代码中的文件名一致,然后上传,例如我下图中上传了一个与我上面修改的文件名一致的文件这就修改好了适配ID和文件,接下来就是添加DIY模块了,比如您频道ID:1的想放幻灯片,频道ID:2想放个图片列表,频道ID:3想放两个幻灯片、一个无图帖子列表、一个广告位;那您可以添加一个幻灯片,然后按模板教程的“安装使用、修改说明.docx”文档去给DIY入口文件添加DIY模块内部调用代码,这里就不再重复这方面的教程了。 目前该单页的使用方法如此,您可以暂时先这样使用,可DIY出无限个单页,且展示的DIY模块内容都可以不一样 *完成*分类信息导入、使用、修改说明 风格名称:百变百搭-APP手机版 一、【分类信息文件导入方法】 导入方法:进入【后台】—【论坛】—【分类信息】—【导入】—如下图: 点击导入后会跳到选择文件,这时您找到文件所在位置,依次导入这16种分类即可。 二、【绑定对应的版块】 进入【后台】—【论坛】—【版块管理】—【要开启对应分类信息的版块】—【编辑】点击编辑后进入版块的设置界面,这时我们移到其它项,会有下拉属性,属性中点击的分类信息进入设置
到了分类信息页面首先点击启用分类信息,然后就会跳出其它设置选项了,演示站的是全点是,您看着自已需求进行设置吧。 【分类信息字段内容修改】分类信息内容修改指的是这些属性,以招聘信息为例,请看下图上图截取的是发布招聘信息页面的分类信息属性页面,这些属性是可以修改的,比如必需要改的是区域,我们默认的是柳州市的,您得改成您所在地区的吧,其它属性您看着需求来了,我们考虑得比较全面细致的了,如合用了就不需要改了。下面开始修改演示 一、进入【后台】—【论坛】—【分类信息】—【要修改的分类信息】—【详情】二、找到要修改的字段,点击字段右边的编辑,如下图 三、点击编辑,进入字段属性界面 往下拉,您可以看到字段内容,这就是招聘信息区域的内容,右边也有提示怎样修改,在这我再提醒下,修改时格式一定要正确,要不会引起分类信息发布出错等问题,有我们分类信息模板在,您就只改中文处就行了,前面的数字和=号不要改,如果要增加,那也按上面的顺序排列进行添加,不可出现重复项。其它类型的也同理。请注意,上图蓝框中请勿修改,除非您跟我们一样有开发技术能力的,能玩转代码的,蓝框中的字段修改的话会直接影响分类信息数据,会造成分类信息帖子的该项数据丢失、该类分类信息列表以及内容页样式丢失,请慎重!!!!!!!!上图红框中是可修改的,例如字段内容上述有说明过了,简短描述是指在发布分类信息时提示发布者该怎样填写的提示,单位一般用于元、平米这类的属性才需要填的,名称可以修改但不建议修改,
修改字段内容后请发帖测试下是否正常,万一在修改中意外改错地方,那就再重新导入吧
四、分类信息内容页电话号码和其它字段值可设置对登录用户及只对某些用户组显示的设置上图为未登录状态,提示“请登录后查看”上图为登录后,提示“点击查看” 设置方法,找到要设置的分类信息,点击详情然后找到要设置的字段,点击编辑
进入字段详情页面后,找到“信息保护设置”将“信息保护设置”设置为“是”,然后再选择用户组,还有无权查看的提示信息即可。*完成*
模板源码
页:
[1]