Apparence

Créer et gérer un thème personnalisé

Étape 1 : Copier le thème « default »

Accédez au dossier skin (ou le répertoire de vos thèmes) à la racine de votre serveur. Par défaut, ce dossier ne contient qu’un seul thème de base nommé « default ». Copiez ce dossier « default » et collez-le au même endroit en lui donnant un nouveau nom, par exemple « custom ».

Conseil de pro : Ne modifiez jamais directement le thème « default ». En cas de problème lors de vos développements, il vous servira toujours de base propre (solution de repli) pour revenir en arrière ou identifier si une erreur provient de vos modifications.

Étape 2 : Activer le thème dans l’administration

1. Connectez-vous à l’administration de votre site web (ex: http://www.monsite.com/admin).

2. Dans le menu de navigation, cliquez sur l’onglet Configuration et sélectionnez Thèmes.

3. La page « Gestion des thèmes » affiche la liste de tous les dossiers détectés sur votre serveur.

4. Vous verrez alors deux blocs :

   • Le thème « default » actuellement actif.

   • Votre nouveau thème « custom » avec un bouton d'action.

5. Cliquez sur le bouton Choisir pour activer votre thème « custom ».

Étape 3 : Vérifier l'affichage

Une fois activé, rendez-vous sur la partie publique de votre site. Vous ne remarquerez aucun changement immédiat, et c'est normal : votre thème « custom » est pour l'instant une copie exacte du thème de base. Cependant, votre environnement est désormais prêt à être modifié en toute sécurité !

Ajouter une CSS spécifique pour TinyMCE

Magix CMS 4 offre la possibilité de charger des feuilles de style (CSS) directement dans l'éditeur de texte (TinyMCE). Cela permet à l'éditeur d'afficher un aperçu fidèle (typographie, couleurs, espacements) très proche du rendu final sur le site public, facilitant ainsi la mise en page pour vos rédacteurs.

Pour un design professionnel sur mesure

Si vous souhaitez une identité visuelle unique et complexe, nous vous conseillons de collaborer avec un webdesigner ou une agence capable de concevoir une maquette ergonomique (UI/UX) adaptée à vos besoins.

Compétences techniques requises pour personnaliser un thème sous Magix CMS 4 :

• Smarty : Le moteur de template PHP, indispensable pour la logique d'affichage et l'intégration des variables dynamiques.

• HTML5 & Bootstrap 5.3 : Pour maîtriser la grille responsive, les classes utilitaires et la structure "Mobile-First" du CMS.

• SCSS (Sass) : Pour une gestion moderne, modulaire et compilée de vos styles CSS (remplace l'ancien format LESS).

• Vanilla JS (JavaScript moderne) : Pour enrichir les interactions de votre thème. Magix CMS 4 est extrêmement performant et n'utilise plus aucune dépendance lourde comme jQuery.