77 Rue Clemenceau, 54820 Marbache +33 03 83 56 65 20 +33 06 87 42 95 30

Comment ajouter vos styles CSS à un template basé sur le framework EF4 ?

Note de l'utilisateur: 0 / 5

Donnez une note !
0 sur 5 - 0 votes
Merci d'avoir noté cet article.

Comment ajouter vos propres styles CSS à un template Joomla basé sur le framework EF4 ?

Personnaliser des templates Joomla basés sur le Framework EF4 est très facile. Vous pouvez ajouter vos propres styles aux fichiers du template sans problèmes.La différence la plus importante qui pourrait survenir par rapport à d'autres templates, c'est que nous utilisons LESS plutôt que CSS.

Comment modifier les fichiers LESS et CSS dans un template joomla3 ? (en anglais)

Qu'est-ce-que cela veut dire ?

Que vous ne devez modifier AUCUN fichier CSS parce que tous les styles CSS dans le template sont générés à partir des fichiers LESS.

Vous vous demandez : Mais où diable puis-je ajouter mes styles ?

Ma réponse: Dans un fichier LESS. Dans ce nom de fichier spécifique : fichier custom.less situé dans le répertoire « joomla/templates/jm-template/less ».

Et maintenant vous vous posez une autre question: Mais je ne trouve pas le fichier « custom.less » !

Ma réponse: Oui, c'est juste. You should create this file manually. Il suffit d'ajouter un fichier texte ordinaire nommé « custom.less » dans le répertoire « less ».
Il n'y a pas besoin de modifier d'autres parties du template. Le Framework EF4 compilera et affectera ce fichier automatiquement dans la section HEAD de la page.
Simple, non ? :)

Certains d'entre vous continueront à se demander : Pourquoi je dois ajouter mes styles dans « custom.less », pas dans n'importe quel autre ?

Ma réponse: Vous devez ajouter les styles dans custom.less pour éviter tout problème de processus de mise à jour. De cette façon, vous serez en mesure de surcharger tous les styles sans risquer d'enlever à votre template les modifications de styles précédents à la mise à jour.

Brèves instructions :

  1. Créez un fichier texte dans 'joomla/templates/less/custom.less'

  2. Ajoutez vos styles dans 'joomla/templates/less/custom.less'

  3. Actualisez la page (et nettoyez le cache).

C'est tout ! :)

Ajouter un Commentaire

Serge Billon