Créer un thème personnalisé sur Magento 2

Les thèmes personnalisés sont légions sur la plupart des CMS e-commerce. Découvrez comment créer et mettre en place le vôtre, ou découvrez nos autres tutoriels.

Étape 1 : Créez la structure du répertoire de votre thème

Dans le répertoire app/design/frontend, créez la structure de dossiers pour votre nouveau thème. Par exemple, si votre entreprise s’appelle “Gone” et que votre thème s’appelle “MonTheme”, vous auriez app/design/frontend/Gone/MonTheme.

Étape 2 : Créez un fichier theme.xml

Dans app/design/frontend/Gone/MonTheme, créez un fichier theme.xml.

Contenu pour theme.xml :

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

Étape 3 : Ajoutez un logo (optionnel)

Placez votre fichier de logo dans app/design/frontend/Gone/MonTheme/web/images.

Étape 4 : Créez un fichier registration.php

Dans app/design/frontend/Gone/MonTheme, créez un fichier registration.php.

Contenu pour registration.php :

<?php
use Magento\Framework\Component\ComponentRegistrar;

ComponentRegistrar::register(ComponentRegistrar::THEME, 'frontend/Gone/MonTheme', __DIR__);

Étape 5 : Activez votre thème

  1. Accédez à l’admin Magento, puis à Content > Design > Configuration.
  2. Cliquez sur “Edit” pour la portée de la boutique où vous souhaitez activer votre thème.
  3. Dans l’option “Applied Theme”, choisissez votre nouveau thème puis sauvegardez la configuration.
activer un thème magento 2

Étape 6: Videz le cache et déployez le contenu statique

Exécutez les commandes suivantes :

php bin/magento cache:flush
php bin/magento setup:static-content:deploy

Étape 7: Vérifiez votre thème

Ouvrez votre site Web Magento dans un navigateur et vous devriez voir votre nouveau thème en action !

Si ce tutoriel vous a plu, découvrez toutes nos formations à Magento 2 qui vous permettront d’aller plus loin par vous-même ; si vous souhaitez être accompagné sur ce sujet, bonne nouvelle ! Notre agence Magento 2 est là pour vous et votre projet.

Découvrez nos autres tutoriels Magento :

Tuto Mise en place de la traduction
20/09/2023

Mise en place de la traduction sur Magento 2 : comment faire ?

Nous vous aidons à mettre en place, en quelques étapes, la traduction sur l'ensemble de votre site dans la langue que vous souhaitez.
Tuto Surcharger un template Magento 2
20/09/2023

Surcharger un template sur Magento 2 : comment faire ?

Nous vous aidons à surcharger un template sur votre CMS de prédilection, et ce en 5 étapes seulement.
Tuto Créer une méthode de livraison personnalisée
20/09/2023

Créer une méthode de livraison personnalisée sur Magento 2 : notre tuto

Découvrez comment créer une méthode de livraison personnalisée sous Magento 2 en quelques étapes seulement, et simplifiez la vie de vos utilisateurs !
Tuto Créer un plugin
20/09/2023

Créer un plugin sur Magento 2 en 6 étapes : découvrez la marche à suivre !

Vous souhaitez créer votre propre plugin sur Magento 2 ? Pas de soucis : on vous aide à le mettre en place !
Tuto Créer un observeur
20/09/2023

Créer un observeur sur Magento 2 : découvrez comment faire

Puissants systèmes d'événements sur Magento 2, découvrez comment créer et mettre en place un observeur !