Skip to main content

Architecture JS

Notre thème WordPress utilise une structure organisée pour le SCSS et le JavaScript, facilitant le développement et la maintenance.

Cette architecture permet une gestion efficace des styles et des scripts, assurant ainsi que le site soit à la fois performant et visuellement cohérent.

Le JavaScript est organisé pour séparer les scripts spécifiques de l'administration de ceux utilisés sur le front-end. Voici un aperçu de l'organisation :

Architecture Js
themes/
└── <votre-projet>/
    └── assets/
        ├── scripts/
            ├── admin.js
            └── main.js

  • admin.js : Ce fichier contient des scripts qui s'exécutent dans le contexte du tableau de bord WordPress pour améliorer l'expérience d'administration.

  • main.js : Le fichier main.js est chargé sur le front-end et inclut les fonctionnalités interactives nécessaires pour les visiteurs du site, telles que les sliders, les popups et la validation des formulaires. Il charge quelques librairie ainsi que tous les fichiers script.js des composants.

Ce sera ce fichier qui au build, sera compilé, minifié et déplacé dans le dossier /dist/assets.