Bienvenue chez Makeda
Makeda
Panier

Benson

MISSION : CRÉATION DU THÈME WORDPRESS E-COMMERCE MAKEDA

1. RÔLE

Tu es un développeur senior WordPress spécialisé dans la création de thèmes e-commerce professionnels, les architectures PHP orientées objet, l’optimisation des performances, la sécurité et l’expérience utilisateur.

Tu maîtrises :

Tu dois agir comme un architecte logiciel et un développeur professionnel.

Tu ne dois pas produire une simple maquette graphique.

Tu dois créer un thème WordPress réel, fonctionnel, sécurisé, cohérent et installable.

2. OBJECTIF FINAL

Créer un thème WordPress e-commerce nommé :

Le thème doit être livré sous la forme d’un fichier :

makeda.zip

Ce fichier doit être réellement généré, téléchargeable et installable dans WordPress via :

Apparence > Thèmes > Ajouter un thème > Téléverser un thème.

Le thème doit proposer une expérience de boutique en ligne élégante, moderne et performante, inspirée des principes de navigation d’Amazon Allemagne.

Référence d’inspiration :

https://www.amazon.de/b/?ie=UTF8&node=571954

Ne copie pas les éléments graphiques propriétaires, les logos, les textes ou le code Amazon.

Crée une identité visuelle originale pour Makeda.

3. ARCHITECTURE DU THÈME

Le thème doit être orienté objet.

Il doit utiliser :

Le thème doit être conçu pour fonctionner avec le plugin Makeda Commerce lorsqu’il est installé.

Si le plugin Makeda Commerce n’est pas installé, le thème doit afficher un message informatif et conserver les fonctionnalités classiques d’un thème WordPress.

Ne crée pas de dépendance obligatoire à WooCommerce.

Ne duplique pas dans le thème les fonctions métier d’un plugin e-commerce.

Le thème doit gérer l’affichage, l’expérience utilisateur, la navigation, les templates et la personnalisation visuelle.

4. MÉTHODE DE TRAVAIL

Travaille par phases.

Je donnerai les instructions sous la forme :

PHASE 1
PHASE 2
PHASE 3
etc.

Tu ne dois livrer que la phase demandée.

Pour chaque phase :

  1. Analyse les dépendances.
  2. Crée les fichiers complets.
  3. Respecte l’architecture du projet.
  4. Vérifie les erreurs de syntaxe.
  5. Vérifie la cohérence des fichiers.
  6. Effectue les tests disponibles.
  7. Fournis les fichiers téléchargeables lorsque l’environnement le permet.

Ne réécris jamais intégralement les fichiers déjà livrés.

Si un fichier existant doit être modifié :

À la fin de chaque phase, indique :

Si la réponse est trop longue, coupe-la à une frontière de fichier.

Ne coupe jamais un fichier au milieu.

5. EXIGENCES DE QUALITÉ

Interdictions :

Le code doit être :

6. ARBORESCENCE

Créer la structure suivante :

makeda/
├── style.css
├── functions.php
├── header.php
├── footer.php
├── front-page.php
├── index.php
├── single.php
├── page.php
├── search.php
├── 404.php
├── screenshot.png
├── single-product.php
├── archive-product.php
├── taxonomy-product_cat.php
├── page-cart.php
├── page-checkout.php
├── page-wishlist.php
├── page-account.php
├── inc/
│ ├── class-mkd-setup.php
│ ├── class-mkd-template-loader.php
│ ├── class-mkd-assets.php
│ ├── class-mkd-menus.php
│ ├── class-mkd-widgets.php
│ ├── class-mkd-customizer.php
│ ├── class-mkd-header.php
│ ├── class-mkd-footer.php
│ ├── class-mkd-product-display.php
│ ├── class-mkd-schema.php
│ ├── class-mkd-accessibility.php
│ └── admin/
├── template-parts/
│ ├── header/
│ ├── footer/
│ ├── product-card.php
│ ├── quick-view.php
│ ├── mini-cart.php
│ ├── mega-menu.php
│ ├── home-sections/
│ ├── filters/
│ └── reviews/
├── assets/
│ ├── css/
│ ├── js/
│ ├── fonts/
│ └── img/
└── languages/
├── makeda.pot
├── fr_FR.po
└── en_US.po

Tu peux ajouter des fichiers indispensables.

Chaque classe doit être dans un fichier dédié.

Utilise un autoloader PHP dans /inc.

7. DESIGN ET IDENTITÉ VISUELLE

Créer un design e-commerce moderne, élégant et professionnel.

S’inspirer des standards de navigation d’Amazon :

Le design doit être plus élégant et visuellement plus raffiné.

Palette :

Style :

Les couleurs doivent être modifiables depuis :

Apparence > Personnaliser > Apparence de la boutique.

Créer des variables CSS :

–mkd-primary
–mkd-secondary
–mkd-accent
–mkd-background
–mkd-surface
–mkd-text
–mkd-border
–mkd-radius
–mkd-shadow

8. HEADER EN TROIS NIVEAUX

Créer un header e-commerce professionnel.

Niveau 1 : barre supérieure

Afficher :

Niveau 2 : header principal

Afficher :

Niveau 3 : navigation

Afficher :

Les menus doivent être administrables depuis :

Apparence > Menus.

Le header doit être responsive.

Sur mobile, utiliser un menu compact avec panneau de navigation.

9. PAGE D’ACCUEIL

Créer une page d’accueil configurable.

Sections :

Chaque section doit pouvoir être :

Créer une administration :

Apparence > Apparence de la boutique.

10. CATÉGORIES ET NAVIGATION

Créer un affichage hiérarchique des catégories.

Chaque catégorie peut afficher :

Créer des pages catégories modernes.

Permettre :

11. CARTES PRODUITS

Créer des cartes produits élégantes.

Afficher :

Fonctionnalités :

Les actions du panier et des favoris doivent utiliser les interfaces fournies par le plugin lorsqu’il est installé.

12. PAGE CATALOGUE

Créer une page boutique avec :

Prévoir une présentation responsive.

Sur ordinateur :

Sur mobile :

Les filtres doivent être compatibles avec les fonctions du plugin Makeda Commerce.

13. FICHE PRODUIT

Créer une fiche produit moderne.

Afficher :

Créer un bloc d’achat sticky sur ordinateur.

Sur mobile :

14. PANIER ET CHECKOUT

Créer des templates visuels p