本文档提供了创建和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编码标准 自适应网页设计 翻译
- 前端开发
- 前端开发人员指南
- 介绍
- 主题模块路径规则符号
- 主题Themes
- 概括
- 创建主题
- magento主题结构
- 应用和配置管理主题
- 配置图片属性主题
- 主题继承
- 定位模板,布局和样式
- 布局layout
- 布局说明
- 布局文件类型
- 扩展继承布局
- 覆盖布局
- 公共布局任务定制
- 自定义布局图
- 模板Templates
- 模板定制演练
- 模板的基本概念
- 定制的模板插图
- 定制电子邮件模板
- 模板XSS安全
- 层叠样式表(css)
- 载入css
- magento继承修改模板.phtml
- 只修改phtml文字内容
- 在magento的block之前加内容
- PHP开发
- PHP开发人员指南
- 开发路线图
- composer简介
- 常见术语表
- 准备(开发快速启动)
- 组件类型和版本
- 有关组件文件结构
- 路线图制定和包装组件
- 建立
- composer.json文件
- 创建组件文件结构
- 定义你的配置文件
- 注册您的组件
- URN架构验证
- 命名部件
- 组件加载顺序
- 启用或禁用组件
- package包
- 打包组件
- 更新
- 验证
- 测试你的组件
- 加入CLI命令
- 命令命名指南
- 如何添加CLI命令
- 组件开发
- 服务合同
- 公共接口和API
- 服务合约设计模式
- 依赖注入
- 实例化对象与工厂
- 代理
- 代码生成
- EAV和扩展属性
- Magento的插件
- 路由
- 索引
- 配置服务网络的API
- 向后兼容性
- 消息队列
- 在开发过程中清除目录
- magento设置
- magento开发模式设置
- magento安装中文语言包
- 创建一个新的block
- magento后台操作
- 调试-页面phtml所在的目录
- magento添加分类
- 添加属性
- 属性组
- 组合商品
- 配置商品
- 虚拟商品
- 捆绑商品
- 可下载商品
- 商品促销设置
- CMS页面设置
- block使用
- connect使用
- 多店铺
- 联系我们
- paypal设置
- 物流运费
- 网站地图
- 订单处理
- 账号管理
- 网站货币设置
- google分析
- 页面默认设置
- Magento技巧积累
- 常用技巧
- magento2更改商品图片在网站中不同位置的大小
- magento的view里面的default.xml