Magento模板制作教程

整理文档很辛苦,赏杯茶钱您下走!

免费阅读已结束,点击下载阅读编辑剩下 ...

阅读已结束,您可以下载文档离线阅读编辑

资源描述

Magento设计人员专业名词(MagentoDesignTerminologies)为了能够更好的理解本设计人员中文手册,熟悉一下Magento系统中的设计方面的术语是很关键的。术语的这一章介绍可能对于你来说是比较新的概念,因此,您可以利用这段时间彻底的读通他们。但最重要的,如果你不能充分把握这些概念,不要灰心,所有这些新名词-本章仅仅向你介绍一次,在后面的章节会对这些简单的定义进一步深入研究和扩大。这一章介绍的术语包括:网站和网店(WebsiteandStore)Magento中的一个网站(Website)是一些共享相同的客户、订单信息和购物车信息的商店(Store)的集合。Store是一些StoreView的集合。这些都是比较笼统的概念,我们在确立个别特别需要的网店时用这些概念可以很好的建立。下面有几种确定不同website,store和storeviews用途的:方案1一家名为Dubloo的公司创建了一个在线销售平台,它包括三个独立的服装商店,每个迎合不同价格水平的受众。Dubloo公司希望三个商店能够共享所有客户和订单信息。在这种情况下,Dubloo公司将有一个网站(Website),下面有三个三个商店(Store)。商店将确定个别的价格水平商店,网站将成为Dubloo公司的总平台。方案2一家名为MyLaptops要建立两个单独的网站,两个都是销售笔记本电脑,但是不同的价格。他们还希望每个站点提供英文和西班牙文的选择,每个客户可以在语言选择中选择自己的语言。它们还需要两个网站同步客户和订单信息。在这种情况下,StoreView将在网站中将确定每个英文和西班牙文版本。两个网站分别是“MyLaptops”和“CheapLaptops”。方案3一家名为Bongo'sInstruments想创建一个在线的销售网点。没有其他分支店,Bongo'sInstruments就是是商店以及网站。界面(Interface)Magento的界面(Interface)是一些主题(Themes)的集合,主题是确定网店的外观和前台页面结构的。一个界面可以在Magento后台为网站级别和/或StoreView级别指定(了解如何为网站/商店分配一个界面)。如果您指派一个在网站级别的界面,所有在这个网站下的商店将继承此界面。你可以进一步指定一个在StoreView和商店级别的界面,可以有效的覆盖继承来的网站的界面。例如你在一个名为“John’sPancea”的网站下经营四个不同的商店-通过学习下面每个方法的效果,您可以轻松地根据你的业务的需求来确定部署设计的方法。1.网站级别的声明(Website-leveldeclaration)如果您想为四个商店都建立一个统一的外观和感觉的设计,您将指定一个网站级别的界面,在这种情况下,所有四个商店将继承网站的界面。2.StoreView级别的声明(Storeview-leveldeclaration)如果你想每家商店都有一个单独的外观和感觉的设计,你可以为每个StoreView指定一个界面,在这种情况下,四个商店都有其独特的外观和感觉。主题(Themes)Magento中的一个主题(Theme)是由布局(Layout),模板(Template)和皮肤文件(skin文件是控制网店的显示效果的)组成。Magento被设计成一次可以加载多个主题的功能,因此,通过两种类型来区分主题:默认主题(Defaulttheme)每个界面都有一个主要的主题,称之为界面的默认主题。当你为你的网店指定一个界面的时候,系统就会自动地寻找这个默认主题,并按照这个主题来显示前台。为了自定义网店设计,您可以修改这个主题,或新建一个非默认主题,并加载它。默认的主题必须包含所有必要的布局,模板和皮肤,以确保网店顺利运行,作为主题层次系统中最低级的主题。非默认主题(Non-defaulttheme)非默认主题可以根据你的需要来包含或多或少的主题元素文件(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)图1.结构区块(StructuralBlock)(蓝色区域)图2.内容区块(ContentBlock)(橙色区域)区块(Block)是Magento用来区分系统中一系列功能,并创建一个可见的、操作方式统一的模块化方式来管理这些功能的方式。有两种类型的Block,并且它们相互工作来创建输出的内容:结构区块(StructuralBlocks)这些Blocks是设计成来创建网店页面的可视结构的。例如:头部(Header)、左边栏(LeftColumn)、主体内容(MainColumn)和页眉(Footer),看图1。内容区块(ContentBlocks)这些Blocks是在StructuralBlock中生成实际的内容的。它们是具体的每个功能的表现块,它们会部署TemplateFiles到StructuralBlock中生成(X)HTML内容。例如:分类列表(CategoryList),小购物车(MiniCart),产品标签(ProductTags)和产品列表(ProductListing)等等就是它们自己的内容区块,见图2。模板中包含模板以组织全体的(X)HTML输入是作为一个典型的电子商务应用,但Magento中是通过block来收集和整理网页内容。管理Magento主题(WorkingwithMagentoThemes)在这章我们将详细讲述如何管理及制作Magento模板主题Magento主题的特点主题’(Theme)这个词你可能比较熟悉了。无论是作为使用者,设计者,或两者都是,在很多Web应用程序中都会有主题这个选项。主题基本上两种类型的用户:首先,使用者型,在流浪商店时的美观和实用性的角度体验;第二,设计者型,就是参与主题的设计和建设的设计人员。对于第一种用户类型,一家网店的用户体验就是能够很好的满足浏览者的视觉需求和购买需求。第二种用户类型作为创作者,最好是能够很有效率的建立一个新的网店主题。我们承认,这两个用户类型都影响到商店的最后利润,因此,即使是用户体验都不可以忽视的。因为我们知道,作为设计师你已经设计好了漂亮的图形页面素材(为使用者服务),在这里我们只希望能够帮组你建立一个强大的主题管理功能,以最大限度地提高您的工作效率,并让你的创意到一个新的层次。下面列出的一些要点,我们认为肯定让你满意:1.最大化定制能力(Maximumcustomizationpower)通过Magento你可以在分类页面和产品页面的级别来更改页面的外观和风格,这样可以让你的网店更多样化,从而给您更强大的市场营销和促销的能力。以前是否想象过为网店的每个产品都定制独特的页面?通过Magento,你可以轻松地实现这一点,而且Magento提供了快捷的方来来自定义每个分类和每个产品的页面。2.多主题支持(Multiplethemes)Magento可以让您一次加载多个主题,允许你在默认店铺设计和临时(季节性销售等)设计间切换—这些操作都是非常简单。3.不间断地工作(Uninterruptedworkflow)通过Magento的完全面向对象的程序设计,所有模块都可以通过模板中的标签立即使用。而且因为Magento的功能丰富,你不必依赖程序员来为你完成简单的工作。Magento的社区成员不断成长(包括Magento的官方团体),在里面你可以找到很多的应用知识,而不用你自己摸索。4.最小化调试时间(Minimizedebuggingtime)设计师通常会在检查工具发现错误时花费宝贵的时间检查。校验工具可能告诉你什么是错的,但是他从来不告诉你错误发生在哪里。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/’。你可以在你的界面下保存多个主题,在编写本手册时,你的网店只能加载默认主题和一个另外的主题(注:Magento的最新版本已经可以加载多个主题)。要了解Magento是如何一次加载多个主题的,可以阅读主题的层次结构:这使用了两个主题,因此,您可以让您的网店平时使用默认主题,在季节性或事件中使用的额外的主题(要阅读有关多个主题如何工作,以及有什么好处的,阅读SayHellotoMultipleThemes)。创建一个新的默认主题(Creatinganewdefaulttheme)为了创建一个新的默认主题,首先您必须复制一个现有的默认主题作为新主题修改的基础。创建一个app/design/frontend/default/default/目录的副本,并重命名(界面interface和主题theme的名称应当是一个以小写字母开头的数字英文字母组合的字符串。比如‘MyNewTheme’和‘02123_my_theme’就不好,‘my_new_theme’就比较好)。程序是通过主题目录的名称来确认主题的。skin/frontend/default/defau

1 / 23
下载文档,编辑使用

©2015-2020 m.777doc.com 三七文档.

备案号:鲁ICP备2024069028号-1 客服联系 QQ:2149211541

×
保存成功