主模板文件与布局文件覆盖

0
视频
0
完成
0%
进度
0
分钟
0
完成
0%
进度

控制主页面输出的模板文件是 index.php ... 这跟普通的模板有些类似 ... 这个文件一般会放在 gantry 模板的根目录下面 ... 我们可以去看一下 ..

打开 Joomla 所在目录 ... templates ... 找到 gantry 默认模板 ... 在这个目录下面 ... 找到 index.php ...

这个文件里主要是 html 标签,混合了一些 php 的代码 ... 动态的输出 Joomla 页面内容 ...

这里有文档的声明 .... <head> 标签 ... 有时候你可能需要在 <head> 标签里添加点东西 .. 比如你想在网站上使用微博的按钮 ... 你需要先在 <head> 标签里添加一行指定的代码 ...

你可以直接把代码添加到模板的 index.php 这个文件的 <head> 标签里 ..

<body> 标签里包装的内容,多数都是一些模块的位置 ... 也就是输出模块的代码 ... 这些位置在没有模块发布的时候,会自动隐藏起来 ...

这里我们来做个小实验 .. 先到网站前台看一下 ...

在首页上 ... 第一排内容是一些模块 ... 它们是在 feature 区域定义的模块位置上 ... 下面这排内容是在 utility 区域定义的模块位置上 ...

修改模板的 index.php ... 我们可以很容易改变它们的顺序 ...

回到 index.php .. 找到 feature .. 区域 .. 它的下面就是 utility 区域的模块位置 ...

先选中从 Begin Feature 开始的这行代码 ... 一直到 End Feature 结束的代码 ... 这一块代码就是整个 feature 区域的代码 ...

如果把它删除掉,那么在前台页面上所在发布到 feature 区域上的模块都不会显示了 ...

剪切一下 ... 然后粘贴到 End Utility 代码的下面 ...

保存一下 .. 回到前台 ... 刷新 ...

你会看到 feature 上的模块内容就会跑到 utility 模块内容的下面去了 ...

回到 index.php ... 我们看一下输出主体部分的代码 .. 在这里 ... 用 displayMainbody 输出主体部分 ...

主体部分包含了主体内容 ... 比如文章的内容 ... 组件输出的内容 ... 另外带有一些边栏内容 ... Gantry 默认模板一共有三个边栏 ..

真正输出这些内容的代码包含在了 gantry 的布局文件里 ... 下面我们去看一下 ...

打开 Joomla 所在的目录 ... 找到 libraries ... gantry ... html ... layouts ...

在这里有一些布局文件 ... 这里的 body_mainbody.php 这个文件就是输出主体内容的代码 ...

如果你想修改它,我们一般不直接修改 .. 因为很可能在升级以后,就覆盖了你所做的修改 ... 我们可以把它复制一份,到 gantry 模板所在的目录里 ..

打开 gantry 模板目录 ... 打开 html .... 这个 html 目录就是覆盖的一些模板文件 ..

在这里创建一个叫 layouts 的文件夹 ...

然后把要修改的布局文件复制一份到这个 layouts 里面 ... 打开这个 body_mainbody.php ...

为了让 gantry 使用在模板下面的布局文件 .. 我们得去清空一下缓存 ... 回到管理后台 ...

系统 - 清空缓存 ... 选中所有缓存 .. 删除 ..

然后再去前台看一下 ... 打开一个内容 ... (#自行车 - DEMO)

再回到模板目录下面的 body_mainbody.php 这个主体内容的布局文件 ...

找到 <jdoc:include type="component" /> 这行代码 ... 它是 Joomla 里面输出主体内容的代码 ..

我们先把它删除掉 ... 保存 ... 回到 前台内容 ... 刷新 ...

主体内容就不见了 ... 这就说明 gantry 已经使用了我们的模板目录下面的布局文件 ... 你可以根据需求去修改这个文件 ...

比如添加必要的标签 ... 修改 css 类 , id 等等 ...

主模板文件与布局文件覆盖《 Joomla 模板架构:Gantry 》

统计

15260
分钟
0
你学会了
0%
完成

社会化网络

关于

微信订阅号

扫描微信二维码关注宁皓网,每天进步一点