T3 FRAMEWORK教程

T3-Framework教程

T3模板配置

T3 BS3空白和T3空白模板

T3框架版本2礼马差。X支持2基础模板:T3空白模板和T3 BS3空白模板礼马差。T3空白模板将引导2兼泉铁,T3 BS3空白模板集成了礼马差。

T3框架


全局设置

全局设置适用于所有样式软寄驰、主题和布局兼泉铁,无论设置是否在任何样式中更改礼马差。

发展模式

这是一个重要的选择礼马差。您应该清楚地定义启用和禁用选项之间的差异礼马差。

使发展模式

T3框架

开发新葡京在线时兼泉铁,应启用此选项礼马差。一旦打开兼泉铁,你的新葡京在线直接运行在原始文件-更少的文件礼马差。templates/t3_bs3_blank_less/templates/t3_blank/less

当开发你的新葡京在线兼泉铁,它是一个很好的工具礼马差。你可以使用这个工具来跟踪

T3框架

在这种模式下兼泉铁,你很容易开发你的新葡京在线用更少兼泉铁,但它会降低你的新葡京在线速度兼泉铁,所以当你完成开发兼泉铁,关闭选项礼马差。

禁用的发展模式

当您不开发您的新葡京在线时兼泉铁,您应该禁用选项礼马差。这样会增加你的站点速度礼马差。在这种模式下兼泉铁,你的站点上运行的CSS礼马差。CSS文件不编译的文件礼马差。

T3框架

CSS文件位于t3_bs3_blank CSS模板\ \礼马差。但我们不建议您定制您的新葡京在线与此文件夹中的CSS文件每次编译少CSS文件将被覆盖礼马差。

在开发模式下兼泉铁,您可以启用或禁用选项:优化CSS礼马差。此选项将优化和加入CSS文件礼马差。通过这种方式兼泉铁,它将提高您的新葡京在线性能礼马差。

T3框架

当启用时兼泉铁,优化并加入CSS文件将位于T3资产定义的文件夹的文件夹礼马差。默认情况下这个文件夹是T3礼马差。

启动响应

T3是一个敏感的模板框架礼马差。你可以打开或关闭此功能礼马差。

T3框架

当选项被禁用兼泉铁,您的新葡京在线是一个非响应的新葡京在线兼泉铁,您可以设置您的新葡京在线的固定宽度大小礼马差。一旦它被禁用兼泉铁,所有响应文件将不会加载礼马差。

T3框架

使thememagic

步骤1:启用选项“启用thememagic”

步骤2:访问thememagic设置面板

T3框架

注:应当启用这一选项只有当你定制你的主题使用thememagic兼泉铁,你完成你的定制后兼泉铁,你应该把它关掉礼马差。

点击这个链接看到如何工作thememagic定制礼马差。

启用引导2兼容性和字体3 此选项将使您的新葡京在线与引导2兼容礼马差。

例如兼泉铁,你使用的一些扩展兼泉铁,引导2礼马差。让你的新葡京在线的扩展工作兼泉铁,它会加载一些CSS的引导2礼马差。它将加载字体版本3以及礼马差。

T3框架


编制LESS的CSS

利用LESS

T3开发的少礼马差。当自定义您的新葡京在线时兼泉铁,我们建议您使用更少的文件礼马差。较少的文件将被编译后的CSS文件礼马差。所有的小文件定制位于模板/ t3_bs3_blank /less礼马差。

T3框架

当新葡京在线开发完成后兼泉铁,应编制LESS的CSS礼马差。此选项将编译文件兼泉铁,CSS文件礼马差。你所有的定制将文件编译相应的CSS文件礼马差。

T3框架

建立CSS RTL语言

T3支持RTL(从右到左)的语言风格礼马差。RTL软寄驰、LESS文件位于模板/ t3_bs3_blank /LESS/ RTL礼马差。

