区块及布局介绍(Introducing Blocks and Layout)
在Magento之前你很可能已经使用过其他电子商务程序。可能你在开发网店主题方面有一定的经验了,但是我们希望你抛弃以往经验的来的所有期待,这并不意味者你要学习一个全新的语言,也不意味着你要改变你的工作流程,只是你要学习一些新的技巧来开发Magento的主题。掌握这些工具并且始终注意关注他们,你会喜欢上这种结构的。准备好了吗?下面我们开始介绍:
- 结构区块(Structural Blocks)
- 内容区块(Content Blocks)
- 布局(Layout)
建立心理导向图(Creating the Mental Note)
为了让您清楚地了解什么是块(block)和布局(layout),这里有一个心理图片,您可以借鉴一下:
- 想象一个长方体的轮廓(如图1 – 不要一次性浏览整个图品,顺着下面想象下去)
- 想象整个轮廓被填满。
- 想象现在是两个块,他们的轮廓叠在一起。
- 想象现在是三个块,他们的轮廓叠在一起。
-
现在是四个块,他们的轮廓叠在一起。
图1

-
现在我们来看一些一个分类页面的缩略图
图2

-
现在看看上面的缩略图被分割的两种情况快照
图3

图4

刚才建立的思维导向图给为你在概念和真实区块之间进行了一个平行的比较,也许你完全糊涂了,让我来解释一下。
从概念角度看,图3中的框架是结构区块。他们是内容区块的父区块,他们帮助定义内容区块在网点页面中的显示位置(如在图4中 )。这些结构区块通常的存在形式为页眉区,左侧栏区,右侧栏区…等等。这有助于创建网店的视觉结构。
另一方面,内容区块概念上就是装点结构区块的独立颜色的区块。在一个网店内容里,他们才是真正的内容。内容区块代表着页面内的每一个功能特性(比如分类列表,标注和产品标签…等等),并且使用模板文件生成(x)HTML插入到父结构区块里。
布局(Layout)工具可以为每个你创建的结构区块分配内容区块。布局是以XML文本文件的形式存在,可以修改各个页面中各个结构区块的设计和指定显示模板的内容区块。事实上,通过一些布局文件的帮助,你可以修改网店每一个页面的视觉效果。要了解更多阅读介绍布局(Intro to Layouts)一章。
在Magento里你不再需要left_column.ext这个模板文件, 取而代之的是通过管理每个功能性基础元素来管理模板。你可以通过一些布局命令载入或者卸载功能元素来控制网店页面。
