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 !