2019.1.31关于magento的补充资料

  • magento2外观:block就是页面内容的载体,所有内容不论是程序输出还是后台输入,都会由block中被显示。layout是一大堆声明block的xml。

  • 找到模板:需要知道显示在页面每个部分对应的模板(template)在目录中的什么位置:需要在magento后台打开模板调试界面

  • 找到布局layout:
    eg:看到模板提示看到template路径:app/code/Magento/Checkout/view/frontend/templates/cart/minicart.phtml
    可知这是属于magento的checkout模块
    1、检查app/design/frontend/Magento/blank/Magento_Checkout/布局。要找到所需的布局,请在此目录中搜索模板名称“minicart.phtml”的出现位置。找不到匹配的文件,因此我们继续进行下一个回退级别,即父主题布局
    2、我们可以在主题配置文件中找到有关父主题的信息theme.xml,在节点中指定父主题名称。在app/design/frontend/Magento/blank/theme.xml没有节点,这意味着空白主题没有父母。所以我们应该搜索下一个回退级别,即模块布局。
    3、Magento_Checkout布局位于app/code/Magento/Checkout/view/frontend/layout/。在搜索此目录后出现“ minicart.phtml”,我们定义了我们正在寻找的布局app/code/Magento/Checkout/view/frontend/layout/default.xml。
    https://devdocs.magento.com/guides/v2.2/frontend-dev-guide/themes/debug-theme.html#debug-theme-templ

  • 找到样式css:可以使用浏览器调试工具来查找类名。找到类名后,在主题和模块样式目录中使用文本搜索来定位定义类的文件.less或.css文件。

  • 关于模板Templates
    参考链接
    1、模板在布局 文件中启动 ,每个布局块都有一个关联的模板。
    模板template在布局指令的属性中指定。
    2、 根模板
    <Magento_Theme_module_dir>/view/base/templates/root.phtml是 Magento应用程序中所有店面页面的根模板。与任何其他模板文件一 样,可以在主题中覆盖此文件。
    不像其他的模板,root.phtml包含了doctype规范,有助于和通过Magento的应用呈现的所有页面的部分。(在安装文档操作时,通过设置block的reference替换root模块,可以达到直接替换页面的全部显示)

  • 关于自定主题的的过程
    参考链接
    1、建立自己主题目录(参考rwe/default)
    2、使用模板提示找到与要更改的页面/块关联的模板(在导航栏中,找到导航栏对应的template(.phtml文件的位置))
    3、将这个模板复制到自己要简历的主题文件夹
    4、进行必要的更改,在这个模板中写HTML+css+js
    5、主题中添加新模板
    5.1、根据模板存储约定在主题目录中添加模板(有关模板资料
    5.2、将模板分配给相应布局文件中的块(设置layout)

ps:明天需要做的事情:
1、学会使用composer composer与magento
2、学会使用SVN
3、将magento设置为开发人员模式的方式(以及各个模式的权限)参考链接
4、查看主题继承:链接
5、有关于布局的概念:链接
6、关于magento2创建主题:链接

magento2开发手册:https://www.kancloud.cn/daimingkang/magento2_theme-create
magento:主题相关开发文档:https://devdocs.magento.com/guides/v2.2/frontend-dev-guide/themes/debug-theme.html#debug-theme-templ

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值