本文档提供了创建和Magento的应用程序进行安装定制的店面主题的说明。它描述Magento的内容呈现过程,并说明该系统的对有效地建立一个主题要求的范围内的观点层。该文件还走过日常前端开发人员的任务。 开发自定义模块的视图部分和定制Magento管理面板的设计是本指南的范围。 前端开发人员可以使用本指南来创建自定义主题来定制Magento的店面为特定客户。 您可以将定制的这些层面到您的网站,那里的水平需要不同的开发技能: 你可以让你的网站使用层叠样式表(CSS)来改变颜色和相对简单的变化各种接口部件的外观和感觉,更换图像和其他相对表面的改变。 不可更改结构来制作网页,你接受你加载到您的网站通过模块默认提供的网站的结构。 这对于一个网站一个很好的起点,因为它需要最少的努力和知识。 一小步超越您的网站改变CSS和图像是让现有模块生成更改HTML。 这就需要基本的PHP技能调整PHTML模板文件。 尽管PHP编码参与,这通常是复制和粘贴从现有的模板文件的PHP代码小片段到一个新的模板文件,不同结构的HTML。 如果产生现有的HTML没有足够的CSS类名或HTML元素,实现演示文稿的变化,你想实现这可能是有用的。 复杂的下一级是被网页上的地点之间移动的功能,使您的网站的结构变化或完全不同的页面。 这是使用的Magento布局引擎来实现。没有PHP编码需要作出布局的变化,但布局引擎是适度复杂。 最后,你可以开发新的模块,新的自定义功能添加到您的网站或扩展现有的Magento或第三方模块提供的功能。 这种定制的第三个层次是本指南中未解决。 请参阅开发人员指南,了解如何开发新的模块的详细信息。 这要求除了所有前述区域的知识PHP编程知识。 已经有关于视觉设计编辑器(VDE),这是目前Magento的开发代码库的一部分的状态有些疑问。该VDE使分配和取消分配主题,编辑主题CSS和JS文件,改变页面布局,以及在所见即所得的模式的网页管理模块和它们的位置。我们想澄清,以满足更高的优先目标,VDE不会是最初的Magento版本的一部分。对于VDE未来计划将在以后的某个时间进行沟通。欢迎您继续提供有关VDE输入,但请注意,我们不会积极审查或actioning在短期内这些意见。 前端发展的先决条件 为了实现与本指南中讨论,你需要一个工作的Magento安装并安装在设备上的浏览器版本 Internet Explorer和Microsoft边(视窗) 店面:Internet Explorer 9或更高版本 Magento管理:Internet Explorer的11或更高版本,微软边缘,最新-1 所有其他浏览器(包括店面和Admin) Magento管理:Internet Explorer的11或更高版本,微软边缘,最新-1 Firefox的最新,最新-1(任何操作系统) 最新的Chrome,最新-1(任何操作系统) 最新的Safari浏览器,最新-1键(Mac OS) 移动Safari浏览器为iPad 2,iPad的迷你,iPad的使用视网膜显示屏(iOS版7或更高版本),用于桌面店面 移动Safari浏览器为iPhone 4或更高版本;的iOS 7或更高版本,对于移动店面 Chrome浏览器的移动最新-1(安卓4.0或更高版本)的移动店面 其中,最新的-1是指除最新发布的版本较早的一个主要版本。 要使用本指南,您必须熟悉: CSS和CSS 3 HTML和HTML 5 XML JavaScript的 自适应网页设计(RWD) 相关话题: 主题 Magento的UI库 层叠样式表(CSS) JavaScript编码标准 自适应网页设计 翻译