




已阅读5页,还剩34页未读, 继续免费阅读
版权说明:本文档由用户提供并上传,收益归属内容提供方,若内容存在侵权,请进行举报或认领
文档简介
JA T3框架V2.0开发指南结构篇一、导言:本节将要探讨:n 结构(Structure)&扩展(Extensions)探讨文件/文件夹结构,重要文件的用途;n 布局(Layouts)&区块(Blocks)探讨概念、特征与高级参数;n 主题(Themes )探讨概念、类型、代码重写;n 配置(Profiles) 探讨概念、类型、代码重写;n 模板管理(Template Administration)所有面板的完整使用说明。二、结构:菜单参数插件(JA Menu Parameters Plugin)引入后,框架的结构改变了,一般而言,模板变得更加轻便快速,核心脚本保留在框架插件(JA T3 Framework Plugin)内。最新发布的1.0版框架(JA T3 Framework 1.0 )与菜单参数插件(JA Menu Parameters Plugin)共同解决所有SEO相关问题,并使菜单管理更容易。而2.0版框架(JA T3 Framework 2.0)已集成了该菜单参数插件,以方便更新核心文件而不影响用户的模板设计。关于菜单的管理与插件的用法,请参看相关文档;新版框架引入了新的插件(JA Typo Button Plugin)以减少文章编辑的工作量,详见后文。三、扩展要使用T3框架2.0版,需要有:1、系统插件(JA T3 Framework Plugin):1)核心文件夹(core文件夹): 模板管理(Template administration)这些文件管理模板的后台管理面板,包含所有脚本和后台视图。 设备与浏览器检测脚本(Device and browser detection scripts)这些脚本用来检测用户设备(桌面电脑,移动设备)和用户的浏览器。 菜单系统引擎(Menu system engines)这些脚本驱动框架使用的所有菜单系统。 参数和其他核心文件(Parameters and other core files)管理AJAX ,缓存,重写功能及一般参数。2)base-themes 文件夹:该文件夹保存核心默认模板: blocks包含所有缺省区块:ie6警告,页眉,页脚,中页等; css包含定义模板样式的默认核心css框架; html用于组件和模块的重写; etc保存默认的布局、主题和配置; js保存模板默认的java脚本; page保存布局生成脚本及其他文件;3)sample-themes文件夹保存模板样例,在用户基于基本模板自建模板时,这些会非常有用。2、基础模板(空白模板)默认主题最新版的T3框架v2.0集成了默认布局,它可以像常规的joomla模板一样使用。这些文件保存模板的默认主题,它们用于重写核心插件样式(base-themes),如你所见: 支持区块重写; 菜单系统样式及一般样式; 支持自有图片; 支持重写javascript代码; info.xml 文件使该文件夹能够作为主题被识别。T3框架特有文件:etc文件夹保存: etc/profiles:所有用户自定义配置; etc/layouts:所有用户自定义布局;themes 文件夹保存: 所有用户自定义主题。其他文件文件夹和文件的信息: info文件夹中保存模板的特有信息; 常规的模板文件(缩略图、模板细节、图标)。3、JA Typography Button Plugin插件这个新插件是方便编辑者为特定内容添加特定样式的。该插件会在在编辑器里增加一个新的按钮 JA Typo。单击此按钮,打开字体选择窗口。在这个窗口中,点击任意样式即可将其轻松插入文章中。JA T3框架V2.0开发指南布局篇JA T3框架1.0就引入了多布局特性,以加入更多的设计灵活性。布局用来定义页面内容的设计排列,但我们的开发者设想一个模板框架使用一个简单的index.php文件,该文件只需完成一般的加载功能,再不管理布局设计、模块位置或脚本调用。通过采用模块化设计,其他文件可以更好的完成这些功能。一、布局和区块简介概念描述与设计理念n 布局就是一系列文件,这些文件保存着网站前台设计的HTML输出。它们通过加载称为区块的其他文件来完成各种功能。通过为这些区块定义不同的风格和位置,你可以创造无限的布局,用户可以自由选择而享受最好的便利。这些布局由新模板的index.php文件加载。n 区块也是一系列文件,这些文件保存模块位置,执行特定的脚本调用,并生成文章的HTML文件。像我们所知的各种最流行的元素:页眉,页脚,左边栏,右边栏,路径等,这些都被做成单独的文件,而不是在index.php文件中定义长长的HTML元素。n 我们的理念是一个网站使用一个单一的模板,但你的主页、博客、论坛等却可以各自拥有独特的设计。此外,用户也可以选择最方便的布局。n 布局可以在前台通过用户工具面板(UserTools Panel)切换。n 布局可以在后台通过内置编辑器自定义。n 通过修改布局和区块或者自建主题来重写默认的空白核心主题。n 区块类型:l 区块作为独立文件保存特定位置:页脚,主导航,中间栏等;l 区块根据布局设置自动生成:焦点栏(spotlights)、 左边栏(left)、右边栏(right), 和一些文章模块(content-mass)、分栏模块(column-mass);l 区块还能管理一些不能在布局配置里定制的一些特殊功能,比如用户工具(user-tools),IE6浏览器警告(IE6warning);l 区块还能调用动态生成的文章,像系统信息(system messages)、内容组件(content component)等;l 区块还能调用脚本和表单。二、默认布局(实际该图似乎有误,默认布局左右边栏分居左右的)布局的xml文件布局信息这个文件定义默认模板的基本布局,这个模板包含框架支持的所有默认区块,所有区块都有默认的样式、顺序和定位。别的布局可以全部覆盖这些区块设置,而不必改写全部代码。布局区块n ie6 该区块设置管理ie6警告信息;n user-tools 该区块管理前台用户定制工具(控制面板),使用户有更好的使用体验:l color.php 支持主题颜色切换;l cpanel.php 加载前台控制面板(user-tools)所有迷你区块;l direction.php 管理模板的文字排列方向:从左到右还是从右到左;l font.php 管理模板的字体大小;l layouts.php 检测所有的布局,包括核心布局以及自定义的布局,并将其显示与面板;l layout-switcher.php 管理布局的切换;l menu.php 管理菜单系统切换;l profiles.php 管理用户设置的每页的配置设定;l reset.php 重置用户设置,所有设置改为默认设置;l screen.php 管理模板宽度的切换;l themes.php 管理主题切换;l tools-mega.php 加载mega菜单(megamenu)参数;n desktop 为桌面设备指定布局;l content.php 调用内容组件;l css.php 管理页面、模块、文章等标题的字体;l fixheight.php 控制左右边栏与主内容栏保持一定的高度,为内容块(content mass)与边栏块(column mass)确定高度;l footer.php 保存页脚版权、其他菜单、其他广告等的区块位置;l head.php 头文件,调用系统CSS;l header.php 保存页头的网站logo,搜索模块等模块;l mainnav.php 管理模板的主导航菜单;l message.php 控制系统信息:l middle.php 文章、产品、图表等网站内容实际显示的区域,该区块合并了从前的左、右区块(早期版本中是独立文件);l module.php、modules.php区块生成器,为特殊模块位置创建区块,像广告模块,内容滑块(content sliders)等;l navhelper.php管理路径模块位置(面包屑?);l spotlight.php 区块生成脚本,用于生成顶部或底部信息焦点模块,要设置多少都可以。三、变更布局在本节中,我们将探讨如何发展布局变化的方法。1、改变区块位置如图,左右边栏都布置在左侧(默认在右侧)。边栏左置的xml文件:布局信息这个布局基本继承了默认布局的区块设置,只是改变了左右侧栏的位置。详细信息如下:区块布局:left左侧栏使用的left1的位置(默认布局是right1位置)译者注:默认布局应该也是left1位置,维基原文似未随新版更新;right右侧栏使用的left2的位置(默认布局是right2位置)。2、改变区块顺序如图,主导航菜单(mainnav)上移,左右边栏分置主体左右。这种布局的xml文件:布局信息这个例子加载默认布局的所有区块,但对调了header和mainnav的位置,左边栏(left)仍置于left1位置,右边栏(right)置于right2位置,详情如下:区块布局:主导航条(mainnav)被移到最上面;标题模块(header)移到导航条的下面;左边栏(left)使用的left1的位置;右边栏(right)使用的right2的位置。3、改变区块样式如图,右边栏(right)改为方角样式。相应的xml文件:布局信息这个布局同样加载了默认布局的区块,但改变了右边栏(right)的外观样式,默认的圆角变成方角的了。区块布局:右边栏(right)变成了方角样式style=square,你也可以在template.css文件里自定义区块样式,但modules.php(在html文件夹里)里的代码也需要作相应的修改。注:对于区块名称,下文将采用英文原文,这样更准确,也便于使用。四、移动设备布局多布局特性同样支持移动设备布局,这些布局有经过优化的自由区块设置,都是依照特定标准开发的。在模板管理面板的“配置”选项卡,你可以为每个移动设备类型分配这些布局。1、手持设备布局1、(觉得图文不太相符)特殊的区块布局覆盖了默认布局,经过优化以支持快速加载:n footer 保存网站的版权信息;n head 加载脚本;n header 保存模板logo;n main 主内容区;n mainnav 特别设计的主导航栏;n Toolbar使用户可以选择显示或是隐藏主导航栏。当检测到如下设备时,框架将使用这个手持设备布局:n Windows Mobile设备n 安卓(Android)移动设备n 黑莓(Blackberry)移动设备n Palm移动设备n 其他移动设备2、iPhone布局特殊的区块布局覆盖了默认布局,这是依据iPhone标准设计的:n footer 保存网站的版权信息;n head 加载脚本;n header 保存模板logo;n main 主内容区;n mainnav 特别设计的主导航栏;n menu生成iPhone特定的导航系统。五、区块属性与参数JA T3框架2.0配备了高级布局特性。布局中的区块可以通过一系列参数和设置来操纵,以便容易的改变HTML呈现。1、区块一般参数1)区块名称(Block name)语法:用途:这个属性是区块的标识符,因为总有一些区块类型相同,框架需要这个标识符来辨识它们。这个标识符涉及到布局内的位置安排。示例:left这个设定是将left置于主区左侧(left1位置)。2)区块类型(Block type)语法: 用途:这个参数设置区块的行为和功能,有几个文件管理区块的行为:n head.php n header.php n middle.php n footer.php 在“默认布局”小节中可以了解到区块功能的更多信息,您也将了解到并非所有区块类型都可配置,有些甚至不显示在布局文件中,因为需要它们支持特定的模板功能。3)区块样式(Block style)语法: 用途:这个参数为一个区块内的所有模块设置模块样式,这些样式定义在modules.php中,modules.php文件的路径是在文件夹your_site/plugins/system/jat3/base-themes/default/html中,这样Joomla!就可以理解如何显示模块的内容。样式列表:n no style无样式,默认区块设置没有定义样式,只提供模块类后缀的支持;n raw 为模块提供一个空白的设计,没有块(div),没有类(classes);n xhtml主要用于宏区块,如:header,middle,footer;n JAxhtml为模块提供一个简洁的设计(常见的直角边框);n JArounded为模块提供圆角边框支持(圆角边框)。在T3框架FAQs中可以了解如何自定义这些样式,为一个宏区块(top,middle,footer)设置样式,则该宏区块中所有区块将使用这一样式。2、生成附加块(div)1)区块标高(Block markup)语法:用途:这是一个新参数,可以在分栏left或right内生成一些附加的块标签(div tags),理念是为设计者提供更多的灵活性。这个参数的值:markup=1默认值,无效果;markup=2高级标记,将在列上方添加一个块l(l指左)(div class=l),在列的下方添加一个块r(r指右)(div class=r),示例如下:markup=3复合标记,将在列上方添加两个块:tl(tl指左上)(div class=tl)和(tr指右上)(div class=tr),在列下方添加两个块:bl(bl指左下)(div class=bl)和(br指右下)(div class=br),还将添加两个middle块,示例如下:2)区块深度(Block inner)语法:用途:此参数将添加多个块标签(div tags)并封装于区块(block)内部,这个值实际上决定了块(div)结构的深度,附加块标签将会有class=block-inner1,class=block-inner2,. class=block-innerX。如下图所示:3)主体深度(Main inner)语法:用途:此参数将添加多个块标签(div tags)并封装于区块(block)内部,这个值实际上决定了块(div)结构的深度,附加块标签将会有class=main-inner1,class=main-inner2,. class=main-innerX。如下图所示:4)封装深度(Wrap inner)语法:用途:此参数将添加多个块标签(div tags)并封装于区块(block)内部,这个值实际上决定了块(div)结构的深度,附加块标签将会有class=wrap-inner1,class=wrap-inner2,. class=wrap-innerX。如下图所示:3、删除块(div)1)No wrap语法:用途:删除带有(class=wrap)的块,这些块为填满整个模板宽度的宏区块(header,mainnav,middle,footer等)包装区块。2)No main语法: 用途:删除带有(class=wrap)的块,这些块为填满整个模板宽度的宏区块(header,mainnav,middle,footer等)包装区块。4、middle宽度1)分栏一般宽度语法:用途:这个参数设置middle宏区块中left,component body和right 三个区块的默认列宽。left和right块各使用20的列宽,component body将使用余下的60。2)定制分栏宽度语法:用途:这个设置将覆盖默认的20%列宽(我的理解是,middle宏区块中的区块,默认宽度是20%,三栏划分,则左右各20%,主体60%,若增加分栏,仍将是20%列宽,于是主体会被“挤占”掉20%),调高这个参数,将增加left或right区块的宽度,而减少主体的宽度。5、中央位置(Middle Positions)1)标准分栏用途:middle.php宏区块可以为left,content-body (主显示区)和right区块各呈现一个分栏, 也可以为这些区块呈现第二个分栏。每个分栏都可以单独为任一布局设置特别的样式。变体:n left + body + rightleftrightn left + right + bodyleftrightn body + left + rightleftright其他变体:n right + left + body leftright n body + right + left leftright n left + body + right leftright 2)启用mass positions(一些默认未启用的位置)启用后,可以使用附加模块位置:content-mass-top、content-mass-bottom、left-mass-top、left-mass-bottom、right-mass-top、right-mass-bottom。任何时候都可以启用content-mass位置,但column-mass (left-mass-top,right-mass-bottom等) 只有在left和right区块并入一个分栏时才能启用。变体:n left + body加入所有附加位置 left-mass-topcontent-mass-topleftrightcontent-mass-bottomleft-mass-bottomn body + right加入顶部附加位置right-mass-topcontent-mass-topleftrightn body + right加入多样附加位置right-mass-topleftrightcontent-mass-bottom3)插入分栏(Inset Columns)语法:left用途:将main-body与left和/或right区块编组而构成一个拥有特殊块结构与样式的分栏。值:n inset1main-body与left/right区块编组,并设置left/left区块位置于main-body的左侧;n inset2main-body与left/right区块编组,并设置left/left区块位置于main-body的右侧;变体:n (left + body) + rightleftrightn left + (body + right)leftrightn (left + body + right)leftrightn left + (right + body)leftrightn (body + left) + rightleftright6、焦点区块(Spotlight)参数1)总宽度(Total width)语法:user6,user7,user8,user9,user10用途:这个参数将用此处的设定值覆盖整个焦点区的默认宽度(100)。在上面的表达式中,你可以看到一个95宽度的bottom-spotlight区块。2)自定义宽度(Custom width)语法:user1,user2,user3,user4,user5 用途:这个设置将覆盖布局内单一位置的默认宽度(20%),它可以覆盖靠右的位置,也可以覆盖靠左的位置,进一步考查这个参数:n special=left它定义将使用自定义宽度的模块的位置:左还是右;n specialwidth=25它定义焦点(spotlight)区块中指定模块的新宽度。JA T3 框架V2.0开发指南主题篇n 主题负责用色彩充实模板,让你的模板有一个新的外观和新的感受。n 主题保存用于覆盖核心插件样式的CSS和图像文件,这些文件可以覆盖核心插件中的所有样式,也能覆盖基本模板样式。n 主题也支持HTML内容组件和模块覆盖。n 通常会用自定义的主题覆盖掉默认的主题。n 主题也能覆盖区块布局以实现特定目的。n 在模板管理面板的“配置”(Profiles)选项卡中,可以为一个配置方案设置多主题,并指定优先级。一、基本主题n 这是基本主题,保存着最基本的布局设计。n 这个主题没有图像,没有颜色,只有尺寸(dimensions),内边距(padding)和外边距(margins)。n 在自制主题(Theme Variations)中加入附加样式,可以覆盖这些默认布局设计。二、自制主题(Theme Variations)n 自制主题覆盖基本主题,并具有定义模板样式的最高优先级。n 通过对比鲜明的色彩和图片,自制主题可以创建无限的多彩主题。1、默认主题这是T3框架基本模板提供的默认主题。这个主题将覆盖核心插件中的基本主题。让我们进一步了解这些文件和文件夹:n blocks 文件夹用来保存你想覆盖的区块;n css文件夹保存template.css以覆盖一般模板样式,menu文件夹保存菜单系统样式。n html文件覆盖核心插件中的相同文件,以设置内容组件和模块视图;n images文件夹覆盖logo图片和一个自定义主题设计通常所需的全部图片;n info.xml文件保存主题信息。2、多彩主题(Color Contrast Themes)这是一个自制主题,以覆盖T3框架基本模板提供的默认主题,让我们进一步了解这些文件和文件夹:n css文件夹保存template.css以覆盖一般模板样式,menu文件夹保存菜单系统样式。n info.xml文件保存主题信息。3、多图主题(Graphics Rich Themes)这个多图主题基于T3框架的JA Anion模板,让我们进一步了解这些文件和文件夹:n css文件夹保存template.css以覆盖一般模板样式,menu文件夹保存菜单系统样式。n images文件夹覆盖logo图片和一个独特主题设计通常所需的全部图片;n info.xml文件保存主题信息。三、重要提示框架加载所有css、图片、布局的顺序是:第一步:核心插件基本主题;第二步:模板的默认主题:布局、css、图片;第三步:其他自制主题和用户创建的模板。你只需用附加文件覆盖默认已提供的文件,不要使用与template.css文件内容相同的重复代码。A T3 框架V2.0开发指南配置篇一、什么是“配置”基本上这是一个新的预置功能,保存着所有模板设置。这些设置保存在模板文件夹内的各个文件里。你可以创造无限的独特配置,整合所有模板设置以实现各个设计目标。这些配置保存在模板的etc与themes文件夹中。你可以在模板管理界面的“配置”面板管理这些配置。二、配置给框架带来了什么?配置取代了旧版本的菜单与布局覆盖(menu& layout override)选项。用户工具面板做了优化,现在从前台切换布局,页面不会再跳转到主页了(即时生效)。(后台?)链接里没有更多的模板参数了,用户可以随时在前台自定义配置或者重置为默认配置,甚至单独为特定页面自定义配置。三、默认配置下面是默认配置文件,里面保存着模板设置的所有参数值:路径:your_site/templates/jat3_blank/etc/profiles/default.ini内容:logoType=imagesetting_font=3setting_screen=fixedsetting_screen-fixed-screen_width=950pxhide_content_block=0setting_direction=ltrgfont_global=gfont_logo=gfont_slogan=gfont_moduletitle=gfont_pageheading=gfont_contentheading=menutype=mainmenusetting_menu=megastartlevel=0endlevel=-1ja_menu-mega-animation=slideja_menu-mega-duration=300option_t3logo=1option_font=1option_screen=1option_profiles=1option_layouts=1option_direction=1option_menu=1themes=core.lightdesktop_layout=defaulthandheld_layout=handheldiphone_layout=iphone四、改变配置自定义配置可以只覆盖默认配置中的部分内容,例如:路径:your_site/templates/jat3_blank/etc/profiles/your_profile.ini内容:themes=orange这个配置只是使用orange主题覆盖默认主题,正如本例所示,自定义配置不需要重复所有的配置代码,可以省去与默认配置相同的代码。JA T3 框架V2.0开发指南覆盖的优先级模板能够覆盖joomla默认分发包中的一切:内容组件,模块的前台视图,样式,语言设置等等。模板的默认设置保持在默认配置中,其他配置则覆盖默认配置的设置。你可以为你的主页、你的网店、你的论坛和你的博客各自匹配独特的设置,同样方式,你可以用你期望的配置为任何一个单独页面或内容组件覆盖默认配置。一、最低优先级如下所示JA T3框架系统插件结构:这里保存着默认样式,以及基本主题(base-themes)文件夹中空白主题(blank theme)的代码:n CSS样式;n 布局:n HTML模板覆盖;n 图片;n 主题。二、中等优先级T3框架基本模板默认主题:用自有的一般样式覆盖空白主题(blank theme)中的默认一般样式;这里不以任何形式保存java脚本文件,但也能覆盖java脚本;将会覆盖空白主题(blank theme)中的一切:n CSS样式;n 布局与区块:n HTML模板覆盖;n 图片。三、高级优先级模板(当然是基于T3框架的喽)的自制主题拥有高优先级,它支持CSS样式、布局与区块、HTML模板覆盖以及图片。将会覆盖默认主题中的一切:n CSS样式;n 区块:n HTML模板覆盖;n 图片。四、最高优先级n 拥有最高优先级的是用户创建的主题,支持自定义布局、图片、样式表。n 同时使用多主题时,主题的优先级可以在“配置”面板的“主题设置”项中修改。n 前台用户可以为特定页面自定义配置中的一切选项:布局、菜单系统以及其他配置设置项。n 有!important 标记的样式拥有最高优先级。五、图形表示注意:T3 V1.6及更高版本,文件夹的组织方面有一些变化图形表示也有一些变化,如下图(新版本)所示。JA T3 框架V2.0开发指南模板管理新版本里,模板管理改良了:通过内置编辑和上传功能,模板定制更为容易,通过AJAX的运用,模板定制更为快速。管理面板分为五个部分:n 全局(Global Panel):系统设置和模板全局设置;n 配置(Profiles Panel):模板设计的设置和预置;n 布局(Layouts Panel):模板布局的管理;n 主题(Themes Panel):模板颜色主题的管理;n 升级与帮助(Help & Update Panel):版本信息及帮助文档源。每个面板都内置了快速指南,每个设置都提供了操作提示和使用向导,所以,模板管理面板一定会成为你最好的朋友!一、全局面板1、总览该面板控制系统和模板的全局行为,以及压缩设置。所有项目最小化时,如下图:2、语言与页面分配这个功能允许用户为指定页面与内容组件去覆盖配置,默认情况下,所有页面和内容组件都使用默认配置,但你可以创建无限的配置覆盖。若想要为一个或多个页面及内容组件改变模板设置,请参看这个快速指南:第一步:点击“点击添加”,打开“语言与页面分配”选项;第二步:在左侧下拉列表中选中一个或多个菜单项与组件(按ctrl键可以多选),并点击选定(select)按钮确认;第三步:选定要用于这些页面的配置文件;第四步:点击“保存”按钮。注意:当使用SEF功能时,某些原因会导致配置覆盖的设置失效,因为在joomla网站中,有些链接指向特定的内部页面,但这些链接并不是总能得到Itemid值;不过,其他的SEF组件,比如sh404SEF可以解决这个问题,因为该组件可以确保所有这些没有Itemid 值的链接得到一个相应的Itemid值(Itemid=5),这样,有了Itemid,框架就可以加载正确的配置了。3、系统设置这个选项管理模板的缓存特性,如下图:启用开发模式:启用该模式,将完全禁用所有缓存,这样在页面刷新时,你可以即时看到自己定制的效果。对于有巨大通信量需要缓存的成品网站,建议禁用这个模式。缓存模式:模板缓存,能降低网站生成前台HTML的PHP访问请求量。缓存排除:为特定的组件或位置禁用缓存。例如:n position=user1,user2 指定的位置禁用缓存;n component=com_virtuemart,com_fireboard指定的组件禁用缓存。开发这个特性是为了避免AJAX内容的脚本冲突。4、压缩设置1)优化CSS:优化网站使用的所有CSS。选项:n No不使用CSS压缩。n Linked files使用import功能导入所有CSS文件到一个单一的CSS文件中,减少浏览器的请求。这可以修复ie相关的最大30个CSS文件的限制。n Join & Minify组合最小化与合并优化。最小化是去掉空白空间与无用字符(注释之类),不改变代码功能;合并是将最小化以后的文件内容并入一个单一文件,下面选项,可以设置这个文件的存储目录。n Join & Minify & Compress使用joomla的gzip压缩脚本压缩Join & Minify产生的CSS文件。2)优化JS:优化网站使用的所有JS。选项:n No不使用JS压缩。n Join只合并所有JS文件到一个单一的JS文件中,下面选项,可以设置这个文件的存储目录。n Join & Minify组合最小化与合并优化。最小化是去掉空白空间与无用字符(注释之类),不改变代码功能;合并是将最小化以后的文件内容并入一个单一文件,在下面,可以设置这个文件的存储目录。n Join & Minify & Compress使用joomla的gzip压缩脚本压缩Join & Minify产生的JS文件。3)优化文件夹:优化后的CSS/JS文件的存储位置,默认是网站根目录下的t3-assets文件夹。注意该文件夹必须可写。4)优化排除:加入不想被优化的JS/CSS文件名(不含路径),每个文件一行。例如:template-rtl.cssmega.js二、配置面板1、总览该面板管理配置:创建、克隆、编辑、删除(自定义)配置。你可以为每种配置定义所有的模板设置项:logo、字号、菜单系统、颜色主题、文字方向等等。这些设置分配在几个选项卡中,下面就会讲到。2、配置类型配置分为两种类型:默认配置不能被删除,因为它是框架核心的一部分,但可以定制或重置。用户创建的配置加载用户布局、主题及其他自定义设置。3、编辑配置所有用户创建的配置(默认配置的克隆或者自建配置)都覆盖默认配置的设置,要编辑配置,可以参考这个快速指南:第一步:选择自建的配置或配置克隆;第二步:点击复选框激活任意项的定制功能,改变参数值或选项;注意,有设置项改变时,选项卡会自动检测到,以方便设置;第三步:点击“保存”按钮保存设置。n 注意:设置项未被选中则不能更改,也不会覆盖默认值。4、全局设置全局设置中可以自定义:Logo:图片或文字;字号:设置字号,可以从六种字号中选择:10px到15px;模板宽度:自动、宽屏、窄屏、指定宽度;指定宽度定义值低于100(不含100),则视为百分比,高于(含100)视为像素值;隐藏主区块:设置显示或隐藏主内容区块;文字方向:左到右或右到左;T3 logo:有五个选项:n 不显示隐藏T3 logo;n 亮色logo显示默认T3 logo;n 暗色logo显示暗色T3 logo;n 亮色小logo默认颜色显示小型T3 logo;n 暗色小logo暗色显示小型T3 logo。注意:T3 V1.6版以后,文字方向选项已经移除,全局设置面板相应改变(如下图)。文字方向将随语言方向而改变。5、Google字体API设置框架引入了一种字体替换方案:Google WebFonts。这里可以设置:n 全局:指定一种特定字体应用于前台全局。n Logo:logo字体(logo项选择文字时)。n 标语:文字logo下的标语行
温馨提示
- 1. 本站所有资源如无特殊说明,都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
- 2. 本站的文档不包含任何第三方提供的附件图纸等,如果需要附件,请联系上传者。文件的所有权益归上传用户所有。
- 3. 本站RAR压缩包中若带图纸,网页内容里面会有图纸预览,若没有图纸预览就没有图纸。
- 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
- 5. 人人文库网仅提供信息存储空间,仅对用户上传内容的表现方式做保护处理,对用户上传分享的文档内容本身不做任何修改或编辑,并不能对任何下载内容负责。
- 6. 下载文件中如有侵权或不适当内容,请与我们联系,我们立即纠正。
- 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。
评论
0/150
提交评论