Permite crear un tema secundario para que todos nuestros temas personalizados en Magento 2 vayan aquí:
app / design / frontend / company_name / theme_name
Supongamos que el nombre de nuestra empresa es mycompany y el nombre de nuestro tema es básico. Necesitamos crear la siguiente estructura de directorios para nuestro tema:
app
└────design
└──────frontend
└──mycompany
└───basic
└──etc
└──Magento_Theme
│ └─layout
│ default.xml
└──media
│ preview.png
└──web
│ └─css
│ └─fonts
│ └─images
│ └─js
│ theme.xml
│ registration.php
mi empresa :-
El nombre del paquete temático.
básico: -
El nombre del tema. Podemos tener múltiples temas con nombre dentro de la carpeta mycompany.
etc / view.xml: -
Este archivo se utiliza para especificar dimensiones de imágenes de productos, miniaturas, etc.
Magento_Theme: -
Este directorio se utiliza para anular los archivos de temas existentes de Magento.
Magento_Theme / layout / default.xml: -
Por defecto, Magento2 asume que el archivo del logotipo de su tema debería ser: /web/media/logo.svg
Si desea algún otro archivo para el logotipo, debe declararlo endefault.xml archivo.
Este archivo también se usa para anular la configuración predeterminada del tema.
media / preview.png: -
La vista previa del tema actual.
web:
este directorio contiene todos los datos estáticos del tema, como imágenes, estilos, javascript, fuentes, etc.
registration.php: -
Este archivo es necesario para registrar nuestro tema en el sistema Magento2.
theme.xml: -
Este es un archivo obligatorio que define el nombre de nuestro tema, su padre y, opcionalmente, la imagen de vista previa del tema.
Crear archivos de tema
Permítanos ahora crear nuestros archivos uno por uno.
theme.xml (app / design / frontend / mycompany / basic / theme.xml)
<theme xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:framework:Config/etc/theme.xsd">
<title>Basic</title> <!-- your theme's name -->
<parent>Magento/blank</parent> <!-- the parent theme -->
<media>
<preview_image>media/preview.jpg</preview_image> <!-- theme's preview image -->
</media>
</theme>
registration.php (app / design / frontend / mycompany / basic / registration.php)
<?php
\Magento\Framework\Component\ComponentRegistrar::register(
\Magento\Framework\Component\ComponentRegistrar::THEME,
'frontend/mycompany/basic',
__DIR__
);
default.xml (app / design / frontend / mycompany / basic / Magento_Theme / layout / default.xml)
<page 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/my_logo.png</argument>
<argument name="logo_img_width" xsi:type="number">200</argument>
<argument name="logo_img_height" xsi:type="number">200</argument>
</arguments>
</referenceBlock>
</body>
</page>
En este punto, nuestro tema está listo. Borre su caché y ahora seleccionaremos nuestro nuevo tema de administrador.
Ahora, inicie sesión en admin y avance a la siguiente ruta:
Content -> Design -> Themes
Deberías ver tu tema en la lista.
Ahora ve a:
Stores -> Configuration -> Design
Elija el sitio web principal frente a la vista de la tienda en la parte superior izquierda. Ahora haga clic
Desgin -> Design Theme
Desmarque la casilla de verificación Usar predeterminado y elija su tema. Haga clic en Guardar configuración, borre su caché y su nuevo tema está listo. Revisa tu página de inicio.
Para más detalles ver aquí.