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 ...

随机推荐

C库函数-fgets（）
函数声明:char *fgets(char *str,int n,FILE *stream) 函数介绍:从指定的stream流中读取一行,并把它存储在str所指向的字符串中.当读取到(n-1)个字符时 ...
关于MapReduce的测试
题目:数据清洗以及结果展示要求: Result文件数据说明: Ip:106.39.41.166,(城市) Date:10/Nov/2016:00:01:02 +0800,(日期) Day:10,(天 ...
BZOJ1706奶牛接力跑
这个东西思路还是不错的. 解法就是把矩阵幂的加法改成取min,乘法改成加法就好,和floyed是一样的.这样的话,矩阵操作一次就相当于松弛了一次最短路. 建矩阵的过程也比较简单,可以离散化,当然下面有 ...
flask中models设计
1. 自关联 class Comment(db.Model): __tablename__ = 'albumy_comment' id = db.Column(db.Integer, primary_ ...
（十五）C语言之字符串
vue——父组件调用子组件
<template> <div> child1 </div> </template> <script> export default { n ...
Java-synchronized 中锁的状态及其转换
synchronized 锁的优化过程:无锁 -> 偏向锁 -> 轻量级锁 -> 重量级锁一.不同锁对象的状态表示(需要了解 Java 对象头) https://wiki.open ...
android 实例-弱引用示例 Handler正确使用方法
实际问题 android 习惯性问题:在使用handler的时候喜欢使用内部类形式. private final Handler handler = new Handler(){ @Override ...
where in 的参数化查询实现
身为一名小小的程序猿,在日常开发中不可以避免的要和where in和like打交道,在大多数情况下我们传的参数不多简单做下单引号.敏感字符转义之后就直接拼进了SQL,执行查询,搞定.若有一天你不可避免 ...
LC 302. Smallest Rectangle Enclosing Black Pixels【lock, hard】
An image is represented by a binary matrix with 0 as a white pixel and 1 as a black pixel. The black ...

Magento2入门之修改logo

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

随机推荐

热门专题