media/jui/less hors du template

[polpaulin]

Bonsoir

Savez vous pourquoi tous les @import de template.less de protostar sont en dehors du template dans media/jui/less , rendant ainsi impossible la personnalisation du template ?

pourquoi tout n'est pas dans le dossier protostar ?

merci

[zepelin57]

Re : media/jui/less hors du template

Bonsoir,

Je ne veux pas raconter de conne***s, mais il me semble que ces fichiers sont communs avec le template d'administration Isis.

[polpaulin]

Re : media/jui/less hors du template

en ce cas c'est un sac de noeuds

le debut de template.less -->

@import "../../../media/jui/less/reset.less";

// Core variables and mixins
@import "variables.less"; // Custom for this template
@import "../../../media/jui/less/mixins.less";

// Grid system and page structure
@import "../../../media/jui/less/scaffolding.less";
@import "../../../media/jui/less/grid.less";
@import "../../../media/jui/less/layouts.less";

// Base CSS
@import "../../../media/jui/less/type.less";
@import "../../../media/jui/less/code.less";
@import "../../../media/jui/less/forms.less";
@import "../../../media/jui/less/tables.less";

// Components: common
// @import "../../../media/jui/less/sprites.less";
@import "../../../media/jui/less/dropdowns.less";
@import "../../../media/jui/less/wells.less";
@import "../../../media/jui/less/component-animations.less";
@import "../../../media/jui/less/close.less";

on ne peut plus parler vraiment de template puisque tout est en dehors du template


donc je suppose que si on cree son propre template il faut virer tout ça ou bien en faire une copie en les modifiant dans le dossier du nouveau template

merci pour ta réponse

[lomart]

Re : media/jui/less hors du template

Bonjour,

en ce cas c'est un sac de noeuds

Non, c'est très logique !
Le dossier "media/jui/less" contient les fichiers de base Bootstrap qui pourraient/seront mis à jour en même temps que Joomla.
Le template les utilise de la même façon qu'il utilise les affichages prévus par le core Joomla s'il ne les surcharge pas dans son dossier HTML.

La personnalisation du template se fait en modifiant le fichier "variables.less" qui n'est pas dans ce dossier

// Core variables and mixins
@import "variables.less"; // Custom for this template

Pour personnaliser un template à base de Bootstrap, il faut adapter le fichier "variables.less" selon ses gouts puis compiler le fichier "template.less" avec un programme comme "Crunch" pour produire un template.css qui sera importé de façon classique dans index.php
Il faut ensuite créer un fichier "perso.less" ou "xxx.less" qui contiendra les règles spécifiques pour le template du site. Ce fichier peut être compilé automatiquement par un plugin tel que LESS Compiler. Pour les allergiques à LESS, il est possible de faire un css directement.

Nota: il est déconseillé de compiler la partie GRID de Bootstrap avec les plugins LESS qui utilise lessphp car la précision de calcul n'est pas suffisante. Le développeur de LESS Compiler travaille sur ce point actuellement.

Pour résumé:
- template.less/css, c'est les fondations du site (grid, couleurs, police de base, ...). On le compile avec Crunch. Une fois en ligne, on n'a plus a toucher à ce fichier.
- xxx.less/css est la personnalisation qui sera compilé à la volée par LESS Compiler. Très pratique quand le site est en ligne. On modifie xxx.less par FTP et le xxx.css est recréé automatiquement à la prochaine actualisation du frontend.

Cette méthode n'est pas si différente de celle de Beez avec ses fichiers layout/position et personal

[polpaulin]

Re : media/jui/less hors du template

justement dans variables.less tu ne peux pas changer l'aspect arrondi des boutons ou les input des form par exemple, ils sont imposés par media/jui/less

Ce qui fait que ton Template a une personnalisation extrêmement limitée et que tous les sites vont se ressembler

Le dossier "media/jui/less" contient les fichiers de base Bootstrap qui pourraient/seront mis à jour en même temps que Joomla.
Le template les utilise de la même façon qu'il utilise les affichages prévus par le core Joomla s'il ne les surcharge pas dans son dossier HTML.

et comment tu les surcharge ? où et comment dois tu copier media/jui/less/forms.less (par exemple) pour le modifier complètement ?

[lomart]

Re : media/jui/less hors du template

justement dans variables.less tu ne peux pas changer l'aspect arrondi des boutons

Dans ton fichier perso.css, tu ajoute
.btn {-webkit-border-radius: 50px; border-radius: 50px;}
L'idéal étant d'ajouter dans perso.less
.btn {.border-radius(50px);}
Cette ligne fait la même chose, mais s'adaptera aux exigences des navigateurs

et comment tu les surcharge ?

L'idéal dans perso.less
Mais rien ne t'empêche de supprimer l'import de "media/jui/less/forms.less"(ton exemple) dans template.less et de le remplacer par l'import de ta solution @import "polpaulin/form.less"

[polpaulin]

Re : media/jui/less hors du template

remplacer par l'import de ta solution @import "polpaulin/form.less"

comme ça oui

merci c'est ce que je voulais savoir