Lässt uns ein untergeordnetes Thema erstellen, sodass alle benutzerdefinierten Themen in Magento 2 hier aufgeführt sind:
app / design / frontend / firmenname / themenname
Nehmen wir an, unser Firmenname ist mycompany und unser Themenname ist basic. Wir müssen folgende Verzeichnisstruktur für unser Thema erstellen:
app
└────design
└──────frontend
└──mycompany
└───basic
└──etc
└──Magento_Theme
│ └─layout
│ default.xml
└──media
│ preview.png
└──web
│ └─css
│ └─fonts
│ └─images
│ └─js
│ theme.xml
│ registration.php
meine Firma :-
Der Name des Themenpakets
Grundlegend: -
Der Name des Themas. Der Ordner mycompany kann mehrere benannte Themen enthalten.
etc / view.xml: -
Diese Datei wird verwendet, um Produktabbildungen, Miniaturansichten usw. festzulegen.
Magento_Theme: - In
diesem Verzeichnis werden vorhandene Magento- Themendateien überschrieben.
Magento_Theme / layout / default.xml: -
Standardmäßig geht Magento2 davon aus, dass das Logo Ihres Themas wie folgt aussehen soll: /web/media/logo.svg
Wenn Sie eine andere Datei für das Logo möchten, müssen Sie diese in default.xmlfile deklarieren .
Diese Datei wird auch verwendet, um die Standardeinstellungen des Themas zu überschreiben.
media / preview.png: -
Die Vorschau des aktuellen Themas.
Web: -
Dieses Verzeichnis enthält alle statischen Daten des Themas wie Bilder, Stile, Javascript, Schriftarten usw.
registration.php: -
Diese Datei wird benötigt, um unser Theme im Magento2 System zu registrieren.
theme.xml: -
Dies ist eine obligatorische Datei, in der der Name des Themas, sein übergeordnetes Element und optional das Vorschaubild des Themas definiert werden.
Themendateien erstellen
Lassen Sie uns nun nacheinander unsere Dateien erstellen.
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>
An diesem Punkt ist unser Thema fertig. Leere deinen Cache und wir werden nun unser neues Thema von admin auswählen.
Melden Sie sich jetzt bei admin an und wechseln Sie zu folgendem Pfad:
Content -> Design -> Themes
Sie sollten Ihr Thema aufgelistet sehen.
Gehen Sie jetzt zu:
Stores -> Configuration -> Design
Wählen Sie die Hauptwebsite vor der Store-Ansicht oben links. Klicken Sie jetzt auf
Desgin -> Design Theme
Deaktivieren Sie das Kontrollkästchen Use Default (Standard verwenden) und wählen Sie Ihr Thema aus. Klicken Sie auf Save Config (Konfiguration speichern), leeren Sie den Cache und Ihr neues Design ist fertig. Überprüfen Sie Ihre Homepage.
Weitere Details finden Sie hier.