Topic-icon [RÉGLÉ] Personnalisation de template avec Gantry 4

Plus d'informations
16 Déc 2012 15:26 #3404 par pmediag
Message
Bonjour.

Je débute avec Joomla! et, après quelques recherches, j'ai choisi d'utiliser Gantry pour personnaliser le design de mon site (performances, souplesse, responsive-design). J'ai un problème de personnalisation de mon template. Je voudrais mettre un peu les mains dans le cambouis car je connais le CSS et je voudrais donc ajouter une feuille de style que je pourrai personnaliser à souhaits sans risques lors d'une éventuelle mise à jour de Gantry.

J'ai lu dans un topic qu'il fallait ajouter un fichier perso.less par exemple dans le dossier templates/gantry/less/ pour faire ce que je veux faire.

J'ai créer un fichier perso.less, je l'ai uploadé sur mon serveur via Filezilla dans le dossier ad hoc mais je suppose qu'il faut que je lie mon site à cette nouvelle feuille de style ?

Si quelqu'un peut mon donner la marche à suivre, je suis preneur...

Merci d'avance pour vos réponses.

pmediag

Vous devez vous connecter Connexion pour prendre part à la conversation.

Plus d'informations
17 Déc 2012 06:46 #3407 par pmediag
Réponse
Bonjour.

J'ai réussi à obtenir ce que je souhaitais faire. Je devais en fait appeler mon fichier template-custom.less afin que Gantry le prenne en priorité par rapport à template.less. Je peux donc personnaliser mon template maintenant.

En revanche, j'ai une seconde petite question qui, je pense, ne mérite pas que j'ouvre un second topic : il y a des définitions déjà présentes qui me dérangent, comme par exemple un rt-top-surround ou un rt-drawer. Dans le cas présent, je n'ai pas besoin de ces positions. Puis-je les supprimer quelque part afin de ne pas les retrouver du tout ou suis-je obligé de redéfinir des propriétés css et ainsi retirer tous les styles (comme le border-bottom du rt-drawer) ?

Merci d'avance.

pmediag

Vous devez vous connecter Connexion pour prendre part à la conversation.

Plus d'informations
17 Déc 2012 11:42 #3413 par C-Jay
Réponse
Bonjour pmediag et bienvenue :-),

C'était ça. Tu peux appliquer d'autres propriétés CSS à tous les autres fichiers LESS en créant un fichier et en ajoutant -custom à la fin.
L'idée est en effet de te permettre d'être mieux organisé en ayant un fichier xxx-custom.less à part pour éviter de devoir modifier le fichier xxx.less initial.

Oui, tu dois redéfinir les propriétés CSS si tu ne les retrouves pas pour les supprimer. Et c'est d'ailleurs plus simple de les redéfinir.
Pour les redéfinir, tu devras passer par une spécificité CSS (cf. Ce topic )d'un niveau supérieur.

A la recherche d'un hébergement / hébergeur Joomla spécialisé, performant et sécurisé ? Choisissez SiteGround (Nouvelles offres : -50% sur leur offre Start Up !)
Découvrez le guide Réussir son entreprise sur Internet grâce à Joomla
Découvrez le le centre de formation NosyWeb
Cet utilisateur a été remercié pour son message par: pmediag

Vous devez vous connecter Connexion pour prendre part à la conversation.

Plus d'informations
17 Déc 2012 13:20 #3420 par pmediag
Réponse
Bonjour C-Jay et merci beaucoup pour ta réponse.

Donc, si je résume :

- je repère avec Firebug les propriétés à modifier et surtout le fichier Less qui les contient.
- je créé un fichier xxx-custom.less selon le fichier Less d'origine à modifier.
- J'insère dans mon nouveau fichier custom les nouvelles propriétés que je souhaite appliquer à mon template (ou que je souhaite annuler exemple background: transparent).

Je vais donc pratiquer comme cela. J'ai un problème avec l'éditeur de code Extplorer qui est pourtant bien utile notamment au niveau de la numérotation des lignes, je vais regarder s'il y a un topic là-dessus ou si je trouve un autre éditeur interne.

Merci encore et surtout bonne continuation, super site, super équipe.

pmediag

Vous devez vous connecter Connexion pour prendre part à la conversation.

Modérateurs: C-Jay
Temps de génération de la page : 0.694 secondes
Contact

Scoop.It de NosyWeb

Twitter de NosyWeb

YouTube de NosyWeb

Facebook de NosyWeb

Google+ de NosyWeb

Flux RSS de NosyWeb

Inscription newsletter de NosyWeb