当编译LESS的CSS兼泉铁,你可以选择不建立CSS RTL语言礼马差。激活此选项兼泉铁,请启用选项在常规选项卡建立RTL CSS然后运行编译less,CSS礼马差。

T3框架


主题设置

主题设置允许您配置主题软寄驰、徽标礼马差。设置也可以配置在thememagic设置面板

主题的设定

选择当前样式的主题礼马差。每一个风格都有一个主题礼马差。

T3框架

LOGO的设置

T3允许你选择的图像或文字标识礼马差。如果您选择使用图像徽标兼泉铁,浏览到显示为徽标的图像礼马差。如果您选择文本徽标兼泉铁,输入文字显示为标志兼泉铁,口号是可选的礼马差。

T3框架

现在兼泉铁,让我们看看前端看起来如何礼马差。

T3框架

更改logo图像和自定义logo大小

另一个方法是改变标识文件中的标识图像路径的变化:variables.less:templates/ ja_t3v3_blank /less礼马差。您也可以自定义徽标大小在此文件中礼马差。

  1. // T3 LOGO
  2. // --------------------------------------------------
  3. @T3logoWidth: 270px;
  4. @T3logoHeight: 65px;
  5. @T3LogoImage: "../images/logo.png"

布局设置

选择样式的布局

在T3框架兼泉铁,每个样式将使用一个布局(但请记住兼泉铁,一个新葡京在线使用多种风格——>所以一个新葡京在线可以使用多个布局兼泉铁,同时由于T3使用多种风格的同时)礼马差。

T3框架

布局配置

在布局设置中兼泉铁,有2个部分要配置:布局结构和响应布局配置

布局结构配置

分配模块位置

T3框架

设置每个块中的列数礼马差。

T3框架

响应布局配置

选择响应布局

T3框架

在每个响应布局中兼泉铁,您可以启用/禁用内容兼泉铁,在块中调整模块位置礼马差。

T3框架


自定义代码

该选项卡包括设置兼泉铁,允许您添加脚本兼泉铁,如谷歌分析兼泉铁,现场聊天服务…到任何位置礼马差。

要添加脚本兼泉铁,请打开选项卡自定义代码兼泉铁,然后选择将脚本添加到:后软寄驰、前软寄驰、后或之前礼马差。

T3框架

在首页兼泉铁,查看源程序兼泉铁,查看脚本是否添加礼马差。

T3框架


优化CSS和JS

优化CSS和JS是提高你的新葡京在线的性能通过加入压缩CSS和JS文件兼泉铁,总大小和数量的要求将降低礼马差。

现在让我们看看这个功能如何影响你的站点礼马差。

# 1:CSS优化

T3框架

2:# JS优化

T3框架

优化

要启用此功能兼泉铁,请关闭任何T3空白模板风格后端设置tab将军的发展模式礼马差。

T3框架

现在启用选项优化CSS和JS优化礼马差。

T3框架

JS优化兼泉铁,我们提供的工具来压缩2:

关闭编译器

在比较封闭的编译器具有更好的压缩和更准确兼泉铁,但它限制优化组的大小(在200kb)礼马差。

排除要优化的文件

你可以把CSS和JS兼泉铁,你不想优化文件兼泉铁,添加文件名兼泉铁,如果你有很多文件兼泉铁,请用逗号提纯礼马差。如果您有2个相同的文件兼泉铁,请添加完整路径的文件来区分礼马差。

T3框架

如何生成优化文件?

当优化选项启用优化CSS和JS文件将自动生成的页面时兼泉铁,在第一时间观看礼马差。如果有任何变化的CSS兼泉铁,JS加载一个页面兼泉铁,新的优化JS和CSS文件将自动重新生成礼马差。所以兼泉铁,为了防止有很多优化CSS和JS文件兼泉铁,你应该检查之前把优化选项礼马差。

所有的优化CSS位于templates/purity_iii/t3-assets/css文件夹和优化js文件位于templates/purity_iii/t3-assets/js


支持插件

可用版本:2.1.0只有T3 BS3空白模板

