开始聊天

Joomla 3.x 文档

关于T3框架

T3框架 is the most popular template framework for Joomla. It powers all our T3 based templates 和 is available for Joomla 1.5, 2.5和3+. For the ease of upgrades the framework is in the plugin format 和 is installed separately. With over 3 years of active development the T3框架 has come a long way 和 is more user-friendly, 功能丰富, easy to customize 和 with extensive responsive layout support which not only looks good on all browsers 和 devices.

如何进入

Select 扩展 > 模板 > Styles.

点击“theme3441 -家'来编辑主页样式.

一般 选项卡.

The following settings will be applied for all styles, themes 和 layouts

  1. 发展模式: when you are developing your site, you should enable this option. Once it's turned on, your site directly runs on original files - LESS files. Enabling this option will decrease your site speed so when you finish developing, 关闭该选项. When you are not developing your site, you should disable the option. 这将提高你的网站速度. In this mode, your site runs on CSS, not LESS. The CSS files are compiled from LESS files.
  2. 主题Magic: enable the option "启用 主题Magic .

请注意: This option should be enabled only when you customize your theme using 主题Magic, 在完成定制之后, 你应该把它关掉.

  1. 遗留的兼容: this option will make your site compatible with Bootstrap 2. For example, you use some extensions that integrates Bootstrap 2. To make the extensions work in your site, it will load some CSS of Bootstrap 2. It will load font awesome version 3 as well..
  2. 响应:关闭该选项时, your site is a non-responsive site 和 you can set the fixed width size for your site. Once it's disabled, all responsive files will not be loaded.
  3. 构建RTL CSS: when compile LESS to CSS, you can select to build CSS for RTL language or not. To active this option, please enable option 和 run the Compile LESS to CSS.
  4. T3 Assets文件夹:启用时, the optimized 和 joined CSS files will be located in the defined T3 Assets文件夹 folder. 默认情况下,这个文件夹是t3-assets..
  5. 展示T3标志: enable the option to show the T3 Logo in the footer.
  6. 优化CSS: when you enable this option, compressed CSS files will be used (.最小值.css文件).
  7. 优化JS: 组合和压缩Javascript文件.
  8. 文章视图的链接标题: override setting for Link Title in Article View. This setting only applies for Single Article view.

一般设置

一般 选项卡.

The following settings will be applied for all styles, themes 和 layouts

  1. 发展模式: when you are developing your site, you should enable this option. Once it's turned on, your site directly runs on original files - LESS files. Enabling this option will decrease your site speed so when you finish developing, 关闭该选项. When you are not developing your site, you should disable the option. 这将提高你的网站速度. In this mode, your site runs on CSS, not LESS. The CSS files are compiled from LESS files.
  2. 主题Magic: enable the option "启用 主题Magic .

请注意: This option should be enabled only when you customize your theme using 主题Magic, 在完成定制之后, 你应该把它关掉.

  1. 遗留的兼容: this option will make your site compatible with Bootstrap 2. For example, you use some extensions that integrates Bootstrap 2. To make the extensions work in your site, it will load some CSS of Bootstrap 2. It will load font awesome version 3 as well.
  2. 响应:关闭该选项时, your site is a non-responsive site 和 you can set the fixed width size for your site. Once it's disabled, all responsive files will not be loaded.
  3. 构建RTL CSS: when compile LESS to CSS, you can select to build CSS for RTL language or not. To active this option, please enable option 和 run the Compile LESS to CSS.
  4. T3 Assets文件夹:启用时, the optimized 和 joined CSS files will be located in the defined T3 Assets文件夹 folder. 默认情况下,这个文件夹是t3-assets..
  5. 展示T3标志: enable the option to show the T3 Logo in the footer.
  6. 优化CSS: when you enable this option, compressed CSS files will be used (.最小值.css文件).
  7. 优化JS: 组合和压缩Javascript文件.
  8. 文章视图的链接标题: override setting for Link Title in Article View. This setting only applies for Single Article view.

主题设置

