创建布局

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

我们可以根据自己的需求去创建新的布局,你可以决定在布局文件里调用的区块 ... 我们也可以自己去创建新的区块 ... 最简单的方法就是去复制模板里现有的布局或者区块 ... 然后去修改一下就行了 ...

有两种方法 ... 你可以直接到布局所在的目录 ... 找到布局文件,然后复制一份 ... 或者通过模板的管理界面,直接去复制所选的布局 ...

先打开 管理后台 ... 扩展 .. 模板管理 ... 打开 t3_blank 模板默认的风格 ... 点击 布局 ...

在这个列表里,找到想要复制的布局 ... 选中以后 .. 点击 另存为副本 .. 弹出一个对话框 .. 输入新的布局的名称 ..

布局的名称最好可以描述它能做什么 ... ninghao-with-many-module-positions

点击 克隆 .. 这样会基于所选的布局创建一个新的布局文件 ...

打开 Joomla 所在的目录 .. templates ... t3_blank ... tpls ...

这里的 ninghao-with-many-module-positons.php 这个布局文件,就是我们刚才在后台创建的布局文件 .. (#打开)

现在这个布局文件跟 default-content-left.php 里面的内容是一样的 ...

下面我们在这个新的布局文件里去调用一些区块 ... 先复制其中的一行代码 ... 把新的区块放在 mainnav 区块的下面 ...

粘贴过来 .. 修改一下要调用的区块的名称 ... 比如叫它 feature ... 现在 feature 这个区块的文件还不存在 ... 先保存一下布局文件 ..

然后去创建这个 feature 区块 ..

创建区块

回到 模板目录 .. 打开 blocks .. 复制已有的区块文件,然后去修改是最简单的方法 ...

这里我们创建一个 spotlight 类型的区块 ...

命名为 feature.php ... 打开这个新的区块文件 .. 这里的 spotlight-1 是这个区块的名称 ... 后面的 position-1 到 position-4 都是定义在这个区块上的位置 ....

下面我们去修改一下 ... 把这个 spotlight-1 改成 feature .. 后面是一些模块位置的名称,每个位置中间用一个逗号分隔开 ... feature-1 ..... feature-4 ...

如果你愿意,可以继续去添加模块的位置 ... 不过不能超过 6 个位置 ... feature-5, feature-6

同样的方法,修改一下上面的 checkSpotlight() 里面的东西 ... 这行代码是去判断是否有模块发布到区块上 ... 如果没有,会自动隐藏这个 if 和 endif 之间的代码 ...

feature .... feature-1 ......

保存一下...

在这个 feature 区块里,我们添加了四个新的模块位置 .... 想让 Joomla 知道这些新添加的位图,我们还要去修改一下模板的 templateDetails.xml

打开 templateDetails.xml ...

复制一组 position 标签 ... 中间是模块位置的名称 ... feature-1 .....

保存 ...

预览

回到模板管理界面 ... 刷新 ... 选择我们创建的布局 ....

在 mainnav 区块的下面 ... 你会看到我们在布局里调用的 feature 区块 ... 上面已经定义好了一些模块的位置 ... feature-1 到 feature 6 ....

创建布局《 Joomla 模板架构:T3 》

统计

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

社会化网络

关于

微信订阅号

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