Magento前端开发指南(一)

说明

本文档提供了创建和应用自定义Magento安装店面主题说明。它描述了Magento的内容渲染过程，说明了系统的视图层需要建立一个主题的有效程度。该文件还走过日常前端开发工程师的任务。

开发一个自定义模块视图和自定义Magento管理面板设计了本指南的范围。

前端开发人员可以使用此向导创建自定义主题定制Magento的店面为一个特定的客户。

你可以将这些层次的定制您的网站，那里的水平需要不同的开发技巧：

你可以到你的网站上使用级联样式表（CSS）进行相对简单的变化改变颜色和外观和感觉的各种接口部件，更换图片，和其他相对化妆品的变化。

没有结构的更改页你接受你的模块加载到你的网站的默认设置站点的结构。

这可能是一个网站是一个很好的起点，需要最少的努力和知识。

除了改变CSS和图像在您的网站上，一个小步骤是修改现有的模块生成的HTML。

这需要基本的PHP技能调整PHTML模板文件。

虽然PHP编码的参与，这是典型的复制和粘贴代码小片段从现有的模板文件到一个新的模板文件与不同结构的HTML。

这会很有用，如果现有的HTML生成不具有足够的CSS类名称或HTML元素实现演示改变你想达到。

复杂的下一步是通过移动功能之间的地方在一个网页或完全不同的页面到您的网站进行结构的变化。

这是使用Magento的布局引擎实现。没有PHP编码需要作出改变布局，但布局引擎是比较复杂的。

最后，你可以开发新的模块来添加新的自定义功能，您的网站或扩展功能提供现有的Magento或第三方模块。

这第三个层次的定制不在本指南讨论。

看到开发者指南详细介绍如何开发新的功能模块。

这就要求PHP编程知识，除了前面的所有领域的知识。

有关于视觉设计的编辑状态查询（VDE），这是目前的Magento开发代码库的一部分。VDE使分配和unassigning主题，编辑主题的CSS和JS文件，改变页面布局、管理模块和一个所见即所得的方式在页面的位置。我们想澄清，以满足更高的优先目标，VDE将不是最初的Magento释放部分。对于VDE未来计划将在稍后的时间点连通。欢迎您继续提供VDE输入，但是请注意，我们不会积极检讨或完成这些评论在短期内。

前端开发的先决条件

实施本指南中讨论的是什么，你需要一个Magento安装以下版本的浏览器，安装在您的设备：

Internet Explorer和微软的边缘（Windows）

店面：Internet Explorer 9或更高版本

Magento管理：Internet Explorer 11或更高版本，微软的优势，最新的–1

所有其他浏览器（店面和后台管理）

Magento管理：Internet Explorer 11或更高版本，微软的优势，最新的–1

Firefox的最新，最新–1（任何操作系统）

Chrome最新，最新–1（任何操作系统）

Safari的最新，最新的–1（Mac OS）

Safari移动为iPad 2，iPad mini，与Retina显示屏的iPad（iOS 7或更高版本），桌面的店面

Safari移动为iPhone 4或更高版本；iOS 7或更高版本，移动店面

移动新–1铬（Android 4或更高版本）移动店面

哪里新的–1意味着一个重大的版本比最新发布的版本。

使用此向导，您必须熟悉：

CSS和CSS 3

HTML和HTML 5

XML

JavaScript

响应网页设计（RWD）

相关主题：

主题

Magento UI库

层叠样式表（CSS）

JavaScript编码标准

响应式网页设计

翻译