Magento2入门之修改logo

本文用于学习记录用

1.主题创建是在路径 /app/design/frontend/公司名/主题名称/

　　我自己创建的路径为 app/design/frontend/Bman/castle，以下操作都在这个目录下

2.创建好自己的目录后，需要在castle主题目录下创建registration.php文件

<?php
//用于注册主题

\Magento\Framework\Component\ComponentRegistrar::register(

    \Magento\Framework\Component\ComponentRegistrar::THEME,

    'frontend/Bman/castle',

    __DIR__

);

3.然后再castle主题目录下创建theme.xml文件

<theme xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:framework:Config/etc/theme.xsd">

    <title> Castle Theme</title>

    <parent>Magento/luma</parent>

</theme>

在此说明，magento开发都是需要继承父主题，然后进行覆盖开发。由于是学习，我这里继承的是Magento/luma默认主题

4.在核心代码路径 app/vendor/magento/theme-frontend-luma/Magento_Theme/layout/default.xml文件中可以搜索到logo的block。

　如果自己的主题中存在和父主题一样的路径，自己的主题覆盖父主题的代码。所以我们在自己的路径下创建如下：

　　castle/Magento_Theme/layout/default.xml

<?xml version="1.0"?>

<page layout="empty" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:framework:View/Layout/etc/page_configuration.xsd">

    <body>

        <referenceBlock name="logo">

            <arguments>

                <argument name="logo_file" xsi:type="string">images/logo.jpg</argument>

                <argument name="logo_alt" xsi:type="string">Custom Design</argument>

                <argument name="logo_img_width" xsi:type="number">250</argument>

                <argument name="logo_img_height" xsi:type="number">30</argument>

            </arguments>

        </referenceBlock>

        <referenceBlock name="copyright" remove="true"/>

    </body>

</page>

上边代码我修改了logo,并且删除了copyright。记得图片放到路径为castle/Magento_Theme/web/images/logo.jpg, web文件夹是用来放css，js，图片的。

5.最重要的一点就是在后台，content/configuation/ 路径下，应用自己的主题

6.记得刷新缓存 bin/magento c:c

7.现在查看前端页面，打完收工。

Magento2入门之修改logo的更多相关文章

jw player笔记二----修改logo
一.修改HTML5模式下的logo 见http://blog.csdn.net/xiong_mao_1/article/details/17222757 二.修改FLASH模式下的logo IE7/8 ...
Kibana 修改logo及汉化导航
修改此文件下E:\happy\kinbana\kibana-4.2.2-windows\kibana-4.2.2-windows\optimize\bundles的kibana.bundle.js文件 ...
openerp修改logo和title
LOGO的修改addons\web\static\src\img下面的:favicon.ico文件和logo2.png \addons\web\static\src\xml\base.xml#82 l ...
rocketmq-console修改logo,修改ip,修改port及完整编译安装图文版
一.下载源码到本地这里使用IDEA,作为编译工具 https://gitee.com/mrliuNumberOne/rocketmq-externals.git 导入成功后如图: 二.Maven编译 ...
Linux 入门之修改主机名
vi /etc/hosts 修改 local.domain 为自己的主机名比如 compute
Jquary入门（修改内容）
1. 使用JQ时需要先引用 JQ 包: 其他的JQ代码需要写在引用标签的下面如下图[基本格式] JQ中是纯代码没有判断没有循环如果有时间间隔和延迟则使用JS 代码详见下面例 ...
jwplayer修改logo右键版权
jwplayer二次编译,可以自定义自己的logo和右键版权.
SSM-CRUD入门项目——修改与PUT请求
修改分析: 点击编辑,弹出用户修改的模态框, 模态框中显示用户的信息, 点击更新完成修改! 第一步先复制添加员工的模态框进行修改调整,完成修改员工的模态框的创建:(当然,相应的生成员工数 ...
tomcat web 修改logo
第一种: 打开tomcat目录,进入 D:\tomcat\apache-tomcat-7.0.50-1\webapps\ROOT 找到favicon.ico图标然后替换成自己的第二种: 由于tom ...

随机推荐

js监听transition过渡事件
html <div id="mydiv"> </div> style #mydiv{ width:100px; height:100px; backgrou ...
From 7.8 To 7.14
From 7.8 To 7.14 大纲学科英语的话每天早上背单词, 争取每天做一篇完型, 一篇阅读, 一篇短文填空, 一篇改错, 一篇七选五??? 似乎太多了, 先试一下吧语文的话, 尝试翻译一 ...
（三）C语言之变量
石川es6课程---7、数组
石川es6课程---7.数组一.总结一句话总结: ^ 主要就map(映射:一个对一个),reduce(汇总:一堆出来一个),filter 过滤器,forEach 循环(迭代) 四个方法 ^ 使用 ...
koa 基础（十）原生node.js 在 koa 中获取表单提交的数据
1.app.js // 引入模块 const Koa = require('koa'); const router = require('koa-router')(); /*引入是实例化路由推荐*/ ...
Vue Router实现页面跳转拦截
场景: 某些页面需要登录之后才可以访问,在页面跳转前做处理,如果要访问的页面A需要登录,则强制调到登录页,并且记录要访问的页面A的链接,在登录成功后自动跳转到页面A 1.在router下的index. ...
理解JVM
1.JVM运行时数据区 2.方法区方法区垃圾回收的条件:该类的所有实例(堆内存中)被回收:加载该类字节码的类加载器被回收:所有的类对象(如Student.class)的引用被回收一般采用可达性分析 ...
LC 712. Minimum ASCII Delete Sum for Two Strings
Given two strings s1, s2, find the lowest ASCII sum of deleted characters to make two strings equal. ...
关于Android Studio加载.so文件问题
在main文件下创建jniLibs文件,然后把.so文件copy过去,然后在 app的 build.gradle里面添加如下代码 sourceSets { main { jniLibs.srcDirs ...
如何在网页中添加 jQuery。
转自:http://www.runoob.com/jquery/jquery-install.html 网页中添加 jQuery 可以通过多种方法在网页中添加 jQuery. 您可以使用以下方法: 从 ...

Magento2入门之修改logo

Magento2入门之修改logo的更多相关文章

随机推荐

热门专题