制作你自己的Magento主题.docVIP

制作你自己的Magento主题-Building Your Theme 星期二, 08/19/2008 - 22:19 — foolsky 建立你自己的主题（Theme） Magento是建立在完全模块化的模式基础上的，这为你的网店带来无限的可扩展性和灵活性。这章我们介绍如何开发magento主题。 区块（Blocks）和布局（ Layout） 在Magento之前你很可能已经使用过其他电子商务程序。因此在开始之前，我们希望你抛弃所有按以往经验得来的期待，这并不意味者你要学习一个全新的语言，也不意味着你要改变所有的工作流程，只是你要学习一些新的技巧来开发Magento的主题。掌握这些工具并且始终注意关注他们，你会喜欢上这种结构的。下面我们开始介绍： 结构区块（Structural Blocks） 内容区块（Content Blocks） 布局（Layout） ? 建立心理导图 为了使你更清楚的理解区块和布局的含义，这里提供一些心理导图工你参考： 想象一个长方区块的轮廓(就想图例1 Diagram 1). 现在想象整个区块的轮廓被填满 现在想象两个区块，他们的轮廓叠加在一起 现在想象三个区块，轮廓叠加在一起 然后想象四个。。。。。。 Diagram 1 然后我们来看一下Magento网店的首页缩略图: ? Diagram 2 看看上面缩略图可以被分割成几部分，以两种方式分割。 Diagram 3 Diagram 4 ? 你刚建立的思维导图给你在概念和真实区块之间一个平行的比较，我知道你也许完全糊涂了，让我来解释一下：从概念角度看，图2中的框架是结构区块。他们是内容区块的父区块，他们帮助去定内容区块在一个网店页面中显示的区域位置（如在图3中 ） 。这些结构块的存在形式为页眉区，左栏地区，右栏...等等有助于创建网店的视觉结构。;l 另一方面，内容区块概念上就是装点结构区块的独立颜色的区块。在一个网店内容里，他们才是真正的内容。内容区块代表着页面内的每一个功能特性（比如分类列表，标注和产品标签等等），并且使用模板文件生成(x)HTML插入到父结构区块里。 布局Layout 布局就是用来分配内容区块到结构区块的工具。布局以XML 文本文件的形式存在，通过修改布局，你可以移动区块和分配模板到内容区块来产生结构区块的标签。事实上，通过一些布局文件的帮助，你可以修改网店每页的可视布局。更多关于布局的信息可以参考下面这个连接 介绍布局 Layouts 在magento里你不再需要left_column.ext这个模板文件， 取而代之的是通过管理每个功能性基础元素来管理模板。你可以通过一些布局命令载入或者卸载功能元素来控制网店页面。 一步一步建立主题Theme 下面是Magento建立主题的全部工具： 模板Templates 布局Layouts 区块Blocks 皮肤Skins (images, CSS and block-specific Javascript) ? 要建立一套网店的模板，你需要按照一下这些步骤完成： 第一步：关闭系统缓存system cache 到管理界面Administration Panel (/admin) 然后 System - Cache Management.? 在All Cache 选择 Disable 然后保存。这样会忠实的展现你对页面的修改。 第二步：确定你网店可能使用的所有结构类型 你可以做一个如下的列表： 主页使用三栏结构 three column structure. 分类列表页使用两栏结构包括右边栏two column structure that includes a right column. 客户页面使用两栏结构包括左边栏 two column structure that includes a left column. 骨架模板Skeleton template 做完了上面的列表，你就可以为每个结构类型创建一个(X)HTML? 标记并保存为骨架模板Skeleton template，将它保存在 app/design/frontend/your_interface/your_theme/template/page/. skeleton template例子： Upon scanning through the sample skeleton template above, you will notice a PHP method called ?=$this-getChildHtml()? inside each presentational markup. This is the way Magento loads structural blocks