没有合适的资源?快使用搜索试试~ 我知道了~
Magento 模板制作教程
4星 · 超过85%的资源 需积分: 10 7 下载量 190 浏览量
2012-09-20
10:49:49
上传
评论
收藏 656KB DOC 举报
温馨提示
试读
11页
Magento 模板制作教程 为了能够更好的理解本设计人员中文手册,熟悉一下Magento系统中的设计方面的术语是很关键的。术语的这一章介绍可能对于你来说是比较新的概念,因此,您可以利用这段时间彻底的读通他们。但最重要的,如果你不能充分把握这些概念,不要灰心,所有这些新名词-本章仅仅向你介绍一次,在后面的章节会对这些简单的定义进一步深入研究和扩大。............
资源推荐
资源详情
资源评论
博客水木 - 关注 PHP 电子商务网站开发建设推广运营及周边 IT 科技领域。
Magento 设计人员专业名词(Magento Design Terminologies)
为了能够更好的理解本设计人员中文手册,熟悉一下 Magento 系统中的设计方面的术语是很关键的。术语的这一章介绍可能对于你来说是比较新的概念,因此,您
可以利用这段时间彻底的读通他们。但最重要的,如果你不能充分把握这些概念,不要灰心,所有这些新名词-本章仅仅向你介绍一次,在后面的章节会对这些简单
的定义进一步深入研究和扩大。这一章介绍的术语包括:
网站和网店(Website and Store)
Magento 中的一个网站(Website)是一些共享相同的客户、订单信息和购物车信息的商店(Store)的集合。Store 是一些 Store View 的集合。这些都是比较笼统
的概念,我们在确立个别特别需要的网店时用这些概念可以很好的建立。下面有几种确定不同 website, store 和 store views 用途的:
方案 1
一家名为 Dubloo 的公司创建了一个在线销售平台,它包括三个独立的服装商店,每个迎合不同价格水平的受众。 Dubloo 公司
希望三个商店能够共享所有客户和订单信息。在这种情况下, Dubloo 公司将有一个网站(Website),下面有三个三个商店
(Store)。商店将确定个别的价格水平商店,网站将成为 Dubloo 公司的总平台。
方案 2
一家名为 My Laptops 要建立两个单独的网站,两个都是销售笔记本电脑,但是不同的价格。他们还希望每个站点提供英文和西
班牙文的选择,每个客户可以在语言选择中选择自己的语言。它们还需要两个网站同步客户和订单信息。在这种情况下,Store
View 将在网站中将确定每个英文和西班牙文版本。两个网站分别是“My Laptops”和“Cheap Laptops”。
方案 3
一家名为 Bongo's Instruments 想创建一个在线的销售网点。没有其他分支店,Bongo's Instruments 就是是商店以及网站。
界面(Interface)
Magento 的界面(Interface)是一些主 题(Themes)的集合,主题是确定网店的外观和前台页面结构的。一个界面可以在 Magento 后台为网站级别和/或 Store
View 级别指定(了解如何为网站/商店分配一个界面)。
如果您指派一个在网站级别的界面,所有在这个网站下的商店将继承此界面。你可以进一步指定一个在 Store View 和商店级别的界面,可以有效的覆盖继承来的网
站的界面。例如你在一个名为“John’s Pancea”的网站下经营四个不同的商店-通过学习下面每个方法的效果,您可以轻松地根据你的业务的需求来确定部署设计的
方法。
欢迎各位网友莅临我的个人博客: http://shuimu.js.cn ----- 一个学习与工作经验总结分享博客。
1
博客水木 - 关注 PHP 电子商务网站开发建设推广运营及周边 IT 科技领域。
1. 网站级别的声明
(Website-level declaration)
如果您想为四个商店都建立一个统一的外观和感觉的设计,您将指定一个
网站级别的界面,在这种情况下,所有四个商店将继承网站的界面。
2. Store View 级别的声明
(Store view-level declaration)
如果你想每家商店都有一个单独的外观和感觉的设计,你可以为每个 Store
View 指定一个界面,在这种情况下,四个商店都有其独特的外观和感觉。
主题(Themes)
Magento 中的一个主题(Theme)是由布局(Layout),模板(Template)和皮肤文件(skin 文件)组成。Magento 被设计成一次可以加载多个主题的功能,因此,
通过两种类型来区分主题:
默认主题(Default theme)
每个界面都有一个主要的主题,称之为界面的默认主题。当你为你的网店指定一个界面的时候,系统就会自动地寻找这个默认主题,并按照这个主题来显
示前台。为了自定义网店设计,您可以修改这个主题,或新建一个非默认主题,并加载它。默认的主题必须包含所有必要的布局,模板和皮肤,以确保网
店顺利运行,作为主题层次系统中最低级的主题。
非默认主题(Non-default theme)
非默认主题可以根据你的需要来包含或多或少的主题元素文件(Layout、Template 和 Skin)。这种类型的主题可以作为网店的临时季节性的更改, 而没
有必要建立一个新的默认主题,通常可以通过创建的几张图片和更新一些的 CSS 来实现,例如:你可以轻松地将您的网店从平常的页面外观变成有圣诞
节气氛的网店。
让我们来了解一些主题的组件:
布局(Layout) (在 app/design/frontend/your_interface/your_theme/layout/)
布局是 XML 文件,它的作用是定义不同页面的区块(Block)结构,以及控制页面的 META 信息和网页的编码。布局文件是基于每个模块分布的,每一
个模块拥有它自己的布局文件。要深入了解 Layout,请阅读布局的介绍。
模板(Templates) (在 app/design/frontend/your_interface/your_theme/template/)
模板是 PHTML 文件,它包含(X)HTML 标签和一些用来实现信息和功能显示的逻辑的 PHP 代码。
本地(Locale) (在 app/design/frontend/your_interface/your_theme/locale/)
这些都是在每个语言基础上组织的简单的文本文件,包含商店的翻译副本。
皮肤(Skins) (在 skin/frontend/your_interface/your_theme/)
皮肤是具体区块(Blocks)中的 JavaScript、CSS 和图片文件。你可能会问什么是区块?很好的问题,不过不用担心,Magento 已经为这个组件定义好
了,看下一节。
区块(Blocks)
欢迎各位网友莅临我的个人博客: http://shuimu.js.cn ----- 一个学习与工作经验总结分享博客。
2
博客水木 - 关注 PHP 电子商务网站开发建设推广运营及周边 IT 科技领域。
图 1. 结构区块(Structural Block) (蓝色区域) 图 2. 内容区块(Content Block) (橙色区域)
区块(Block)是 Magento 用来区分系统中一系列功能,并创建一个可见的、操作方式统一的模块化方式来管理这些功能的方式。有两种类型的 Block,并且它们相
互工作来创建输出的内容:
结构区块(Structural Blocks)
这些 Blocks 是设计成来创建网店页面的可视结构的。例如:头部(Header)、左边栏(Left Column)、主体内容(Main Column)和页脚(Footer),
看图 1。
内容区块(Content Blocks)
这些 Blocks 是在 Structural Block 中生成实际的内容的。它们是具体的每个功能的表现块,它们会部署 Template Files 到 Structural Block 中生成
(X)HTML 内容。例如:分类列表(Category List),小购物车(Mini Cart),产品标签(Product Tags)和产品列表(Product Listing)等等就是它们自
己的内容区块,见图 2。
模板中包含模板以组织全体的(X)HTML 输入是作为一个典型的电子商务应用,但 Magento 中是通过 block 来收集和整理网页内容。
管理 Magento 主题(Working with Magento Themes)
在这章我们将详细讲述如何管理及制作 Magento 模板主题
Magento 主题的特点
主题’(Theme)这个词你可能比较熟悉了。无论是作为使用者,设计者,或两者都是,在很多 Web 应用程序中都会有主题这个选项。主题基本上两种类型的用户:
首先,使用者型,在流览商店时的美观和实用性的角度体验;第二,设计者型,就是参与主题的设计和建设的设计人员。
对于第一种用户类型,一家网店的用户体验就是能够很好的满足浏览者的视觉需求和购买需求。第二种用户类型作为创作者,最好是能够很有效率的建立一个新的
网店主题。我们承认,这两个用户类型都影响到商店的最后利润,因此,即使是用户体验都不可以忽视的。
因为我们知道,作为设计师你已经设计好了漂亮的图形页面素材(为使用者服务),在这里我们只希望能够帮组你建立一个强大的主题管理功能,以最大限度地提
高您的工作效率,并让你的创意到一个新的层次。下面列出的一些要点,我们认为肯定让你满意:
1. 最大化定制能力(Maximum customization power)
通过 Magento 你可以在分类页面和产品页面的级别来更改页面的外观和风格,这样可以让你的网店更多样化,从而给您更强大的市场营销和促销的能力。
以前是否想象过为网店的每个产品都定制独特的页面?通过 Magento,你可以轻松地实现这一点,而且 Magento 提供了快捷的方法来自定义每个分类和
每个产品的页面。
2. 多主题支持(Multiple themes)
Magento 可以让您一次加载多个主题,允许你在默认店铺设计和临时(季节性销售等)设计间切换 — 这些操作都是非常简单。
3. 不间断地工作(Uninterrupted workflow)
通过 Magento 的完全面向对象的程序设计,所有模块都可以通过模板中的标签立即使用。而且因为 Magento 的功能丰富,你不必依赖程序员 来为你完成
简单的工作。Magento 的社区成员不断成长(包括 Magento 的官方团体),在里面你可以找到很多的应用知识,而不用你自己摸索。
4. 最小化调试时间(Minimize debugging time)
设计师通常会在检查工具发现错误时花费宝贵的时间检查。校验工具可能告诉你什么是错的,但是他从来不告诉你错误发生在哪里。Magento 的模块化
的机制使得每个模板都最小化 (X)HTML 的数量,减少的数量意味着更容易发现错误所在,这样你就可以把精力更多放在真正最重要的地方。
真的,Magento 提供最好的地方就是它提供的灵活性,在你为网店前台定制精彩的主题时而无需顾虑太多东西。天空才是 Magento 的极限,尽量发挥你的想象,创
造一个属于你自己的网店吧。
新建 Magento 主题
让我们首先介绍主题的相关一些目录。打开 Magento 根目录下面的目录:
目录 1: app/design/frontend/default/default/ — 此目录包含布局(layout),翻译(本地)和模板文件。
目录 2: skin/frontend/default/default/ — 此目录包含图片、CSS 和 Javascript 文件。 当建立主题时,这两个目录就是文件的工作
目录。
正如您可能已经注意到,我们已经将主题文件分为两部分。分开的文件可以让你的网店更加安全,Magento 在设计时也已经在程序的每个地方提供最高的安全性。
让我们继续了解这两个目录。
乍一看您会发现在两个目录中的目录的名称“default/default”:
目录 1: app/design/frontend/default/default/
目录 2: skin/frontend/default/default/
在这两种情况下,*表示框架(Interface)的名称,并*表示主题(Theme)的名称。所以,如果你在建立一个界面“my_interface”下的主题“my_theme”,你的工作目录
将是‘app/design/frontend/my_interface/my_theme/’。
欢迎各位网友莅临我的个人博客: http://shuimu.js.cn ----- 一个学习与工作经验总结分享博客。
3
剩余10页未读,继续阅读
资源评论
- jackchen8082013-01-06看了比较简略。易懂。
booooood
- 粉丝: 0
- 资源: 2
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功