主题 选项卡.

  1. 主题:选择当前样式的主题. 每种风格都有一个主题.
  2. 标志类型:选择Logo类型(Text\Image).
  3. 网站的名字:指定您的站点名称.
  4. 口号:为您的网站输入一个口号.
  5. 标志形象:上传Logo图片.
  6. 启用小Logo: enable this option to allow select a new version logo for small screen.
  7. 显示页脚标志: enable the option to show the Logo in the footer.
  8. 页脚标志宽度:设置页脚Logo宽度.
  9. 页脚标志图像: upload the image file for the footer Logo.
  10. 页脚文字标志:输入“Logo”文本. 适用于文本标志类型.
  11. 页脚的口号:输入您网站的口号.
  12. 徽标文本后的页脚: specify the text which will be displayed after the logo.

  1. 私隐政策连结:开启“隐私策略”链接.
  2. 隐私政策:指定隐私策略链接.
  3. 隐私政策标签: enter the label for the 隐私政策 item.

  1. 左侧栏宽度: set right sidebar width in grid columns.
  2. 右侧栏宽度: Set right sidebar width in grid columns.

布局

布局 选项卡.

改变 module position by clicking on the configuration icon on the top right.

选择布局样式. 在T3框架下, each style will use one layout (but please keep in 最小值d that one site use many styles > so one site can use multiple layouts simultaneously because T3 use multiple styles simultaneously).

In the layout setting, there are 2 parts to be configured: 模块位置 响应式布局配置.

改变 module position by clicking on the configuration icon on the top right.

附件标签

附加组件 选项卡.

启用 off-canvas sidebar then select effect for the Off-canvas sidebar.

  1. 启用:启用加载off-canvas库.
  2. Off-Canvas效应: sidebar transition effect for Off-canvas menu.

自定义代码选项卡

自定义代码 选项卡.

Add custom code to some special positions of webpage. 这些标记不会被过滤. Please be careful when copy code from other websites.

  1. After : add custom code right after open tag.
  2. Before : add custom code before closing tag.
  3. After : add custom code right after open tag.
  4. Before : add custom code before closing tag.
  5. 显示调试模块位置: add modules in debug position before closing tag.

布局设置

布局设置 选项卡.

改变 positions' width (Normal or fullwidth).

字体设置

排版 选项卡.

改变 页面标题项目标题 font size for the Featured 文章 page, 类别博客页面, 类的文章, 画廊视图, Archived 文章 和 Single Article pages.

功能选项卡

特性 选项卡.

  1. 最重要的按钮:启用显示选项 最重要的 button.
  2. Totop文本:输入顶部按钮文本.
  3. 转到桌面按钮:启用显示选项 桌面 移动设备上的按钮.
  4. Todesktop文本:输入 对Deskptop 按钮文字.
  5. Tomobile文本: input 移动 按钮文字..
  6. jQuery的黑色&白色的插件:启用或禁用jQuery的黑色&白色的插件.
  7. 反转悬停效果: 启用反转悬停效果.
  8. 速度动画:设置动画的速度.
  9. 动画输出速度: 设置动画输出速度.
  10. 离线倒计时时间:设置截止日期.

赋值

Assign the current template style to the selected menu items that can be viewed by users.

Megamenu

To enable Megamenu, please open 导航 选项卡. 启用 Megamenu option then open Megamenu configuration panel.

Sub-megamenu配置

You need to select the sub-menu to see the settings.

This setting allows you to configure the width of the sub-megamenu, 添加一列, 然后为它添加一个样式的类.

列配置

You need to select the column to see the settings.

在这个级别的配置中, 您可以:添加列, 删除列, 立柱设置宽度, 将模块分配给列.

You should create an empty column to enable the 选择模块 option.

菜单项配置

You need to select the menu item to see the settings.

在这个级别的配置中, you can: enable or disable submenu if a menu item, 是否分组显示子菜单, 将菜单项向左或向右移动, 将模块分配给模块菜单项, 为菜单项添加图标.

主题的魔法

You have to enable 主题Magic first, then click on the 主题Magic button to open 主题Magic panel.

  1. 选择要定制的主题.

  1. Customize theme by changing parameter values.

输入错误

  1. 基础字体大小: set the main text font size in pixels only.
  2. 基线高度:设置基线高度.
  3. 字体族基础/字体族次要:选择字体系列.

Color

  1. 品牌原色: the color must be specified in hexadecimal format (for example, #aabbcc). Also, it is possible to select a color from a palette provided.
  2. 品牌副色: the color must be specified in hexadecimal format (for example, #aabbcc). Also, it is possible to select a color from a palette provided.

网格

  1. 大桌面宽度: set the large desktop width in pixels only.
  2. 水槽宽度:仅以像素为单位设置行距宽度.

  1. 单击预览查看更改.
  2. Save or save as copy the customized theme.