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 2qui vous permettront d’aller plus loin par vous-même ; si vous souhaitez être accompagné sur ce sujet, bonne nouvelle ! Notre agence Magento 2est là pour vous et votre projet.

Christophe Vidal vous répond
Christophe Vidal vous répondAssocié et directeur commercial – sous 48h ouvrées
+300 clients depuis 2017

Votre pré-audit Magento offert

Technique, performance, SEO, Paid : un expert analyse votre site et vous rappelle avec des propositions concrètes.

Gratuit et sans engagement

+234%de CA en 2 ans
+45%de ventes
6langues

Migration Magento 2 pour les marques du Groupe Blanchon, PIM et ERP synchronisés, catalogue servi en 6 langues. Refonte technique, reprise du SEO et accompagnement continu : le site absorbe la saisonnalité sans incident.

62pays
4langues
57partenaires dans le monde

Le projet de refonte de notre site web nécessitait l’accompagnement d’un expert du développement Magento, de l’UX design et de référencement. Nous avons trouvé ces trois caractéristiques.

Annabelle Meli — Responsable marketing digital chez Enlaps.io
102 000pages vues dans les 48h après l’ouverture
31matchs différents

Pour la billetterie de la Coupe du Monde de Rugby 2023, nous avons conçu une plateforme Magento sur-mesure capable de gérer des flux de dizaines de milliers d'utilisateurs en simultané. Nous avons transformé des défis techniques complexes en une solution agile et performante, optimisée dès sa conception par notre expertise SEO.

410-gone, je vous recommanderai sans hésiter pour la proximité, la réactivité, l’enthousiasme et le côté humain sur chaque projet.

Lucas Chevalier — Responsable Digital chez Couleur
502 M€Chiffre d’affaires consolidé
8sites Magento en production
+900salariés

410-Gone, c’est une équipe compétente, qui sait s’adapter aux besoins spécifiques de ses clients et qui apporte des solutions efficaces, notamment en SEO et sur Magento. Leur support nous a permis d’évoluer et d’optimiser nos sites au fil du temps.

Jérémy Diguet-Dickson — Responsable Digital – Thermador Groupe
1 / 4