在模板的风格与T3框架开发任何模板后台设置兼泉铁,你会看到插件”选项卡兼泉铁,该选项卡包含附加的T3礼马差。目前已关闭帆布边栏配置和扩展模板风格礼马差。

从画布的侧边栏

T3框架

从画布的侧边栏可以用来显示灵活的内容兼泉铁,你可以用它来显示静态内容或使用它作为一个新葡京在线的菜单系统礼马差。

寻找帮助文档了帆布的侧边栏?现在检查它礼马差。

模板扩展风格

此功能允许加载样式表(.less)文件到特定页礼马差。这是特别有用的兼泉铁,当你想使三分之一方扩展与您的新葡京在线兼容或自定义的风格的第三方扩展礼马差。

步骤1:创建样式表文件

创建模板文件礼马差。templates\t3_bs3_blank\less\extras.如果您没有看到额外的文件夹兼泉铁,请创建文件夹礼马差。

步骤2:指定样式表的网页

你想要 T3 BS3空白模板风格开放后台设置兼泉铁,在插件选项卡兼泉铁,指定新创建的样式表的页面将加载样式表礼马差。

T3框架

如果你不想要的样式表加载任何页面兼泉铁,只留下空白或指定不使用礼马差。如果要在所有页面中使用兼泉铁,请分配给所有页面礼马差。

应用新功能的第一个模板兼泉铁,它支持第三方扩展的数量兼泉铁,每一个第三方扩展的定制样式都存储在它自己的文件中礼马差。

T3框架

步骤3:编制less/CSS

当你编译不到CSS的礼马差。更少的文件将被编译礼马差。CSS文件兼泉铁,它存储在templates\t3_bs3_blank\css\extras.

T3框架


风格重写

关于模板和风格

T3框架支持2起动器模板:T3空白模板(bootstrap 2集成)和T3 BS3空白模板(bootstrap 3集成)礼马差。

对于每个模板兼泉铁,你可以创建无限的样式来覆盖默认样式.礼马差。

T3框架

风格式标记

每个风格包括自己的主题兼泉铁,布局兼泉铁,标志兼泉铁,导航…创建新样式时兼泉铁,可以配置这些对象并重写默认样式礼马差。

重写风格的3个步骤

步骤1:创建覆盖样式 若要创建新的重写样式兼泉铁,可以复制默认样式或在任何样式的设置面板中保存副本礼马差。

重复的风格

T3框架

或保存为副本

T3框架

步骤2:配置样式

现在打开克隆风格兼泉铁,然后配置主题兼泉铁,布局兼泉铁,导航…

步骤3:为样式指定菜单项

打开选项卡分配您要应用样式的菜单项上的勾选礼马差。样式将覆盖选定菜单项中的默认样式礼马差。

T3框架


法语和意大利语翻译包

感谢帮助我们制作法语和意大利语翻译包的社区礼马差。您可以下载并安装到您的系统礼马差。

步骤1:下载翻译包

当你看到T3框架GitHub上的项目兼泉铁,你会看到翻译文件夹礼马差。

T3框架

步骤2:安装法语

转到扩展名>扩展管理器>安装语言兼泉铁,然后选择语言然后安装礼马差。

T3框架

步骤3:为法语创建内容语言

去扩展> >语言> >经理内容兼泉铁,创建新的内容语言礼马差。

T3框架

步骤4:安装法语翻译包

访问模板样式管理器>扩展名>扩展管理器礼马差。浏览翻译包然后安装礼马差。

T3框架

步骤5:设置默认语言为法语

返回扩展名“语言管理器”安装的管理员兼泉铁,设置法语为默认语言礼马差。

T3框架

现在去T3空白模板的风格兼泉铁,你会看到它的翻译成法语礼马差。

T3框架

说点什么...
取消
你是一个访客 ( 注册 ? )
作为一个访客
加载评论... 注释将在之后刷新 00:00.

第一个发表评论

joomlass-logo31.png

Search