定制T3框架(二)主题定制

二、Joomla T3框架主题定制

主题列表

所有的主题文件都在 templates/t3_blank/less/themes/

每个主题文件夹都包含3个文件

  • template.less
  • variables.less: 这个文件包括所有默认的变量
  • variables-custom.less: 这个文件包含您定制主题的自定义变量。

创建新主题

最好的方法来创建新的主题是从现有主题复制一个。您也可以手动添加。如果您手动添加的,按照以下两个步骤:

步骤一:创建一个主题文件夹

在文件夹: templates/t3_blank/assets/less/themes, 下创建一个新的文件夹.例如,我们将它命名为: custom-theme

 

步骤二:添加文件

在我们创建的文件夹:templates/t3_blank/assets/less/themes/custom-theme下创建 3 LESS 文件: template.less, variables.less,variables-custom.less.

注意: template.less, variables.less 这两个文件必须从其他主题复制,variables-custom.less 包含主题的自定义变量

定制主题

自定义主题,您可以使用模板设置(主题设置选项卡或ThemeMagic)或自定义主题LESS文件位于:templates/t3_blank/less/themes/Theme_Name

编译LESS为CSS

现在,您将需要编译LESS文件到CSS,新创建主题的css文件夹将被编译到位于templates/t3_blank/css/themes/custom-theme css 的主题文件夹

 

当编译LESS为CSS,每个主题都有一个独立的文件夹。该文件夹包含所有必要的CSS文件,它不会覆盖默认的主题——从当你的网站运行在一个特定的主题,它只从一个文件夹加载CSS文件——所以它会加快网站的速度。

添加一些CSS文件::

  • home.css
  • bootstrap.css
  • bootstrap-responsive.css
  • template.css
  • template-responsive.css
  • megamenu.css
  • responsive-home.css
  • home-responsive-home.css
  • component.css

注意 .min.css 是压缩文件.网站将会使用.min.css 文件,当您开启 Optimize CSS 选项在 General setting.

  • home.min.css
  • bootstrap.min.css
  • template.min.css
  • template-responsive.min.css
  • megamenu.min.css
  • home-responsive.css

在管理后台,您可以选择新创建的主题风格

《定制T3框架(二)主题定制》有4个想法

  1. Joomla的学习难度比较大啊,图书馆能借到drupal的好几种书但就是没有joomla,我有很详细的drupal视频教程但还是想先用joomla+VirtueMart做一个婚纱外贸商城,哈哈

    1. 关于Joomla和Drupal,个人认为还是看视频教程学习会吸收比较快,或者边看电子书边操作,国内关于Joomla的书本确实比较少,但是如果只是入门,还是比较简单的。Joomla+VirtueMart制作商城,偶看有做了一个,可惜没用上。VirtueMart不兼容Joomla3.X版本,这点比较不好。

发表评论